/**
 * Iza 3D Product Designer v1.0.0
 * Shared frontend and icon-font styles.
 * @author FutureWebDesign
 * Copyright © Since 2006 All Rights Reserved.
 */


/* Import font. */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');


/* Prevent host themes from delaying button-like Iza controls. */
[class*="fwdi3dpd-"][class*="button"],
[class*="fwdi3dpd-"][class*="button"] *,
[class*="fwdi3dpd-"][class*="button"]::before,
[class*="fwdi3dpd-"][class*="button"]::after,
[class*="fwdi3dpd-"][class*="button"] *::before,
[class*="fwdi3dpd-"][class*="button"] *::after {
  transition: none !important;
  animation-delay: 0s !important;
}


/* Font icon. */
@font-face {
    font-family: 'fwdi3dpdicon';
    src: url('fonts/fwdi3dpd-icon.woff?v20260917-materials2') format('woff'),
      url('fonts/fwdi3dpd-icon.ttf?v20260917-materials2') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  .fwdi3dpdicon,
  [class^="fwdi3dpd-icon-"]:before,
  [class*=" fwdi3dpd-icon-"]:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'fwdi3dpdicon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.fwdi3dpd-icon-curved-text:before {
  content: "\e900";
}
.fwdi3dpd-icon-depositphotos:before {
  content: "\e901";
}
.fwdi3dpd-icon-design-library:before {
  content: "\e902";
}
.fwdi3dpd-icon-done:before {
  content: "\e903";
}
.fwdi3dpd-icon-download:before {
  content: "\e904";
}
.fwdi3dpd-icon-drag:before {
  content: "\e905";
}
.fwdi3dpd-icon-effects:before {
  content: "\e906";
}
.fwdi3dpd-icon-eye:before {
  content: "\e907";
}
.fwdi3dpd-icon-eye-hide:before {
  content: "\e908";
}
.fwdi3dpd-icon-facebook:before {
  content: "\e909";
}
.fwdi3dpd-icon-flip-horizontal:before {
  content: "\e90a";
}
.fwdi3dpd-icon-flip-vertical:before {
  content: "\e90b";
}
.fwdi3dpd-icon-font:before {
  content: "\e90c";
}
.fwdi3dpd-icon-font-size:before {
  content: "\e90d";
}
.fwdi3dpd-icon-format-align-center:before {
  content: "\e90e";
}
.fwdi3dpd-icon-format-align-justify:before {
  content: "\e90f";
}
.fwdi3dpd-icon-format-align-left:before {
  content: "\e910";
}
.fwdi3dpd-icon-format-align-right:before {
  content: "\e911";
}
.fwdi3dpd-icon-format-bold:before {
  content: "\e912";
}
.fwdi3dpd-icon-format-italic:before {
  content: "\e913";
}
.fwdi3dpd-icon-format-underline:before {
  content: "\e914";
}
.fwdi3dpd-icon-forward:before {
  content: "\e915";
}
.fwdi3dpd-icon-fullscreen:before {
  content: "\e916";
}
.fwdi3dpd-icon-fullscreen-close:before {
  content: "\e917";
}
.fwdi3dpd-icon-grid:before {
  content: "\e918";
}
.fwdi3dpd-icon-guided-tour:before {
  content: "\e919";
}
.fwdi3dpd-icon-images:before {
  content: "\e91a";
}
.fwdi3dpd-icon-info:before {
  content: "\e91b";
}
.fwdi3dpd-icon-instagram:before {
  content: "\e91c";
}
.fwdi3dpd-icon-jpg:before {
  content: "\e91d";
}
.fwdi3dpd-icon-layer-image:before {
  content: "\e91e";
}
.fwdi3dpd-icon-layers:before {
  content: "\e91f";
}
.fwdi3dpd-icon-layer-svg:before {
  content: "\e920";
}
.fwdi3dpd-icon-layer-text:before {
  content: "\e921";
}
.fwdi3dpd-icon-layouts:before {
  content: "\e922";
}
.fwdi3dpd-icon-locked:before {
  content: "\e923";
}
.fwdi3dpd-icon-lowercase:before {
  content: "\e924";
}
.fwdi3dpd-icon-magnet:before {
  content: "\e925";
}
.fwdi3dpd-icon-menu:before {
  content: "\e926";
}
.fwdi3dpd-icon-more:before {
  content: "\e927";
}
.fwdi3dpd-icon-move-down:before {
  content: "\e928";
}
.fwdi3dpd-icon-move-up:before {
  content: "\e929";
}
.fwdi3dpd-icon-name-number:before {
  content: "\e92a";
}
.fwdi3dpd-icon-none:before {
  content: "\e92b";
}
.fwdi3dpd-icon-pages:before {
  content: "\e92c";
}
.fwdi3dpd-icon-pdf:before {
  content: "\e92d";
}
.fwdi3dpd-icon-photo:before {
  content: "\e92e";
}
.fwdi3dpd-icon-pixabay:before {
  content: "\e92f";
}
.fwdi3dpd-icon-png:before {
  content: "\e930";
}
.fwdi3dpd-icon-position:before {
  content: "\e931";
}
.fwdi3dpd-icon-preview-lightbox:before {
  content: "\e932";
}
.fwdi3dpd-icon-print:before {
  content: "\e933";
}
.fwdi3dpd-icon-qrcode:before {
  content: "\e934";
}
.fwdi3dpd-icon-redo:before {
  content: "\e935";
}
.fwdi3dpd-icon-remove:before {
  content: "\e936";
}
.fwdi3dpd-icon-remove-bg:before {
  content: "\e937";
}
.fwdi3dpd-icon-reorder:before {
  content: "\e938";
}
.fwdi3dpd-icon-reset:before {
  content: "\e939";
}
.fwdi3dpd-icon-rotate:before {
  content: "\e93a";
}
.fwdi3dpd-icon-ruler:before {
  content: "\e93b";
}
.fwdi3dpd-icon-ruler-off:before {
  content: "\e93c";
}
.fwdi3dpd-icon-save:before {
  content: "\e93d";
}
.fwdi3dpd-icon-shapes:before {
  content: "\e93e";
}
.fwdi3dpd-icon-share:before {
  content: "\e93f";
}
.fwdi3dpd-icon-share-facebook:before {
  content: "\e940";
}
.fwdi3dpd-icon-share-google-plus:before {
  content: "\e941";
}
.fwdi3dpd-icon-share-linkedin:before {
  content: "\e942";
}
.fwdi3dpd-icon-share-mail:before {
  content: "\e943";
}
.fwdi3dpd-icon-share-pinterest:before {
  content: "\e944";
}
.fwdi3dpd-icon-share-twitter:before {
  content: "\e945";
}
.fwdi3dpd-icon-snap:before {
  content: "\e946";
}
.fwdi3dpd-icon-snap-off:before {
  content: "\e947";
}
.fwdi3dpd-icon-star:before {
  content: "\e948";
}
.fwdi3dpd-icon-star-outline:before {
  content: "\e949";
}
.fwdi3dpd-icon-svg:before {
  content: "\e94a";
}
.fwdi3dpd-icon-text-curved-bridge:before {
  content: "\e94b";
}
.fwdi3dpd-icon-text-curved-down:before {
  content: "\e94c";
}
.fwdi3dpd-icon-text-curved-normal:before {
  content: "\e94d";
}
.fwdi3dpd-icon-text-curved-oblique:before {
  content: "\e94e";
}
.fwdi3dpd-icon-text-curved-up:before {
  content: "\e94f";
}
.fwdi3dpd-icon-text-format:before {
  content: "\e950";
}
.fwdi3dpd-icon-text-input:before {
  content: "\e951";
}
.fwdi3dpd-icon-text-layers:before {
  content: "\e952";
}
.fwdi3dpd-icon-text-secondary:before {
  content: "\e953";
}
.fwdi3dpd-icon-text-transform:before {
  content: "\e954";
}
.fwdi3dpd-icon-thumb-up:before {
  content: "\e955";
}
.fwdi3dpd-icon-thumb-up-outline:before {
  content: "\e956";
}
.fwdi3dpd-icon-transform:before {
  content: "\e957";
}
.fwdi3dpd-icon-undo:before {
  content: "\e958";
}
.fwdi3dpd-icon-unlocked:before {
  content: "\e959";
}
.fwdi3dpd-icon-uppercase:before {
  content: "\e95a";
}
.fwdi3dpd-icon-zoom-in:before {
  content: "\e95b";
}
.fwdi3dpd-icon-add:before {
  content: "\e95c";
}
.fwdi3dpd-icon-ai:before {
  content: "\e95d";
}
.fwdi3dpd-icon-align-bottom:before {
  content: "\e95e";
}
.fwdi3dpd-icon-align-horizontal-middle:before {
  content: "\e95f";
}
.fwdi3dpd-icon-align-left:before {
  content: "\e960";
}
.fwdi3dpd-icon-align-right:before {
  content: "\e961";
}
.fwdi3dpd-icon-align-top:before {
  content: "\e962";
}
.fwdi3dpd-icon-align-vertical-middle:before {
  content: "\e963";
}
.fwdi3dpd-icon-arrow-dropdown:before {
  content: "\e964";
}
.fwdi3dpd-icon-back:before {
  content: "\e965";
}
.fwdi3dpd-icon-bin:before {
  content: "\e966";
}
.fwdi3dpd-icon-brush:before {
  content: "\e967";
}
.fwdi3dpd-icon-close:before {
  content: "\e968";
}
.fwdi3dpd-icon-cloud-upload:before {
  content: "\e969";
}
.fwdi3dpd-icon-color:before {
  content: "\e96a";
}
.fwdi3dpd-icon-copy:before {
  content: "\e96b";
}
.fwdi3dpd-icon-corner-resize:before {
  content: "\e96c";
}
.fwdi3dpd-icon-crop:before {
  content: "\e96d";
}
.fwdi3dpd-icon-crop-off:before {
  content: "\e96e";
}

.fwdi3dpd-icon-material-original:before {
  content: "\e96f";
}
.fwdi3dpd-icon-material-fabric:before {
  content: "\e970";
}
.fwdi3dpd-icon-material-matte:before {
  content: "\e971";
}
.fwdi3dpd-icon-material-glossy:before {
  content: "\e972";
}
.fwdi3dpd-icon-material-metal:before {
  content: "\e973";
}
.fwdi3dpd-icon-material-glass:before {
  content: "\e974";
}
.fwdi3dpd-icon-material-part:before {
  content: "\e975";
}
.fwdi3dpd-icon-material-plastic:before {
  content: "\e976";
}
.fwdi3dpd-icon-material-rubber:before {
  content: "\e977";
}
.fwdi3dpd-icon-material-leather:before {
  content: "\e978";
}
.fwdi3dpd-icon-material-ceramic:before {
  content: "\e979";
}


/* General settings. */
.fwdi3dpd{
    border-radius: 8px;
    box-shadow:
       0 0 2px rgba(110, 111, 114, .12),
       0 2px 8px rgba(110, 111, 114, .14),
       0 8px 20px rgba(110, 111, 114, .08);
    container-type: inline-size;
    container-name: fwdi3dpd-product;
}


/* Preloader. */
.fwdi3dpd-product-loading:not(.fwdi3dpd-product-loading-canvas-ready) .fwdi3dpd-canvas-window,
.fwdi3dpd-product-loading:not(.fwdi3dpd-product-loading-model-ready) .fwdi3dpd-model-window {
   visibility: hidden !important;
}

.fwdi3dpd-preloader {
   z-index: 2147483646 !important;
   display: flex;
   align-items: center !important;
   justify-content: center !important;
   opacity: 1;
   transition: opacity .25s ease-out;
   pointer-events: auto;
}

.fwdi3dpd-preloader-holder {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.fwdi3dpd-preloader-icon {
   width: 26px !important;
   height: 26px !important;
   border-width: 4px !important;
   border-style: solid !important;
   border-radius: 50% !important;
   box-sizing: border-box !important;
   animation: fwdi3dpd-preloader-spin .8s linear infinite;
}

.fwdi3dpd-preloader-text {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   font: 400 14px Roboto, sans-serif !important;
   line-height: 1 !important;
   text-align: center !important;
}

@keyframes fwdi3dpd-preloader-spin {
   from {
      transform: rotate(0deg);
   }

   to {
      transform: rotate(360deg);
   }
}


/* Dialog window. */
.fwdi3dpd-dialog-window {
   left: 0 !important;
   top: 0 !important;
   width: 100% !important;
   height: 100% !important;
   z-index: 2147483645 !important;
}

.fwdi3dpd-dialog-panel {
   min-height: 0 !important;
   border-radius: 4px !important;
   box-shadow: 0 0 10px rgba(110, 111, 114, .2) !important;
   box-sizing: border-box !important;
   font-family: Roboto, sans-serif !important;
   overflow: hidden !important;
}

.fwdi3dpd-dialog-content-window {
   overflow: hidden !important;
}

.fwdi3dpd-dialog-content {
   padding: 44px 28px 32px 28px !important;
   max-width: 100% !important;
   box-sizing: border-box !important;
   overflow-wrap: anywhere !important;
}

.fwdi3dpd-dialog-window-small .fwdi3dpd-dialog-content {
   padding: 38px 18px 26px 18px !important;
}

.fwdi3dpd-dialog-close-button {
    position: absolute !important;
    z-index: 2 !important;
    top: 9px !important;
    right: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    cursor: pointer !important;
    font-size: 14px !important;
    line-height: 1 !important;
}

.fwdi3dpd-dialog-text {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: 14px !important;
    line-height: 114% !important;
    box-sizing: border-box !important;
}

.fwdi3dpd-info-window-content {
   width: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   color: inherit !important;
   text-align: left !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-info-window-content h3 {
   margin: 0 0 14px 0 !important;
   padding: 0 !important;
   color: inherit !important;
   font-family: Roboto, sans-serif !important;
   font-size: 18px !important;
   font-weight: 700 !important;
   line-height: 1.2 !important;
   text-align: center !important;
}

.fwdi3dpd-info-window-content p {
   margin: 0 0 10px 0 !important;
   padding: 0 !important;
   color: inherit !important;
   font-family: Roboto, sans-serif !important;
   font-size: 15px !important;
   font-weight: 400 !important;
   line-height: 1.35 !important;
   text-align: left !important;
}

.fwdi3dpd-info-window-content p:last-of-type {
   margin-bottom: 18px !important;
}

.fwdi3dpd-info-window-content dl {
   display: grid !important;
   grid-template-columns: minmax(130px, .85fr) minmax(0, 1.15fr) !important;
   gap: 8px 16px !important;
   margin: 0 !important;
   padding: 0 !important;
   font-family: Roboto, sans-serif !important;
   font-size: 14px !important;
   line-height: 1.25 !important;
}

.fwdi3dpd-info-window-content dt,
.fwdi3dpd-info-window-content dd {
   margin: 0 !important;
   padding: 0 !important;
}

.fwdi3dpd-info-window-content dt {
   font-weight: 700 !important;
   color: #CF4035 !important;
}

.fwdi3dpd-info-window-content dd {
   color: inherit !important;
   min-width: 0 !important;
   overflow-wrap: anywhere !important;
}

.fwdi3dpd-dialog-window-small .fwdi3dpd-info-window-content dl {
   grid-template-columns: minmax(102px, .62fr) minmax(0, 1.38fr) !important;
   gap: 7px 10px !important;
   font-size: 13px !important;
}

.fwdi3dpd-download-window-content {
   width: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   color: inherit !important;
   text-align: left !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-download-window-content h3 {
   margin: 0 0 10px 0 !important;
   padding: 0 !important;
   color: inherit !important;
   font-family: Roboto, sans-serif !important;
   font-size: 18px !important;
   font-weight: 700 !important;
   line-height: 1.2 !important;
   text-align: center !important;
}

.fwdi3dpd-download-window-content p {
   margin: 0 0 20px 0 !important;
   padding: 0 !important;
   color: inherit !important;
   font-family: Roboto, sans-serif !important;
   font-size: 15px !important;
   font-weight: 400 !important;
   line-height: 1.35 !important;
   text-align: center !important;
}

.fwdi3dpd-download-window-scope {
   display: grid !important;
   grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
   gap: 8px !important;
   width: 100% !important;
   margin: 0 0 10px 0 !important;
   padding: 0 !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-download-window-formats {
   display: grid !important;
   grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
   gap: 8px !important;
   width: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-download-window-scope-button,
.fwdi3dpd-download-window-format-button {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   width: 100% !important;
   margin: 0 !important;
   padding: 0 10px !important;
   border: 1px solid #e2e2e2 !important;
   border-radius: 4px !important;
   background: rgba(0, 0, 0, 0.02) !important;
   color: #000000 !important;
   box-sizing: border-box !important;
   cursor: pointer !important;
   font-family: Roboto, sans-serif !important;
   text-align: center !important;
   box-shadow: none !important;
}

.fwdi3dpd-download-window-scope-button {
   height: 34px !important;
   font-size: 12px !important;
   font-weight: 600 !important;
   line-height: 1 !important;
}

.fwdi3dpd-download-window-format-button {
   flex-direction: column !important;
   min-height: 72px !important;
   gap: 6px !important;
   padding-top: 9px !important;
   padding-bottom: 9px !important;
}

.fwdi3dpd-download-window-format-label,
.fwdi3dpd-download-window-format-description {
   display: block !important;
   width: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   color: inherit !important;
   font-family: Roboto, sans-serif !important;
   text-align: center !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-download-window-format-label {
   font-size: 15px !important;
   font-weight: 700 !important;
   line-height: 1 !important;
}

.fwdi3dpd-download-window-format-description {
   opacity: .75 !important;
   font-size: 11px !important;
   font-weight: 400 !important;
   line-height: 1.2 !important;
}

.fwdi3dpd-dialog-window-small .fwdi3dpd-download-window-formats {
   grid-template-columns: 1fr !important;
}

.fwdi3dpd-dialog-action-button {
   display: block !important;
   margin: 19px auto 0 auto !important;
   min-width: 90px !important;
   height: 34px !important;
   padding: 2px 18px 0 18px !important;
   border: 0 !important;
   text-transform: uppercase !important;
   border-radius: 4px !important;
   cursor: pointer !important;
   font: 500 14px Roboto, sans-serif !important;
   line-height: 1 !important;
   text-align: center !important;
   box-sizing: border-box !important;
}


/* Action bar. */
.fwdi3dpd-action-bar {
   height: 50px !important;
   z-index: 30 !important;
   overflow: visible !important;
}

.fwdi3dpd-action-bar-main {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   width: 100% !important;
   height: 100% !important;
   box-sizing: border-box !important;
   overflow: visible !important;
}

.fwdi3dpd-action-bar-section {
   display: flex !important;
   align-items: center !important;
   flex: 1 1 0 !important;
   min-width: 0 !important;
   height: 100% !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-action-bar-section-left {
   justify-content: flex-start !important;
   padding-left: 8px !important;
}

.fwdi3dpd-action-bar-section-center {
   justify-content: center !important;
   gap: 4px !important;
}

@container fwdi3dpd-product (max-width: 499px) {
   .fwdi3dpd-action-bar-section-center {
      gap: 0 !important;
   }
}

.fwdi3dpd-action-bar-section-right {
   justify-content: flex-end !important;
   padding-right: 8px !important;
}

.fwdi3dpd-action-bar-section-left .fwdi3dpd-action-bar-button,
.fwdi3dpd-action-bar-section-right .fwdi3dpd-action-bar-button,
.fwdi3dpd-action-bar-section-left .fwdi3dpd-action-bar-button-label,
.fwdi3dpd-action-bar-section-right .fwdi3dpd-action-bar-button-label {
   font-size: 14px !important;
}

.fwdi3dpd-action-bar-button {
   position: relative !important;
   display: inline-flex !important;
   align-items: center !important;
   justify-content: center !important;
   gap: 6px !important;
   min-width: 34px !important;
   height: 34px !important;
   margin: 0 !important;
   padding: 0 8px !important;
   border: 0 !important;
   background: transparent;
   box-shadow: none !important;
   outline: none !important;
   color: #ffffff;
   cursor: pointer !important;
   font-family: Roboto, sans-serif !important;
   font-size: 12px !important;
   font-weight: 400 !important;
   line-height: 1 !important;
   text-align: center !important;
   box-sizing: border-box !important;
   user-select: none !important;
}

.fwdi3dpd-action-bar-button:not(.fwdi3dpd-action-bar-button-lightbox-close) {
   background: transparent !important;
}

.fwdi3dpd-action-bar-button-rightList {
   gap: 0 !important;
}

.fwdi3dpd-action-bar-button-rightList .fwdi3dpd-action-bar-button-icon {
   flex: 0 0 8px !important;
   width: 4px !important;
}

.fwdi3dpd-action-bar-tooltip {
   position: fixed !important;
   left: 0 !important;
   top: 0 !important;
   bottom: auto !important;
   z-index: 2147483647 !important;
   transform: translateX(-50%) translateY(0) !important;
   display: block !important;
   width: auto !important;
   max-width: 180px !important;
   padding: 7px 8px 5px !important;
   border-radius: 4px !important;
   font-family: Roboto, sans-serif !important;
   font-size: 14px !important;
   font-weight: 400 !important;
   line-height: 1.2 !important;
   white-space: nowrap !important;
   text-align: center !important;
   box-shadow: 0 0 10px rgba(110, 111, 114, .23) !important;
   overflow: visible !important;
   opacity: 0 !important;
   visibility: hidden !important;
   pointer-events: none !important;
   transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;
}

.fwdi3dpd-action-bar-tooltip.fwdi3dpd-view-tooltip {
   padding-bottom: 6px !important;
}

.fwdi3dpd-action-bar-tooltip.fwdi3dpd-product-tooltip {
   padding-bottom: 6px !important;
}

.fwdi3dpd-action-bar-tooltip-pointer {
   position: absolute !important;
   left: 50% !important;
   z-index: 0 !important;
   display: block !important;
   width: 9px !important;
   height: 9px !important;
   margin: 0 !important;
   padding: 0 !important;
   border: 0 !important;
   border-radius: 1px !important;
   transform: translateX(-50%) rotate(45deg) !important;
   pointer-events: none !important;
}

.fwdi3dpd-action-bar-tooltip-top {
   transform: translateX(-50%) translateY(4px) !important;
}

.fwdi3dpd-action-bar-tooltip-top .fwdi3dpd-action-bar-tooltip-pointer {
   bottom: -4px !important;
}

.fwdi3dpd-action-bar-tooltip-bottom {
   transform: translateX(-50%) translateY(-4px) !important;
}

.fwdi3dpd-action-bar-tooltip-bottom .fwdi3dpd-action-bar-tooltip-pointer {
   top: -4px !important;
}

.fwdi3dpd-action-bar-tooltip-show {
   transform: translateX(-50%) translateY(0) !important;
   opacity: 1 !important;
   visibility: visible !important;
}

/* Viewport tooltips fade at their final position without sliding from a previous anchor. */
.fwdi3dpd-action-bar-tooltip.fwdi3dpd-viewport-tooltip {
   width: max-content !important;
   max-width: calc(100vw - 12px) !important;
   box-sizing: border-box !important;
   white-space: normal !important;
   overflow-wrap: anywhere !important;
   transform: translateX(-50%) !important;
   transition: opacity .18s ease, visibility .18s ease !important;
}

.fwdi3dpd-action-bar-zoom-popup {
   position: fixed !important;
   left: 0 !important;
   top: 0 !important;
   z-index: 2147483647 !important;
   display: block !important;
   width: 220px !important;
   padding: 10px 12px 12px 12px !important;
   border-radius: 4px !important;
   background: #ffffff !important;
   color: #CF4035 !important;
   font-family: Roboto, sans-serif !important;
   box-sizing: border-box !important;
   opacity: 0 !important;
   visibility: hidden !important;
   pointer-events: none !important;
   transform: translateX(-50%) translateY(4px) !important;
   transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;
}

.fwdi3dpd-action-bar-zoom-popup-show {
   opacity: 1 !important;
   visibility: visible !important;
   pointer-events: auto !important;
   transform: translateX(-50%) translateY(0) !important;
}

.fwdi3dpd-action-bar-download-popup {
   position: fixed !important;
   left: 0 !important;
   top: 0 !important;
   z-index: 2147483647 !important;
   display: grid !important;
   grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
   gap: 8px !important;
   width: 160px !important;
   padding: 10px !important;
   border-radius: 4px !important;
   background: #ffffff !important;
   color: #000000 !important;
   font-family: Roboto, sans-serif !important;
   box-sizing: border-box !important;
   opacity: 0 !important;
   visibility: hidden !important;
   pointer-events: none !important;
   transform: translateX(-50%) translateY(4px) !important;
   transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;
}

.fwdi3dpd-action-bar-download-popup-show {
   opacity: 1 !important;
   visibility: visible !important;
   pointer-events: auto !important;
   transform: translateX(-50%) translateY(0) !important;
}

.fwdi3dpd-action-bar-download-format-button {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   width: 100% !important;
   height: 34px !important;
   margin: 0 !important;
   padding: 0 10px !important;
   border: 1px solid #e2e2e2 !important;
   border-radius: 4px !important;
   background: rgba(0, 0, 0, 0.02) !important;
   color: #000000 !important;
   box-sizing: border-box !important;
   cursor: pointer !important;
   font-family: Roboto, sans-serif !important;
   font-size: 12px !important;
   font-weight: 500 !important;
   line-height: 1 !important;
   text-align: center !important;
}

.fwdi3dpd-action-bar-download-format-button span {
   display: block !important;
   margin: 0 !important;
   padding: 0 !important;
   line-height: 1 !important;
}

.fwdi3dpd-action-bar-left-list-popup {
   position: fixed !important;
   left: 0 !important;
   top: 0 !important;
   z-index: 2147483647 !important;
   display: flex !important;
   flex-direction: column !important;
   gap: 3px !important;
   width: max-content !important;
   min-width: max-content !important;
   max-width: calc(100vw - 12px) !important;
   padding: 9px !important;
   border-radius: 4px !important;
   background: #ffffff !important;
   font-family: Roboto, sans-serif !important;
   box-sizing: border-box !important;
   opacity: 0 !important;
   visibility: hidden !important;
   pointer-events: none !important;
   transform: translateY(4px) !important;
   transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;
}

.fwdi3dpd-action-bar-left-list-popup-show {
   opacity: 1 !important;
   visibility: visible !important;
   pointer-events: auto !important;
   transform: translateY(0) !important;
}

.fwdi3dpd-action-bar-left-list-item-button {
   display: flex !important;
   align-items: center !important;
   justify-content: flex-start !important;
   gap: 9px !important;
   width: auto !important;
   min-width: 100% !important;
   height: 34px !important;
   margin: 0 !important;
   padding: 0 11px 0 9px !important;
   border: 0 !important;
   border-radius: 0 !important;
   background: transparent !important;
   color: #000000 !important;
   box-shadow: none !important;
   outline: none !important;
   box-sizing: border-box !important;
   cursor: pointer !important;
   font-family: Roboto, sans-serif !important;
   font-size: 14px !important;
   font-weight: 500 !important;
   line-height: 1 !important;
   text-align: left !important;
   user-select: none !important;
}

.fwdi3dpd-action-bar-left-list-item-button .fwdi3dpd-action-bar-button-icon {
   flex: 0 0 20px !important;
   width: 20px !important;
}

.fwdi3dpd-action-bar-left-list-item-button .fwdi3dpd-action-bar-button-icon span {
   display: block !important;
   flex: 0 0 20px !important;
   width: 20px !important;
   text-align: center !important;
   margin: 0 !important;
   padding: 0 !important;
   font-size: 17px !important;
   line-height: 1 !important;
}

.fwdi3dpd-action-bar-left-list-item-button .fwdi3dpd-action-bar-button-label {
   flex: 1 1 auto !important;
   justify-content: flex-start !important;
   min-width: max-content !important;
   overflow: hidden !important;
   text-overflow: ellipsis !important;
   white-space: nowrap !important;
   font-size: 14px !important;
   font-weight: 500 !important;
   transform: none !important;
}

.fwdi3dpd-action-bar-zoom-header {
   display: flex !important;
   align-items: center !important;
   justify-content: space-between !important;
   width: 100% !important;
   margin: 0 0 11px 0 !important;
   padding: 0 !important;
   line-height: 1 !important;
}

.fwdi3dpd-action-bar-zoom-label,
.fwdi3dpd-action-bar-zoom-value {
   display: block !important;
   margin: 0 !important;
   padding: 0 !important;
   font-family: Roboto, sans-serif !important;
   font-size: 13px !important;
   font-weight: 500 !important;
   line-height: 1 !important;
   color: inherit !important;
}

.fwdi3dpd-action-bar-zoom-slider {
   display: block !important;
   width: 100% !important;
   height: 6px !important;
   margin: 0 0 1px 0 !important;
   padding: 0 !important;
   border: 0 !important;
   border-radius: 4px !important;
   outline: none !important;
   appearance: none !important;
   -webkit-appearance: none !important;
   color: #CF4035 !important;
   box-sizing: border-box !important;
   --fwdi3dpd-zoom-slider-handle-color: #f6f6f6;
   --fwdi3dpd-zoom-slider-handle-border-color: #CF4035;
   cursor: pointer !important;
}

.fwdi3dpd-action-bar-zoom-slider::-webkit-slider-thumb {
   width: 16px !important;
   height: 16px !important;
   margin-top: 0 !important;
   border: 2px solid var(--fwdi3dpd-zoom-slider-handle-border-color) !important;
   border-radius: 50% !important;
   background: var(--fwdi3dpd-zoom-slider-handle-color) !important;
   box-shadow: 0 0 6px rgba(110, 111, 114, .25) !important;
   cursor: pointer !important;
   appearance: none !important;
   -webkit-appearance: none !important;
}

.fwdi3dpd-action-bar-zoom-slider::-moz-range-thumb {
   width: 16px !important;
   height: 16px !important;
   border: 2px solid var(--fwdi3dpd-zoom-slider-handle-border-color) !important;
   border-radius: 50% !important;
   background: var(--fwdi3dpd-zoom-slider-handle-color) !important;
   box-shadow: 0 0 6px rgba(110, 111, 114, .25) !important;
   cursor: pointer !important;
}

.fwdi3dpd-action-bar-zoom-slider::-moz-range-track {
   height: 6px !important;
   border: 0 !important;
   border-radius: 4px !important;
   background: transparent !important;
}

.fwdi3dpd-action-bar-section-center .fwdi3dpd-action-bar-button {
   width: 34px !important;
   padding: 0 !important;
}

.fwdi3dpd-action-bar-button-icon,
.fwdi3dpd-action-bar-button-label {
   display: inline-flex !important;
   align-items: center !important;
   justify-content: center !important;
   margin: 0 !important;
   padding: 0 !important;
   line-height: 1 !important;
}

.fwdi3dpd-action-bar-button-label {
   font-family: Roboto, sans-serif !important;
   font-size: 14px !important;
   font-weight: 400 !important;
   line-height: 1.15 !important;
   transform: translateY(1px) !important;
}

.fwdi3dpd-action-bar-button-icon span {
   display: block !important;
   margin: 0 !important;
   padding: 0 !important;
   font-size: 18px !important;
   line-height: 1 !important;
}

.fwdi3dpd-action-bar-button-icon .fwdi3dpd-icon-fullscreen,
.fwdi3dpd-action-bar-button-icon .fwdi3dpd-icon-fullscreen-close {
   font-size: 22px !important;
}

.fwdi3dpd-action-bar-button-icon .fwdi3dpd-icon-add,
.fwdi3dpd-action-bar-button-icon .fwdi3dpd-icon-zoom-in,
.fwdi3dpd-action-bar-button-icon .fwdi3dpd-icon-menu,
.fwdi3dpd-action-bar-button-icon .fwdi3dpd-icon-more,
.fwdi3dpd-action-bar-button-icon .fwdi3dpd-icon-ruler,
.fwdi3dpd-action-bar-button-icon .fwdi3dpd-icon-ruler-off,
.fwdi3dpd-action-bar-button-icon .fwdi3dpd-icon-snap,
.fwdi3dpd-action-bar-button-icon .fwdi3dpd-icon-snap-off,
.fwdi3dpd-action-bar-button-icon .fwdi3dpd-icon-undo,
.fwdi3dpd-action-bar-button-icon .fwdi3dpd-icon-redo,
.fwdi3dpd-action-bar-button-icon .fwdi3dpd-icon-info,
.fwdi3dpd-action-bar-button-icon .fwdi3dpd-icon-preview-lightbox,
.fwdi3dpd-action-bar-button-icon .fwdi3dpd-icon-download,
.fwdi3dpd-action-bar-button-icon .fwdi3dpd-icon-save,
.fwdi3dpd-action-bar-button-icon .fwdi3dpd-icon-forward{
   font-size: 19px !important;
}

.fwdi3dpd-action-bar-button-icon .fwdi3dpd-icon-snap,
.fwdi3dpd-action-bar-button-icon .fwdi3dpd-icon-snap-off {
   color: inherit !important;
   opacity: 1 !important;
   -webkit-text-fill-color: currentColor !important;
}

/* Keep the Create Product plus readable, including inside the smaller File menu. */
.fwdi3dpd-action-bar-button-createProduct .fwdi3dpd-action-bar-button-icon .fwdi3dpd-icon-add,
.fwdi3dpd-action-bar-left-list-item-button-createProduct .fwdi3dpd-action-bar-button-icon .fwdi3dpd-icon-add {
   font-size: 24px !important;
   transform: none;
}

/* Optically align the larger plus with the other File menu icons. */
.fwdi3dpd-action-bar-left-list-item-button-createProduct .fwdi3dpd-action-bar-button-icon .fwdi3dpd-icon-add {
   transform: translateX(1px);
}

.fwdi3dpd-action-bar-button-nextView .fwdi3dpd-action-bar-button-icon span {
   transform: translateY(1px) !important;
}

.fwdi3dpd-action-bar-button-prevView .fwdi3dpd-action-bar-button-icon span {
   transform: translateY(-1px) rotate(180deg) !important;
}

.fwdi3dpd-action-bar-button-icon .fwdi3dpd-icon-reset {
   font-size: 22px !important;
}

.fwdi3dpd-action-bar-button-disabled {
   cursor: default !important;
   pointer-events: none !important;
}


/* Modules bar. */
.fwdi3dpd-modules-bar {
   width: 80px !important;
   border-right: 1px solid #e2e2e2 !important;
   z-index: 2147483644 !important;
}

.fwdi3dpd-modules-bar-main {
   white-space: normal !important;
}

.fwdi3dpd-modules-bar-bottom {
   width: 100% !important;
   height: 80px !important;
   border-right: 0 !important;
   border-top: 1px solid #e2e2e2 !important;
}

.fwdi3dpd-modules-bar-bottom .fwdi3dpd-modules-bar-main {
   display: flex !important;
   align-items: center !important;
   gap: 0 !important;
   width: 100% !important;
   height: 100% !important;
   padding: 0 !important;
   white-space: nowrap !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-modules-bar-bottom .fwdi3dpd-module-button {
   display: inline-flex !important;
   vertical-align: top !important;
   flex-direction: column !important;
   align-items: center !important;
   justify-content: center !important;
   gap: 2px !important;
   flex: 0 0 auto !important;
   width: max-content !important;
   min-width: 62px !important;
   max-width: none !important;
   min-height: 62px !important;
   height: 62px !important;
   margin: 9px 10px 9px 9px !important;
   padding: 0 8px !important;
}

.fwdi3dpd-modules-bar-bottom-stretch .fwdi3dpd-module-button {
   flex: 1 1 0 !important;
   width: auto !important;
   min-width: 0 !important;
   max-width: none !important;
   margin: 9px 0 !important;
}

.fwdi3dpd-modules-bar-bottom-stretch .fwdi3dpd-modules-bar-main {
   gap: 9px !important;
   padding: 0 9px !important;
}

.fwdi3dpd-modules-bar-bottom.fwdi3dpd-modules-bar-bottom-scroll .fwdi3dpd-module-button {
   flex-direction: column !important;
   align-items: center !important;
   justify-content: center !important;
   gap: 2px !important;
   width: max-content !important;
   min-width: 62px !important;
   max-width: none !important;
   margin: 9px 10px 9px 9px !important;
   padding: 0 8px !important;
}

.fwdi3dpd-modules-bar-bottom.fwdi3dpd-modules-bar-bottom-scroll .fwdi3dpd-module-button-icon-holder {
   flex: 0 0 30px !important;
   width: 30px !important;
   height: 30px !important;
}

.fwdi3dpd-modules-bar-bottom.fwdi3dpd-modules-bar-bottom-scroll .fwdi3dpd-module-button-text-holder {
   flex: 0 0 auto !important;
   width: auto !important;
   max-width: none !important;
   margin: 1px 0 0 !important;
   white-space: nowrap !important;
   overflow: visible !important;
   text-overflow: clip !important;
   text-align: center !important;
}

.fwdi3dpd-modules-bar-bottom .fwdi3dpd-module-button-icon-holder {
   flex: 0 0 30px !important;
   width: 30px !important;
   height: 30px !important;
   align-self: center !important;
}

.fwdi3dpd-modules-bar-bottom .fwdi3dpd-module-button-text-holder {
   display: block !important;
   flex: 0 0 auto !important;
   width: auto !important;
   max-width: none !important;
   margin: 1px 0 0 !important;
   padding: 0 !important;
   font-size: 14px !important;
   line-height: 1.15 !important;
   white-space: nowrap !important;
   overflow: visible !important;
   text-overflow: clip !important;
   overflow-wrap: normal !important;
   word-break: normal !important;
   hyphens: manual !important;
   text-align: center !important;
}

.fwdi3dpd-module-button {
   display: flex !important;
   flex-direction: column !important;
   align-items: stretch !important;
   justify-content: center !important;
   gap: 4px !important;
   width: calc(100% - 19px) !important;
   min-height: 62px !important;
   height: auto !important;
   margin: 9px 10px 9px 9px !important;
   padding: 7px 0 !important;
   border: 0 !important;
   outline: 0 !important;
   box-shadow: none !important;
   box-sizing: border-box !important;
   cursor: pointer !important;
   font-family: Roboto, sans-serif !important;
   font-size: 12px !important;
}

.fwdi3dpd-module-button:last-child {
   margin-bottom: 1px !important;
}

.fwdi3dpd-modules-bar-bottom .fwdi3dpd-module-button:last-child {
   margin: 9px 10px 9px 9px !important;
}

.fwdi3dpd-modules-bar-bottom-stretch .fwdi3dpd-module-button:last-child {
   margin: 9px 0 !important;
}

.fwdi3dpd-module-button-icon-holder,
.fwdi3dpd-module-button-text-holder {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   width: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   line-height: 1 !important;
}

.fwdi3dpd-module-button-icon-holder {
   flex: 0 0 30px !important;
}

.fwdi3dpd-module-button-icon-holder span {
   display: block !important;
   margin: 0 !important;
   padding: 0 !important;
   font-size: 28px !important;
   line-height: 1 !important;
}
.fwdi3dpd-module-button-icon-holder .fwdi3dpd-icon-grid {
   font-size: 24px !important;
}

.fwdi3dpd-module-button-icon-holder .fwdi3dpd-icon-save {
   font-size: 24px !important;
}

.fwdi3dpd-module-button-icon-holder .fwdi3dpd-icon-design-library {
   font-size: 24px !important;
}

.fwdi3dpd-modules-bar-object-toolbar-mode .fwdi3dpd-module-button-icon-holder span {
   font-size: 26px !important;
}

.fwdi3dpd-modules-bar-object-toolbar-mode .fwdi3dpd-module-button-icon-holder .fwdi3dpd-icon-reset,
.fwdi3dpd-modules-bar-object-toolbar-mode .fwdi3dpd-module-button-icon-holder .fwdi3dpd-icon-copy,
.fwdi3dpd-modules-bar-object-toolbar-mode .fwdi3dpd-module-button-icon-holder .fwdi3dpd-icon-bin {
   font-size: 24px !important;
}

.fwdi3dpd-modules-bar-object-toolbar-mode .fwdi3dpd-module-button-icon-holder .fwdi3dpd-icon-color,
.fwdi3dpd-modules-bar-object-toolbar-mode .fwdi3dpd-module-button-icon-holder .fwdi3dpd-icon-curved-text {
   font-size: 22px !important;
}

.fwdi3dpd-modules-bar-object-toolbar-mode .fwdi3dpd-module-button-text-holder {
   display: block !important;
   width: 100% !important;
   max-width: 100% !important;
   white-space: nowrap !important;
   overflow: hidden !important;
   text-overflow: ellipsis !important;
   overflow-wrap: normal !important;
   word-break: normal !important;
   hyphens: manual !important;
   font-size: 13px !important;
   text-align: center !important;
}

.fwdi3dpd-module-button-text-holder {
   flex: 0 0 auto !important;
   font-size: 14px !important;
   line-height: 1.15 !important;
   white-space: normal !important;
   overflow-wrap: anywhere !important;
}




/* Modules content window. */
.fwdi3dpd-modules-content-window {
  border-right: 1px solid #e2e2e2 !important;
  max-width: 340px !important;
  overflow: visible !important;
  z-index: 2147483643 !important;
}

.fwdi3dpd-modules-content-window-bottom {
  max-width: none !important;
  border-right: 1px solid #e2e2e2 !important;
  border-bottom: 1px solid #e2e2e2 !important;
}

.fwdi3dpd-modules-content-close-button {
  position: absolute !important;
  top: 0 !important;
  right: auto !important;
  left: 100% !important;
  z-index: 2147483646 !important;
  display: none !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  box-sizing: border-box !important;
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 4px 4px 0 0 !important;
  box-shadow: 0 0 10px rgba(110, 111, 114, .25) !important;
  cursor: pointer !important;
  line-height: 1 !important;
  pointer-events: auto !important;
  overflow: hidden !important;
  isolation: isolate !important;
  transition: none !important;
}

.fwdi3dpd-modules-content-close-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  border-radius: inherit !important;
  background-color: var(--fwdi3dpd-modules-close-base-bg, #ffffff) !important;
  pointer-events: none !important;
}

.fwdi3dpd-modules-content-window-full-surface:not(.fwdi3dpd-modules-content-window-object-toolbar)::before {
  content: "";
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  z-index: 2147483645 !important;
  box-sizing: border-box !important;
  height: 44px !important;
  background: inherit !important;
  border-bottom: 1px solid var(--fwdi3dpd-modules-border-color, #e2e2e2) !important;
  pointer-events: none !important;
}

.fwdi3dpd-modules-content-close-button:focus,
.fwdi3dpd-modules-content-close-button:focus-visible {
  outline: none !important;
}

.fwdi3dpd-modules-content-close-button .fwdi3dpd-icon-close {
  display: block !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

.fwdi3dpd-modules-content-window:not(.fwdi3dpd-modules-content-window-object-toolbar) > .fwdi3dpd-modules-content-close-button {
  display: flex !important;
}

.fwdi3dpd-modules-content-window-full-surface > .fwdi3dpd-modules-content-close-button {
  top: 8px !important;
  right: 8px !important;
  left: auto !important;
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

.fwdi3dpd-modules-content-window-object-toolbar > .fwdi3dpd-modules-content-close-button {
  display: none !important;
}

@container fwdi3dpd-product (max-width: 899px) {
   .fwdi3dpd-modules-content-window {
      max-width: 260px !important;
   }
}

.fwdi3dpd-responsive-scrollbar {
   position: absolute;
   z-index: 999999;
   display: none;
   background: #CF4035;
   opacity: 0;
   pointer-events: none;
   transition: opacity .2s ease-out;
}


/* Layers manager. */
.fwdi3dpd-layers-list {
    padding: 9px 10px 10px 9px !important;
    box-sizing: border-box !important;
}

.fwdi3dpd-layers-header {
    padding: 14px 16px !important;
    border-bottom: 1px solid #e2e2e2 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.fwdi3dpd-layer {
    display: grid !important;
    grid-template-columns: 18px minmax(0, 1fr) auto !important;
    column-gap: 8px !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 70px !important;
    margin: 0 0 9px 0 !important;
    padding: 0 11px 0 12px !important;
    box-sizing: border-box !important;
    border-radius: 4px !important;
    cursor: inherit !important;
    font: 400 15px Roboto, sans-serif !important;
    box-shadow: 0 0 10px rgba(110, 111, 114, .2) !important;
    transition: opacity .18s ease !important;
}

.fwdi3dpd-layer:last-child {
    margin-bottom: 9px !important;
}

.fwdi3dpd-layers-manager .fwdi3dpd-layer *,
.fwdi3dpd-layers-manager button {
    cursor: inherit !important;
}

.fwdi3dpd-layers-manager .fwdi3dpd-layer .fwdi3dpd-layer-type,
.fwdi3dpd-layers-manager .fwdi3dpd-layer .fwdi3dpd-layer-lock,
.fwdi3dpd-layers-manager .fwdi3dpd-layer .fwdi3dpd-layer-visibility,
.fwdi3dpd-layers-manager .fwdi3dpd-layer .fwdi3dpd-layer-remove,
.fwdi3dpd-layers-manager .fwdi3dpd-layer .fwdi3dpd-layer-type *,
.fwdi3dpd-layers-manager .fwdi3dpd-layer .fwdi3dpd-layer-lock *,
.fwdi3dpd-layers-manager .fwdi3dpd-layer .fwdi3dpd-layer-visibility *,
.fwdi3dpd-layers-manager .fwdi3dpd-layer .fwdi3dpd-layer-remove * {
    cursor: pointer !important;
}

.fwdi3dpd-layers-manager .fwdi3dpd-layer .fwdi3dpd-layer-drag,
.fwdi3dpd-layers-manager .fwdi3dpd-layer .fwdi3dpd-layer-drag * {
    cursor: pointer !important;
}

.fwdi3dpd-layer-text-holder {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    min-width: 0 !important;
    width: 100% !important;
    gap: 3px !important;
    overflow: hidden !important;
}

.fwdi3dpd-layer-title {
    display: block !important;
    font-size: 16px !important;
    width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    text-align: left !important;
}

.fwdi3dpd-layer-text-editor-holder {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-inline-size: 0 !important;
    height: 23px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #e2e2e2 !important;
    border-radius: 4px !important;
    background: transparent !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.fwdi3dpd-layer-text-editor-holder:focus-within {
    border-color: #CF4035 !important;
}

.fwdi3dpd-layer-text-editor {
    display: block !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    min-inline-size: 0 !important;
    height: 21px !important;
    min-height: 21px !important;
    max-height: 21px !important;
    margin: 0 !important;
    padding: 0 4px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
 
    font: 400 16px Roboto, sans-serif !important;
    line-height: 21px !important;
    resize: none !important;
    outline: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    white-space: pre-wrap !important;
    scrollbar-width: none !important;
    cursor: text !important;
}

.fwdi3dpd-layer-text-editor::-webkit-scrollbar,
.fwdi3dpd-layer-text-editor::-webkit-resizer {
    display: none !important;
}

.fwdi3dpd-layers-manager .fwdi3dpd-layer .fwdi3dpd-layer-text-editor {
    cursor: text !important;
}

.fwdi3dpd-layers-manager .fwdi3dpd-layer .fwdi3dpd-layer-text-editor:disabled {
    cursor: default !important;
    opacity: 1 !important;
    -webkit-text-fill-color: inherit !important;
}

.fwdi3dpd-layer-text-editor-arrows {
      display: none !important;
      flex: 0 0 16px !important;
      width: 16px !important;
      height: 21px !important;
      margin: 0 !important;
      padding: 0 !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 0 !important;
      box-sizing: border-box !important;
}

.fwdi3dpd-layer-text-editor-arrows.fwdi3dpd-layer-text-editor-arrows-visible {
    display: flex !important;
}

.fwdi3dpd-layer-text-editor-arrow {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    height: 11px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    font: 700 9px Arial, sans-serif !important;
    line-height: 1 !important;
    transform: scaleX(1.45) !important;
    transform-origin: center center !important;
    cursor: pointer !important;
}
.fwdi3dpd-layer-price {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    text-align: left !important;
    font: 400 10px Roboto, sans-serif !important;
    line-height: 1 !important;
}

.fwdi3dpd-layer-price strong {
    text-transform: uppercase !important;
    font-weight: 700 !important;
}

.fwdi3dpd-layer-price span {
    opacity: .6 !important;
}

.fwdi3dpd-layer-locked .fwdi3dpd-layer-type,
.fwdi3dpd-layer-locked .fwdi3dpd-layer-text-holder {
    opacity: .3 !important;
}

.fwdi3dpd-layer-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 11px !important;
    width: auto !important;
    min-width: 0 !important;
    justify-self: end !important;
}

.fwdi3dpd-layer-type,
.fwdi3dpd-layer-drag,
.fwdi3dpd-layer-lock {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    font-size: 18px !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

.fwdi3dpd-layer-drag {
    min-width: 18px !important;
    cursor: pointer !important;
}

.fwdi3dpd-layer-drag.fwdi3dpd-icon-reorder {
   cursor: grab !important;
}

.fwdi3dpd-layer-dragging {
    position: fixed !important;
    z-index: 2147483647 !important;
    opacity: .92;
    cursor: pointer !important;
    pointer-events: none !important;
    box-shadow: 0 8px 22px rgba(110, 111, 114, .35);
    transition: none !important;
}

.fwdi3dpd-layer-dragging .fwdi3dpd-layer-drag.fwdi3dpd-icon-reorder {
    cursor: grabbing !important;
    transform: translate(2px, 2px) !important;
    transition: none !important;
}

.fwdi3dpd-layer-dragging .fwdi3dpd-layer-lock {
    transform: none !important;
}

.fwdi3dpd-layer-placeholder {
    width: 100% !important;
    margin: 0 0 9px 0 !important;
    border-radius: 4px !important;
    background: rgba(207, 64, 53, .08) !important;
    box-shadow: inset 0 0 0 1px rgba(207, 64, 53, .25) !important;
    box-sizing: border-box !important;
}

.fwdi3dpd-layer-lock {
    cursor: pointer !important;
}

.fwdi3dpd-layer-visibility,
.fwdi3dpd-layer-remove {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    text-shadow: none !important;
    cursor: pointer !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

.fwdi3dpd-layer-visibility:hover,
.fwdi3dpd-layer-visibility:focus,
.fwdi3dpd-layer-visibility:focus-visible,
.fwdi3dpd-layer-visibility:active,
.fwdi3dpd-layer-remove:hover,
.fwdi3dpd-layer-remove:focus,
.fwdi3dpd-layer-remove:focus-visible,
.fwdi3dpd-layer-remove:active {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.fwdi3dpd-layer-remove:disabled {
    color: transparent !important;
    cursor: inherit !important;
}

.fwdi3dpd-layer .fwdi3dpd-icon-unlocked,
.fwdi3dpd-layer .fwdi3dpd-icon-locked,
.fwdi3dpd-layer .fwdi3dpd-icon-layer-image,
.fwdi3dpd-layer .fwdi3dpd-icon-layer-svg,
.fwdi3dpd-layer .fwdi3dpd-icon-layer-text {
    font-size: 20px !important;
    line-height: 1 !important;
}

.fwdi3dpd-layer .fwdi3dpd-icon-eye {
    transform: translateY(1px);
    font-size: 17px !important;
}

.fwdi3dpd-layer .fwdi3dpd-icon-eye-hide{
    transform: translateY(1px);
    font-size: 23px !important;
}

.fwdi3dpd-icon-unlocked{
    font-size: 21px;
}

.fwdi3dpd-layer .fwdi3dpd-icon-bin{
    transform: translate(0, 0px) !important;
    font-size: 19px !important;
}

.fwdi3dpd-layer .fwdi3dpd-icon-reorder{
    transform: translate(2px, 2px) !important;
    font-size: 26px !important;
    transition: none !important;
}



/* Canvas window. */
.fwdi3dpd-canvas-window {
   z-index: 10 !important;
}

.fwdi3dpd-canvas-window-secondary {
   z-index: 30 !important;
   overflow: hidden !important;
   border: 0 !important;
   border-radius: 4px !important;
   background: #eceef2 !important;
   box-shadow:
      0 0 2px rgba(110, 111, 114, .12),
      0 2px 8px rgba(110, 111, 114, .14),
      0 8px 20px rgba(110, 111, 114, .08) !important;
   pointer-events: auto !important;
}

.fwdi3dpd-canvas-window-secondary .fwdi3dpd-canvas-holder,
.fwdi3dpd-canvas-window-secondary .canvas-container {
   overflow: hidden !important;
   pointer-events: none !important;
}

.fwdi3dpd-canvas-window-secondary .fwdi3dpd-ruler,
.fwdi3dpd-canvas-window-secondary .fwdi3dpd-bounds-inputs {
   display: none !important;
}

.fwdi3dpd-model-window {
   z-index: 9 !important;
   overflow: hidden !important;
   background: #eceef2 !important;
   touch-action: none !important;
   user-select: none !important;
}

.fwdi3dpd-model-window-secondary {
   z-index: 30 !important;
   border: 0 !important;
   border-radius: 4px !important;
   box-shadow:
      0 0 2px rgba(110, 111, 114, .12),
      0 2px 8px rgba(110, 111, 114, .14),
      0 8px 20px rgba(110, 111, 114, .08) !important;
}

.fwdi3dpd-model-window-primary {
   border: 0 !important;
   border-radius: 0 !important;
   box-shadow: none !important;
}

.fwdi3dpd-model-canvas {
   position: absolute !important;
   inset: 0 !important;
   display: block !important;
   width: 100% !important;
   height: 100% !important;
   border: 0 !important;
   outline: 0 !important;
}

.fwdi3dpd-model-window-status {
   position: absolute !important;
   inset: 0 !important;
   z-index: 2 !important;
   display: flex;
   align-items: center !important;
   justify-content: center !important;
   padding: 20px !important;
   color: rgba(0, 0, 0, .66) !important;
   font-family: Roboto, Arial, sans-serif !important;
   font-size: 13px !important;
   font-weight: 500 !important;
   line-height: 1.4 !important;
   text-align: center !important;
   pointer-events: none !important;
}

.fwdi3dpd-model-window-status-error {
   color: #c62828 !important;
}

button.fwdi3dpd-viewport-preview-button[type="button"] {
   position: absolute !important;
   z-index: 35 !important;
   margin: 0 !important;
   padding: 0 !important;
   min-width: 0 !important;
   max-width: none !important;
   min-height: 0 !important;
   max-height: none !important;
   border: 0 !important;
   border-radius: 4px !important;
   outline: 0 !important;
   background: transparent !important;
   box-shadow: inset 0 0 0 0 transparent, 0 0 0 transparent !important;
   cursor: pointer !important;
   appearance: none !important;
   touch-action: manipulation !important;
   transition: box-shadow .4s ease !important;
}

button.fwdi3dpd-viewport-preview-button.fwdi3dpd-viewport-preview-active,
button.fwdi3dpd-viewport-preview-button:focus-visible {
   box-shadow: inset 0 0 0 1px var(--fwdi3dpd-preview-accent, #CF4035),
      0 4px 18px rgba(110, 111, 114, .25) !important;
}

@media (prefers-reduced-motion: reduce) {
   button.fwdi3dpd-viewport-preview-button[type="button"] {
      transition: none !important;
   }
}

.fwdi3dpd-viewport-swap-button {
   position: absolute !important;
   z-index: 40 !important;
   display: flex;
   align-items: center !important;
   justify-content: center !important;
   width: 36px !important;
   min-width: 36px !important;
   max-width: 36px !important;
   height: 36px !important;
   min-height: 36px !important;
   max-height: 36px !important;
   margin: 0 !important;
   padding: 0 !important;
   border: 0 !important;
   border-radius: 3px !important;
   outline: 0 !important;
   background-color: var(--fwdi3dpd-viewport-button-bg, rgba(255, 255, 255, .94)) !important;
   box-shadow:
      0 0 2px rgba(110, 111, 114, .12),
      0 2px 8px rgba(110, 111, 114, .14),
      0 8px 20px rgba(110, 111, 114, .08) !important;
   color: var(--fwdi3dpd-viewport-button-icon, #111111) !important;
   font: inherit !important;
   line-height: 1 !important;
   cursor: pointer !important;
   appearance: none !important;
}

.fwdi3dpd-viewport-swap-button span {
   display: block !important;
   color: inherit !important;
   font-family: 'fwdi3dpdicon' !important;
   font-size: 17px !important;
   font-style: normal !important;
   line-height: 1 !important;
   pointer-events: none !important;
}

/* Center the visible glyph rather than the copy character's wider advance box. */
.fwdi3dpd-viewport-swap-button .fwdi3dpd-icon-copy {
   transform: translate(0.0703125em, -1.5px) !important;
}

.fwdi3dpd-viewport-swap-button .fwdi3dpd-icon-download {
   transform: translateY(-1.5px) !important;
}

.fwdi3dpd-canvas-window-shift-held:not(.fwdi3dpd-canvas-window-secondary),
.fwdi3dpd-canvas-window-shift-held:not(.fwdi3dpd-canvas-window-secondary) :where(.fwdi3dpd-canvas-holder, canvas) {
   cursor: grab !important;
}

.fwdi3dpd-canvas-window-space-pan {
   cursor: grab !important;
}

.fwdi3dpd-canvas-window-space-pan * {
   cursor: grab !important;
}

/* Active dragging overrides the held modifier's open hand. */
.fwdi3dpd-canvas-window.fwdi3dpd-canvas-window-panning,
.fwdi3dpd-canvas-window.fwdi3dpd-canvas-window-panning * {
   cursor: grabbing !important;
}

.fwdi3dpd-canvas-holder,
.canvas-container {
   overflow: visible !important;
}

.fwdi3dpd-canvas.lower-canvas {
   display: block !important;
   border: 0 !important;
}

.fwdi3dpd-bounds-inputs {
   position: absolute !important;
   z-index: 2147483601 !important;
   display: flex;
   align-items: center !important;
   flex-wrap: wrap !important;
   gap: 6px !important;
   padding: 8px !important;
   border-radius: 4px !important;
   background: rgba(255, 255, 255, .94);
   box-shadow: 0 0 10px rgba(110, 111, 114, .25) !important;
   color: #000000;
   font-family: Roboto, sans-serif !important;
   box-sizing: border-box !important;
   pointer-events: auto !important;
}

.fwdi3dpd-bounds-inputs .fwdi3dpd-bounds-copy-button {
   position: relative !important;
   flex: 0 0 36px !important;
   transition: background-color .3s ease, color .3s ease !important;
}

.fwdi3dpd-bounds-copy-button:hover,
.fwdi3dpd-bounds-copy-button:focus-visible {
   background-color: var(--fwdi3dpd-viewport-button-bg-over, #CF4035) !important;
   color: var(--fwdi3dpd-viewport-button-icon-over, #FFFFFF) !important;
}

.fwdi3dpd-bounds-inputs label {
   display: flex !important;
   align-items: center !important;
   gap: 3px !important;
   margin: 0 !important;
   padding: 0 !important;
   color: inherit !important;
   font: 500 11px Roboto, sans-serif !important;
   line-height: 1 !important;
}

.fwdi3dpd-bounds-inputs input {
   width: 48px !important;
   height: 28px !important;
   margin: 0 !important;
   padding: 0 5px !important;
   border: 1px solid var(--fwdi3dpd-bounds-input-border, #e2e2e2) !important;
   border-radius: 4px !important;
   background: var(--fwdi3dpd-bounds-input-bg, #f6f6f6) !important;
   color: inherit !important;
   font: 400 12px Roboto, sans-serif !important;
   line-height: 28px !important;
   text-align: center !important;
   box-sizing: border-box !important;
   box-shadow: none !important;
   outline: none !important;
}

.fwdi3dpd-bounds-inputs input::-webkit-outer-spin-button,
.fwdi3dpd-bounds-inputs input::-webkit-inner-spin-button {
   margin: 0 !important;
   -webkit-appearance: none !important;
}

.fwdi3dpd-bounds-inputs input:focus {
   border-color: var(--fwdi3dpd-bounds-input-border-focus, #CF4035) !important;
}

.fwdi3dpd-bounds-inputs-unit {
   min-width: 18px !important;
   color: rgba(0, 0, 0, .55) !important;
   font: 500 11px Roboto, sans-serif !important;
   line-height: 1 !important;
   text-transform: uppercase !important;
}

.fwdi3dpd-ruler {
   position: absolute !important;
   z-index: 2147483600 !important;
   display: none;
   margin: 0 !important;
   padding: 0 !important;
   border: 0 !important;
   background: rgba(255, 255, 255, .72) !important;
   color: rgba(0, 0, 0, .68) !important;
   font-family: Roboto, sans-serif !important;
   font-size: 9px !important;
   font-weight: 500 !important;
   line-height: 1 !important;
   box-sizing: border-box !important;
   cursor: grab !important;
   pointer-events: auto !important;
   touch-action: none !important;
   user-select: none !important;
}

.fwdi3dpd-ruler-top {
   left: 0 !important;
   top: 0 !important;
   z-index: 2147483601 !important;
   width: 100% !important;
   height: 24px !important;
   border-bottom: 1px solid rgba(0, 0, 0, .2) !important;
}

.fwdi3dpd-ruler-left {
   left: 0 !important;
   top: 0 !important;
   z-index: 2147483600 !important;
   width: 24px !important;
   height: 100% !important;
   border-right: 1px solid rgba(0, 0, 0, .2) !important;
}

.fwdi3dpd-ruler-tick,
.fwdi3dpd-ruler-label,
.fwdi3dpd-ruler-unit {
   position: absolute !important;
   display: block !important;
   margin: 0 !important;
   padding: 0 !important;
   pointer-events: none !important;
}

.fwdi3dpd-ruler-tick {
   background: rgba(0, 0, 0, .45) !important;
}

.fwdi3dpd-ruler-tick-major {
   background: rgba(0, 0, 0, .65) !important;
}

.fwdi3dpd-ruler-top .fwdi3dpd-ruler-tick {
   bottom: 0 !important;
   width: 1px !important;
   height: 6px !important;
}

.fwdi3dpd-ruler-top .fwdi3dpd-ruler-tick-major {
   height: 11px !important;
}

.fwdi3dpd-ruler-top .fwdi3dpd-ruler-label {
   top: 3px !important;
   transform: translateX(-50%) !important;
}

.fwdi3dpd-ruler-top .fwdi3dpd-ruler-label-start {
   transform: translateX(0) !important;
}

.fwdi3dpd-ruler-top .fwdi3dpd-ruler-label-end {
   transform: translateX(-100%) !important;
}

.fwdi3dpd-ruler-left .fwdi3dpd-ruler-tick {
   right: 0 !important;
   width: 6px !important;
   height: 1px !important;
}

.fwdi3dpd-ruler-left .fwdi3dpd-ruler-tick-major {
   width: 11px !important;
}

.fwdi3dpd-ruler-left .fwdi3dpd-ruler-label {
   left: 3px !important;
   transform: translateY(-50%) !important;
}

.fwdi3dpd-ruler-left .fwdi3dpd-ruler-label-start {
   transform: translateY(0) !important;
}

.fwdi3dpd-ruler-left .fwdi3dpd-ruler-label-end {
   transform: translateY(-100%) !important;
}

.fwdi3dpd-ruler-unit {
   left: 28px !important;
   bottom: 3px !important;
   color: rgba(0, 0, 0, .8) !important;
   font-size: 9px !important;
   font-weight: 700 !important;
   letter-spacing: .2px !important;
}

.fwdi3dpd-dimensions-tooltip {
   position: fixed !important;
   z-index: 2147483642 !important;
   display: none;
   margin: 0 !important;
   padding: 8px 7px !important;
   border: 0 !important;
   border-radius: 4px !important;
   background: rgba(0, 0, 0, .5) !important;
   color: #FFFFFF !important;
   box-shadow: 0 0 10px rgba(110, 111, 114, .25) !important;
   box-sizing: border-box !important;
   font-family: Roboto, sans-serif !important;
   font-size: 12px !important;
   font-weight: 500 !important;
   line-height: 12px !important;
   text-align: left !important;
   white-space: nowrap !important;
   pointer-events: none !important;
   user-select: none !important;
   opacity: 1 !important;
   transform: none !important;
   transition: none !important;
   animation: none !important;
}

/* Browser fullscreen host. */
.fwdi3dpd-fullscreen-host{
   width: 100vw !important;
   height: 100vh !important;
   max-width: none !important;
   max-height: none !important;
   margin: 0 !important;
   padding: 0 !important;
   overflow: hidden !important;
   box-sizing: border-box !important;
}



/* Object toolbar. */
.fwdi3dpd-object-toolbar {
   position: fixed !important;
   z-index: 2147483644 !important;
   display: block;
   padding: 0;
   border-radius: 4px;
   background: rgba(255, 255, 255, .95);
   box-shadow: 0 0 10px rgba(110, 111, 114, .25) !important;
   max-width: none !important;
   box-sizing: border-box;
   pointer-events: auto;
}

.fwdi3dpd-object-toolbar-fixed {
   position: absolute !important;
   left: 0 !important;
   top: 0 !important;
   z-index: 2147483643 !important;
   width: 100% !important;
   max-width: 100% !important;
   box-shadow: none !important;
   overflow: visible !important;
   pointer-events: auto !important;
}

.fwdi3dpd-object-toolbar-fixed .fwdi3dpd-object-toolbar-close {
   z-index: 1 !important;
   pointer-events: auto !important;
}

.fwdi3dpd-object-toolbar-fixed-mobile {
   position: fixed !important;
   left: 0 !important;
   right: 0 !important;
   top: auto !important;
   bottom: 0 !important;
   z-index: 2147483646 !important;
   width: auto !important;
   max-width: none !important;
   transform: none !important;
   box-shadow: 0 0 10px rgba(110, 111, 114, .25) !important;
   overflow: visible !important;
}

.fwdi3dpd-object-toolbar-fixed-mobile .fwdi3dpd-object-toolbar-viewport {
   width: 100% !important;
   max-width: 100% !important;
}

.fwdi3dpd-object-toolbar-fixed-mobile .fwdi3dpd-object-toolbar-content {
   min-width: 100% !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-object-toolbar-fixed-mobile .fwdi3dpd-object-toolbar-close {
   z-index: 3 !important;
   box-shadow: 0 0 10px rgba(110, 111, 114, .25) !important;
}

.fwdi3dpd-object-toolbar-viewport {
   position: relative !important;
   z-index: 2 !important;
   border-radius: inherit !important;
   background: inherit !important;
   overflow: hidden !important;
}

.fwdi3dpd-object-toolbar-content {
   position: relative !important;
   z-index: 2 !important;
   display: flex !important;
   align-items: center !important;
   justify-content: flex-start !important;
   gap: 18px !important;
   width: max-content !important;
   padding: 11px 15px !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-object-toolbar-button {
   display: flex !important;
   flex-direction: column !important;
   align-items: center !important;
   justify-content: center !important;
   gap: 2px !important;
   width: auto !important;
   max-width: 74px !important;
   min-width: 0 !important;
   min-height: 48px !important;
   height: auto !important;
   margin: 0 !important;
   padding: 0 !important; 
   border: 0 !important;
   border-radius: 4px 4px 0 0 !important;
   cursor: pointer !important;
   line-height: 1 !important;
   box-sizing: border-box !important;
   overflow: hidden !important;
}

.fwdi3dpd-object-toolbar-button-icon {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   width: 30px !important;
   height: 30px !important;
   margin: 0 !important;
   padding: 0 !important;
   line-height: 1 !important;
}

.fwdi3dpd-object-toolbar-button-icon span {
   display: block !important;
   margin: 0 !important;
   padding: 0 !important;
   font-size: 19px !important;
   line-height: 1 !important;
}

.fwdi3dpd-object-toolbar-button-icon span.fwdi3dpd-icon-text-input {
   font-size: 25px !important;
}

.fwdi3dpd-object-toolbar-button-icon .fwdi3dpd-icon-reset{
    font-size: 22px !important;
}

.fwdi3dpd-object-toolbar-position .fwdi3dpd-object-toolbar-button-icon span {
   font-size: 20px !important;
}

.fwdi3dpd-object-toolbar-transform .fwdi3dpd-object-toolbar-button-icon span {
   font-size: 20px !important;
}

.fwdi3dpd-object-toolbar-button-icon .fwdi3dpd-icon-text-format {
   font-size: 28px !important;
}

.fwdi3dpd-object-toolbar-button-icon .fwdi3dpd-icon-text-curved-up {
   font-size: 21px !important;
}

.fwdi3dpd-object-toolbar-button-icon .fwdi3dpd-icon-curved-text {
   font-size: 19px !important;
}
.fwdi3dpd-object-toolbar-button-label {
   display: block !important;
   width: 100% !important;
   max-width: 100% !important;
   margin: 1px 0 0 !important;
   padding: 0 !important;
   font-family: Roboto, sans-serif !important;
   font-size: 14px !important;
   font-weight: 400 !important;
   line-height: 1.15 !important;
   text-align: center !important;
   white-space: nowrap !important;
   overflow: hidden !important;
   text-overflow: ellipsis !important;
}

.fwdi3dpd-object-toolbar-fixed .fwdi3dpd-object-toolbar-button-label {
   display: block !important;
   width: 100% !important;
   max-width: 100% !important;
   white-space: nowrap !important;
   overflow: hidden !important;
   text-overflow: ellipsis !important;
   overflow-wrap: normal !important;
   word-break: normal !important;
}

.fwdi3dpd-object-toolbar-delete .fwdi3dpd-object-toolbar-button-icon span {
   font-size: 19px !important;
}

.fwdi3dpd-object-toolbar-close {
    width: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    height: 24px !important;
    gap: 4px !important;
    box-shadow: 0 0 10px rgba(110, 111, 114, .25) !important;
    transition: none !important;
}

.fwdi3dpd-module-button:hover,
.fwdi3dpd-module-button:focus,
.fwdi3dpd-module-button:focus-visible,
.fwdi3dpd-module-button:active {
   border: 0 !important;
   outline: 0 !important;
   box-shadow: none !important;
}

.fwdi3dpd-object-toolbar-close .fwdi3dpd-object-toolbar-button-icon span {
   font-size: 14px !important;
}

.fwdi3dpd-object-toolbar-close {
   position: absolute !important;
   z-index: 1 !important;
   display: none;
}

.fwdi3dpd-object-toolbar-back {
    flex-direction: row !important;
    z-index: 1 !important;
    width: auto !important;
    min-width: 62px !important;
    height: 26px !important;
    min-height: 24px !important;
    padding: 0 8px !important;
    gap: 6px !important;
    border-radius: 4px 4px 0 0 !important;
    box-shadow: 0 0 10px rgba(110, 111, 114, .25) !important;
}

.fwdi3dpd-object-toolbar-close.fwdi3dpd-object-toolbar-back {
   z-index: 1 !important;
}

.fwdi3dpd-object-toolbar-back .fwdi3dpd-object-toolbar-button-icon {
   width: 12px !important;
   height: 24px !important;
}

.fwdi3dpd-object-toolbar-back .fwdi3dpd-object-toolbar-button-icon span {
   font-size: 12px !important;
}

.fwdi3dpd-object-toolbar-back .fwdi3dpd-object-toolbar-button-label {
   display: block !important;
   font-size: 14px !important;
   line-height: 1 !important;
}

.fwdi3dpd-object-toolbar-transform-window.fwdi3dpd-material-window {
   font-family: Roboto, Arial, sans-serif !important;
   gap: 8px !important;
}

.fwdi3dpd-material-title {
   font-size: 14px;
   font-weight: 500;
}

.fwdi3dpd-material-scope,
.fwdi3dpd-material-choices {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 8px;
}

.fwdi3dpd-material-scope {
   gap: 0;
}

.fwdi3dpd-material-scope .fwdi3dpd-material-choice {
   border-radius: 0;
   position: relative;
}

.fwdi3dpd-material-scope .fwdi3dpd-material-choice:first-child {
   border-radius: 5px 0 0 5px;
}

.fwdi3dpd-material-scope .fwdi3dpd-material-choice:last-child {
   border-radius: 0 5px 5px 0;
   margin-left: -1px;
}

.fwdi3dpd-material-scope .fwdi3dpd-material-choice[aria-checked="true"] {
   background: var(--material-active-bg);
   color: var(--material-active-color);
   border-color: var(--material-active-color);
   font-weight: 500;
   position: relative;
   z-index: 1;
}

.fwdi3dpd-material-choice {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   box-sizing: border-box;
   min-width: 0;
   min-height: 36px;
   padding: 8px 10px;
   border: 1px solid var(--material-border);
   border-radius: 4px;
   background: var(--material-bg);
   color: var(--material-color);
   font: inherit;
   font-size: 13px;
   cursor: pointer;
   transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.fwdi3dpd-material-icon {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   flex: 0 0 22px;
   width: 22px;
   height: 22px;
   font-size: 22px;
   line-height: 1;
   pointer-events: none;
}

.fwdi3dpd-material-button-content {
   display: inline-grid;
   grid-template-columns: 22px minmax(0, 1fr);
   align-items: center;
   gap: 8px;
   min-width: 0;
   width: var(--material-content-width, max-content);
   max-width: 100%;
   text-align: center;
   pointer-events: none;
}

.fwdi3dpd-material-scope .fwdi3dpd-material-button-content {
   grid-template-columns: 18px minmax(0, 1fr);
   gap: 6px;
}

.fwdi3dpd-material-scope .fwdi3dpd-material-icon {
   flex-basis: 18px;
   width: 18px;
   height: 18px;
   font-size: 18px;
}

.fwdi3dpd-material-label {
   min-width: 0;
   overflow-wrap: anywhere;
   line-height: 1.25;
   text-align: left;
   pointer-events: none;
}

.fwdi3dpd-material-choice[aria-pressed="true"],
.fwdi3dpd-material-choice:hover:not(:disabled) {
   background: var(--material-active-bg);
   color: var(--material-active-color);
   border-color: var(--material-active-color);
}

.fwdi3dpd-material-choice:focus-visible {
   outline: 2px solid var(--material-active-color);
   outline-offset: 2px;
}

.fwdi3dpd-material-choice:disabled {
   opacity: .4;
   cursor: default;
}

.fwdi3dpd-material-adjustments {
   border-top: 1px solid var(--material-border);
   padding-top: 10px;
   min-width: 0;
}

.fwdi3dpd-material-adjustments > summary {
   cursor: pointer;
   padding: 8px 6px;
   color: var(--material-color);
   font: 500 13px Roboto, Arial, sans-serif;
   border-radius: 4px;
   transition: color .2s ease, background-color .2s ease;
}

.fwdi3dpd-material-adjustments > summary:hover {
   color: var(--material-active-color);
   background: var(--material-active-bg);
}

.fwdi3dpd-material-adjustments > summary:focus-visible {
   outline: 2px solid var(--material-active-color);
   outline-offset: 2px;
}

.fwdi3dpd-material-adjustments-body {
   display: flex;
   flex-direction: column;
   gap: 10px;
   padding: 8px 0 0;
}

.fwdi3dpd-material-adjustments-body > p {
   margin: 0;
   font: 400 13px/1.5 Roboto, Arial, sans-serif;
}

.fwdi3dpd-material-adjustments .fwdi3dpd-object-toolbar-transform-header {
   grid-template-columns: minmax(0, 1fr) 64px !important;
}

.fwdi3dpd-material-adjustments .fwdi3dpd-object-toolbar-transform-input {
   grid-column: 2 !important;
}

.fwdi3dpd-material-adjustments .fwdi3dpd-object-toolbar-transform-title {
   font-size: 13px !important;
   line-height: 1.3 !important;
}

.fwdi3dpd-material-adjustments [data-material-choice="reset-adjustments"] {
   width: 100%;
}

.fwdi3dpd-object-toolbar-transform-window {
   display: flex !important;
   flex-direction: column !important;
   align-items: stretch !important;
   justify-content: flex-start !important;
   gap: 12px !important;
   width: 100% !important;
   min-width: 0 !important;
   max-width: 100% !important;
   padding: 14px 12px !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-object-toolbar-transform-section {
   display: flex !important;
   flex-direction: column !important;
   gap: 7px !important;
   width: 100% !important;
   min-width: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-object-toolbar-transform-header {
   display: grid !important;
   grid-template-columns: minmax(0, 1fr) 18px 54px !important;
   align-items: center !important;
   justify-content: stretch !important;
   column-gap: 8px !important;
   width: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-object-toolbar-transform-title {
   display: block !important;
   grid-column: 1 !important;
   margin: 0 !important;
   padding: 0 !important;
   font: 400 14px Roboto, sans-serif !important;
   line-height: 1 !important;
}

.fwdi3dpd-object-toolbar-transform-lock {
    display: flex !important;
    grid-column: 2 !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    margin: -1px 0 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    cursor: pointer !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

.fwdi3dpd-object-toolbar-transform-controls {
   display: block !important;
   width: 100% !important;
   min-width: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-object-toolbar-transform-slider-holder {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 18px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    cursor: pointer !important;
}

.fwdi3dpd-object-toolbar-transform-slider-holder::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 100% !important;
    height: 5px !important;
    margin: -2.5px 0 0 0 !important;
    padding: 0 !important;
    border: 1px solid var(--fwdi3dpd-toolbar-slider-border, #e2e2e2) !important;
    border-radius: 999px !important;
    background: var(--fwdi3dpd-toolbar-slider-bg, #f6f6f6) !important;
    box-sizing: border-box !important;
}

.fwdi3dpd-object-toolbar-transform-section-disabled {
   opacity: .3 !important;
}

.fwdi3dpd-object-toolbar-transform-slider-fill {
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 0 !important;
    height: 5px !important;
    margin: -2.5px 0 0 0 !important;
    padding: 0 !important;
    border-radius: 999px !important;
    background: var(--fwdi3dpd-toolbar-slider-fill, #CF4035) !important;
    pointer-events: none !important;
    box-sizing: border-box !important;
}

.fwdi3dpd-object-toolbar-transform-slider-handle {
   position: absolute !important;
   left: 0 !important;
   top: 50% !important;
   width: 18px !important;
   height: 18px !important;
   margin: -9px 0 0 0 !important;
   padding: 0 !important;
   border: 2px solid var(--fwdi3dpd-toolbar-slider-handle-border, #CF4035) !important;
   border-radius: 50% !important;
   background: var(--fwdi3dpd-toolbar-slider-handle, #f6f6f6) !important;
   pointer-events: none !important;
   box-sizing: border-box !important;
   cursor: pointer !important;
}

.fwdi3dpd-object-toolbar-transform-slider {
    -webkit-appearance: none !important;
    appearance: none !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    cursor: pointer !important;
    pointer-events: none !important;
    box-sizing: border-box !important;
}

.fwdi3dpd-object-toolbar-transform-slider::-webkit-slider-runnable-track {
    width: 100% !important;
    height: 8px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

.fwdi3dpd-object-toolbar-transform-slider::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    opacity: 0 !important;
}

.fwdi3dpd-object-toolbar-transform-slider::-moz-range-track {
   width: 100% !important;
   height: 8px !important;
   border: 0 !important;
   border-radius: 999px !important;
   background: transparent !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-object-toolbar-transform-slider::-moz-range-progress {
   height: 8px !important;
   border: 0 !important;
   border-radius: 999px !important;
   background: transparent !important;
}

.fwdi3dpd-object-toolbar-transform-slider::-moz-range-thumb {
   width: 0 !important;
   height: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
   border: 0 !important;
   background: transparent !important;
   opacity: 0 !important;
}

.fwdi3dpd-object-toolbar-transform-input {
   display: block !important;
   grid-column: 3 !important;
   width: 54px !important;
   height: 24px !important;
   margin: 0 !important;
   padding: 1px 4px 0 !important;
   border: 1px solid var(--fwdi3dpd-toolbar-slider-border, #e2e2e2) !important;
   border-radius: 4px !important;
   background: var(--fwdi3dpd-toolbar-slider-input, #f6f6f6) !important;

   font: 400 14px Roboto, sans-serif !important;
   line-height: 24px !important;
   text-align: center !important;
   box-sizing: border-box !important;
   transition: border-color .2s ease-out, box-shadow .2s ease-out !important;
}

.fwdi3dpd-object-toolbar-transform-input:focus {
   border-color: var(--fwdi3dpd-toolbar-slider-fill, #CF4035) !important;
   box-shadow: none !important;
   outline: none !important;
}

/* Prevent WordPress number input rules from overriding toolbar dimensions. */
input.fwdi3dpd-object-toolbar-transform-input {
   min-height: 24px !important;
   max-height: 24px !important;
   padding-block: 1px 0 !important;
   padding-inline: 4px !important;
}

.fwdi3dpd-object-toolbar-transform-slider:disabled,
.fwdi3dpd-object-toolbar-transform-input:disabled {
   opacity: .35 !important;
   cursor: default !important;
}

.fwdi3dpd-object-toolbar-transform-flip-row {
   display: grid !important;
   grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
   align-items: stretch !important;
   justify-content: stretch !important;
   gap: 9px !important;
   width: 100% !important;
   min-width: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-object-toolbar-align-window {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 14px 10px 12px !important;
    box-sizing: border-box !important;
}

.fwdi3dpd-object-toolbar-color-window {
   display: flex !important;
   flex-direction: column !important;
   align-items: stretch !important;
   justify-content: flex-start !important;
   gap: 6px !important;
   width: 100% !important;
   min-width: 0 !important;
   max-width: 100% !important;
   padding: 14px 12px 16px 14px!important;
   box-sizing: border-box !important;
}

.fwdi3dpd-object-toolbar-color-section {
   position: relative !important;
   display: flex !important;
   align-items: center !important;
   justify-content: space-between !important;
   gap: 9px !important;
   width: 100% !important;
   min-width: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-object-toolbar-color-title {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font: 700 13px Roboto, sans-serif !important;
    line-height: 1.15 !important;
    text-transform: uppercase !important;
    letter-spacing: .35px !important;
}

.fwdi3dpd-object-toolbar-color-fill-section,
.fwdi3dpd-object-toolbar-color-stroke-section {
   align-items: flex-start !important;
}

.fwdi3dpd-object-toolbar-color-fill-section .fwdi3dpd-object-toolbar-color-title,
.fwdi3dpd-object-toolbar-color-stroke-section .fwdi3dpd-object-toolbar-color-title {
   padding-top: 5px !important;
}

.fwdi3dpd-object-toolbar-color-fill-controls {
   display: flex !important;
   align-items: flex-start !important;
   justify-content: flex-end !important;
   flex-wrap: wrap !important;
   gap: 6px !important;
   flex: 1 1 0 !important;
   min-width: 0 !important;
   max-width: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-object-toolbar-color-label-controls {
   display: flex !important;
   align-items: center !important;
   justify-content: flex-start !important;
   flex-direction: row !important;
   flex-wrap: nowrap !important;
   gap: 6px !important;
   flex: 0 0 auto !important;
   min-width: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-object-toolbar-color-picker-field,
.fwdi3dpd-object-toolbar-color-swatch {
   width: 24px !important;
   min-width: 24px !important;
   max-width: 24px !important;
   height: 24px !important;
   min-height: 24px !important;
   max-height: 24px !important;
   margin: 0 !important;
   padding: 0 !important;
   border: 1px solid #e2e2e2 !important;
   border-radius: 4px !important;
   cursor: pointer !important;
   box-sizing: content-box !important;
   overflow: hidden !important;
}


/* Add images window. */
.fwdi3dpd-add-images-window {
    box-sizing: border-box !important;
}

.fwdi3dpd-add-images-content {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 9px 9px 9px!important;
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;
    font-family: Roboto, sans-serif !important;
    overflow: hidden !important;
}

.fwdi3dpd-add-images-list-window {
    overflow: hidden !important;
}

.fwdi3dpd-add-images-drop-area {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 130px !important;
    padding: 16px !important;
    border: 0 !important;
    outline: none !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    font: 400 14px Roboto, sans-serif !important;
    line-height: 1.35 !important;
    text-align: center !important;
}

.fwdi3dpd-add-images-drop-area:before {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: inherit !important;
    pointer-events: none !important;
    background:
        repeating-linear-gradient(90deg, var(--fwdi3dpd-add-images-drop-border-color, #00FF00) 0 8px, transparent 8px 14px) left top / 100% 1px no-repeat,
        repeating-linear-gradient(90deg, var(--fwdi3dpd-add-images-drop-border-color, #00FF00) 0 8px, transparent 8px 14px) left bottom / 100% 1px no-repeat,
        repeating-linear-gradient(180deg, var(--fwdi3dpd-add-images-drop-border-color, #00FF00) 0 8px, transparent 8px 14px) left top / 1px 100% no-repeat,
        repeating-linear-gradient(180deg, var(--fwdi3dpd-add-images-drop-border-color, #00FF00) 0 8px, transparent 8px 14px) right top / 1px 100% no-repeat !important;
}

.fwdi3dpd-add-images-drop-area > * {
    position: relative !important;
    z-index: 1 !important;
}

.fwdi3dpd-add-images-drop-text {
    text-transform: uppercase !important;
    font: 400 14px Roboto, sans-serif !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.35 !important;
}

.fwdi3dpd-add-images-drop-area-active {
    opacity: .4 !important;
}

.fwdi3dpd-add-images-browse-button {
    display: block !important;
    margin: 3px auto 4px !important;
    min-width: 90px !important;
    width: auto !important;
    height: 34px !important;
    padding: 2px 18px 0 18px !important;
    border: 0 !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font: 500 14px Roboto, sans-serif !important;
    line-height: 1 !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.fwdi3dpd-add-images-file-input {
    display: none !important;
}

.fwdi3dpd-add-images-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    row-gap: 9px !important;
    column-gap: 6px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 0 11px 0 !important;
}

.fwdi3dpd-add-images-item {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: center !important;
    width: 100% !important;
    max-width: 154px !important;
    min-height: 104px !important;
    height: auto !important;
    aspect-ratio: 36 / 35 !important;
    padding: 11px !important;
    border: 0 !important;
    outline: none !important;
    appearance: none !important;
    border-radius: 4px !important;
    box-shadow: 0 0 10px rgba(110, 111, 114, .2) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    cursor: pointer !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
}

.fwdi3dpd-add-images-item:active {
    cursor: pointer !important;
}

.fwdi3dpd-add-images-item img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    pointer-events: none !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
}

.fwdi3dpd-add-images-item-overlay {
    position: absolute !important;
    z-index: 2 !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: inherit !important;
    pointer-events: none !important;
}

.fwdi3dpd-add-images-item-spinner {
    position: absolute !important;
    z-index: 3 !important;
    left: 50% !important;
    top: 50% !important;
    margin-left: -13px !important;
    margin-top: -13px !important;
    width: 26px !important;
    height: 26px !important;
    border-width: 4px !important;
    border-style: solid !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    opacity: 1 !important;
    transition: opacity .25s ease-out !important;
    animation: fwdi3dpd-preloader-spin .8s linear infinite !important;
    pointer-events: none !important;
}

.fwdi3dpd-add-images-item-price {
    position: absolute !important;
    z-index: 3 !important;
    right: 6px !important;
    bottom: 6px !important;
    min-width: 20px !important;
    height: 22px !important;
    padding: 2px 7px !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    line-height: 1 !important;
    pointer-events: none !important;
}

.fwdi3dpd-add-images-item-close-button,
.fwdi3dpd-add-text-item-close-button,
.fwdi3dpd-add-shapes-item-close-button,
.fwdi3dpd-artwork-library-item-close-button,
.fwdi3dpd-artwork-library-category-close-button {
    position: absolute !important;
    z-index: 3 !important;
    right: 6px !important;
    top: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    cursor: pointer !important;
    font-size: 11px !important;
    line-height: 1 !important;
    box-shadow: 0 0 10px rgba(110, 111, 114, .2) !important;
}

.fwdi3dpd-add-images-item-close-button:before,
.fwdi3dpd-add-text-item-close-button:before,
.fwdi3dpd-add-shapes-item-close-button:before,
.fwdi3dpd-artwork-library-item-close-button:before,
.fwdi3dpd-artwork-library-category-close-button:before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 12px !important;
    height: 1px !important;
    background: currentColor !important;
    transform: translate(-50%, -50%) rotate(45deg) !important;
}

.fwdi3dpd-add-images-item-close-button:after,
.fwdi3dpd-add-text-item-close-button:after,
.fwdi3dpd-add-shapes-item-close-button:after,
.fwdi3dpd-artwork-library-item-close-button:after,
.fwdi3dpd-artwork-library-category-close-button:after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 12px !important;
    height: 1px !important;
    background: currentColor !important;
    transform: translate(-50%, -50%) rotate(-45deg) !important;
}

/* Add text window. */
.fwdi3dpd-add-text-window {
    box-sizing: border-box !important;
}

.fwdi3dpd-add-text-content {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
    height: 100% !important;
    padding: 9px 9px 9px 9px !important;
    box-sizing: border-box !important;
    font-family: Roboto, sans-serif !important;
    overflow: hidden !important;
}

.fwdi3dpd-add-text-input-area {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 0 !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
    background: #f6f6f6 !important;
}

.fwdi3dpd-add-text-textarea {
    display: block !important;
    width: 100% !important;
    height: 84px !important;
    min-height: 84px !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    border: 1px solid #e2e2e2;
    border-radius: 4px !important;
    outline: none !important;
    resize: none !important;
    font: 400 16px Roboto, sans-serif !important;
    line-height: 21px !important;
    box-sizing: border-box !important;
}

.fwdi3dpd-add-text-button {
    display: block !important;
    align-self: center !important;
    min-width: 90px !important;
    width: auto !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 2px 18px 0 18px !important;
    border: 0 !important;
    outline: none !important;
    appearance: none !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    font: 500 14px Roboto, sans-serif !important;
    line-height: 1 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.fwdi3dpd-add-text-list-window {
    overflow: hidden !important;
}

.fwdi3dpd-add-text-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    row-gap: 9px !important;
    column-gap: 6px !important;
    width: 100% !important;
    padding: 0 0 11px 0 !important;
    box-sizing: border-box !important;
}

.fwdi3dpd-add-text-item {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: center !important;
    width: 100% !important;
    max-width: 154px !important;
    min-height: 104px !important;
    padding: 12px 10px !important;
    border: 0 !important;
    outline: none !important;
    appearance: none !important;
    border-radius: 4px !important;
    box-shadow: 0 0 10px rgba(110, 111, 114, .2) !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    overflow: hidden !important;
    text-align: center !important;
}

.fwdi3dpd-add-text-item-title {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font: 500 11px Roboto, sans-serif !important;
    line-height: 1.2 !important;
    color: #333333 !important;
    text-transform: uppercase !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    pointer-events: none !important;
}

.fwdi3dpd-add-text-item-preview {
    position: relative !important;
    z-index: 0 !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    pointer-events: none !important;
}

.fwdi3dpd-add-text-item-preview-svg {
    height: 64px !important;
}

.fwdi3dpd-add-text-item-preview-image {
    height: 64px !important;
    object-fit: contain !important;
}

.fwdi3dpd-add-text-item-overlay {
    position: absolute !important;
    z-index: 1 !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
}

.fwdi3dpd-add-text-item-price {
    position: absolute !important;
    z-index: 3 !important;
    right: 6px !important;
    bottom: 6px !important;
    min-width: 20px !important;
    height: 22px !important;
    padding: 2px 7px !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    pointer-events: none !important;
}

.fwdi3dpd-object-toolbar-color-original-swatch {
    position: relative !important;
    background:
        linear-gradient(45deg, #d8d8d8 25%, transparent 25%),
        linear-gradient(-45deg, #d8d8d8 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, #d8d8d8 75%),
        linear-gradient(-45deg, transparent 75%, #d8d8d8 75%) !important;
    background-color: #ffffff !important;
    background-position: 0 0, 0 6px, 6px -6px, -6px 0 !important;
    background-size: 12px 12px !important;
}

.fwdi3dpd-object-toolbar-color-original-swatch:after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 18px !important;
    height: 1px !important;
    background: #ff0000 !important;
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    transform-origin: center center !important;
}

.fwdi3dpd-object-toolbar-color-picker-field {
   display: inline-flex !important;
   flex: 0 0 24px !important;
   width: 24px !important;
   height: 24px !important;
    position: relative !important;
    line-height: 0 !important;
}

.fwdi3dpd-object-toolbar-color-label-controls .fwdi3dpd-object-toolbar-color-picker-field {
   display: inline-flex !important;
   flex: 0 0 24px !important;
    vertical-align: middle !important;
}

.fwdi3dpd-object-toolbar-color-picker {
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: transparent !important;
    caret-color: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.fwdi3dpd-object-toolbar-color-picker-field .fwdi3dpd-object-toolbar-color-picker {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    right: auto !important;
    transform: none !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    opacity: 0 !important;
    z-index: 1 !important;
}

.fwdi3dpd-object-toolbar-color-picker-field button,
.clr-field.fwdi3dpd-object-toolbar-color-picker-field button {
   display: block !important;
   position: absolute !important;
   left: 0 !important;
   top: 0 !important;
   right: auto !important;
   transform: none !important;
   width: 100% !important;
   min-width: 0 !important;
   height: 100% !important;
   min-height: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
   border: 0 !important;
   border-radius: 3px !important;
   background: currentColor !important;
   cursor: pointer !important;
   pointer-events: auto !important;
   text-indent: -9999px !important;
   color: inherit !important;
   box-sizing: border-box !important;
   z-index: 2 !important;
   transition: none !important;
}

.fwdi3dpd-object-toolbar-color-picker-field button:after,
.clr-field.fwdi3dpd-object-toolbar-color-picker-field button:after {
   left: 0 !important;
   top: 0 !important;
   width: 100% !important;
   height: 100% !important;
   border-radius: 3px !important;
   transition: none !important;
}

.clr-picker {
   z-index: 2147483647 !important;
}

.clr-picker:not(.clr-open):not([data-inline="true"]) {
   display: none !important;
}

.clr-picker input.clr-color {
   width: 74px !important;
   height: 28px !important;
   min-height: 28px !important;
   max-height: 28px !important;
   margin: 15px 11px 12px auto !important;
   padding: 0 8px !important;
   border: 1px solid rgba(110, 111, 114, .25) !important;
   border-radius: 4px !important;
   background: #f6f6f6 !important;
   font: 400 14px Roboto, sans-serif !important;
   line-height: normal !important;
   text-align: center !important;
   box-shadow: none !important;
   box-sizing: border-box !important;
}

.clr-picker input.clr-color:focus {
   outline: none !important;
}

.clr-picker .clr-preview {
   position: relative !important;
   width: 24px !important;
   min-width: 24px !important;
   max-width: 24px !important;
   height: 24px !important;
   min-height: 24px !important;
   max-height: 24px !important;
   margin: 15px 0 12px 13px !important;
   border-radius: 4px !important;
   overflow: hidden !important;
}

.clr-picker .clr-preview:before,
.clr-picker .clr-preview:after,
.clr-picker .clr-preview button {
   border-radius: 4px !important;
   transition: none !important;
}

.clr-picker .clr-hue,
.clr-picker .clr-alpha {
   position: relative !important;
   width: calc(100% - 22px) !important;
   height: 8px !important;
   margin: 5px 11px !important;
   border-radius: 4px !important;
}

.fwdi3dpd-object-toolbar-color-picker::-webkit-color-swatch-wrapper {
   width: 100% !important;
   height: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   border: 0 !important;
   border-radius: 4px !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-object-toolbar-color-picker::-webkit-color-swatch {
   width: 100% !important;
   height: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   border: 0 !important;
   border-radius: 4px !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-object-toolbar-color-picker::-moz-color-swatch {
   width: 100% !important;
   height: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   border: 0 !important;
   border-radius: 4px !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-object-toolbar-color-shadow-section {
   margin-top: 14px !important;
   justify-content: flex-start !important;
}

.fwdi3dpd-object-toolbar-color-transparency {
   margin-top: 5px !important;
}

.fwdi3dpd-object-toolbar-color-strokeWidth {
   margin-top: -2px !important;
   gap: 11px !important;
}

.fwdi3dpd-object-toolbar-color-strokeWidth .fwdi3dpd-object-toolbar-transform-header {
   min-height: 21px !important;
   padding-top: 5px !important;
}

.fwdi3dpd-object-toolbar-color-palette {
   display: flex !important;
   align-items: center !important;
   justify-content: flex-end !important;
   flex-wrap: wrap !important;
   gap: 6px !important;
   flex: 0 1 auto !important;
   width: auto !important;
   min-width: 0 !important;
   max-width: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-object-toolbar-color-fill-section-svg {
   align-items: flex-start !important;
   flex-wrap: wrap !important;
}

.fwdi3dpd-object-toolbar-color-fill-section-svg .fwdi3dpd-object-toolbar-color-title {
   padding-top: 4px !important;
}

.fwdi3dpd-object-toolbar-svg-fill-picker-field {
   position: absolute !important;
   width: 24px !important;
   min-width: 24px !important;
   max-width: 24px !important;
   height: 24px !important;
   min-height: 24px !important;
   max-height: 24px !important;
   opacity: 0 !important;
   pointer-events: none !important;
}

.fwdi3dpd-object-toolbar-svg-fill-palette {
   flex: 0 0 auto !important;
}

.fwdi3dpd-object-toolbar-color-palette-svg-options {
   flex: 0 0 100% !important;
   justify-content: flex-end !important;
   order: 2 !important;
   padding-top: 6px !important;
}

.fwdi3dpd-object-toolbar-color-fill-section-svg:not(.fwdi3dpd-object-toolbar-svg-fill-selected) .fwdi3dpd-object-toolbar-color-palette-svg-options {
   display: none !important;
}

.fwdi3dpd-object-toolbar-svg-fill-swatch {
   transform: scale(1) !important;
   transform-origin: center center !important;
   transition: transform .18s ease !important;
}

.fwdi3dpd-object-toolbar-color-swatch-selected {
   opacity: 1 !important;
   border-color: #CF4035 !important;
}

.fwdi3dpd-object-toolbar-color-swatch-disabled {
   opacity: 1 !important;
   transform: scale(.5) !important;
}

.fwdi3dpd-object-toolbar-align-row {
   display: grid !important;
   grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
   grid-auto-rows: minmax(34px, auto) !important;
   align-items: stretch !important;
   justify-content: stretch !important;
   gap: 9px !important;
   width: 100% !important;
   min-width: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-object-toolbar-text-format-row {
   grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.fwdi3dpd-object-toolbar-text-format-font-family .fwdi3dpd-object-toolbar-transform-header {
   grid-template-columns: minmax(0, 1fr) 150px !important;
}

.fwdi3dpd-object-toolbar-text-format-font-family .fwdi3dpd-object-toolbar-transform-input,
.fwdi3dpd-object-toolbar-text-format-font-family .fwdi3dpd-object-toolbar-font-family-select {
    grid-column: 2 !important;
    width: 150px !important;
    text-align: left !important;
}

.fwdi3dpd-object-toolbar-font-family-select {
   position: relative !important;
   height: 32px !important;
   min-width: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-object-toolbar-font-family-select-button {
   position: relative !important;
   display: block !important;
   width: 100% !important;
   height: 32px !important;
   margin: 0 !important;
   padding: 0 28px 0 10px !important;
   border: 1px solid #e2e2e2 !important;
   border-radius: 4px !important;
   background-color: rgba(0, 0, 0, 0.02) !important;

   cursor: pointer !important;
   line-height: 32px !important;
   font-size: 18px !important;
   text-align: left !important;
   white-space: nowrap !important;
   overflow: hidden !important;
   text-overflow: ellipsis !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-object-toolbar-font-family-select-button::after {
   content: "" !important;
   position: absolute !important;
   right: 10px !important;
   top: 50% !important;
   width: 0 !important;
   height: 0 !important;
   margin: -2px 0 0 0 !important;
   border-left: 5px solid transparent !important;
   border-right: 5px solid transparent !important;
   border-top: 6px solid #000000 !important;
   pointer-events: none !important;
}

.fwdi3dpd-object-toolbar-font-family-dropdown {
   position: absolute !important;
   right: 0 !important;
   top: 100% !important;
   z-index: 20 !important;
   display: none !important;
   width: 220px !important;
   max-height: 260px !important;
   margin: 7px 0 0 0 !important;
   padding: 6px !important;
   border: 1px solid #e2e2e2 !important;
   border-radius: 4px !important;
   background: #ffffff !important;
   box-shadow: 0 0 10px rgba(110, 111, 114, .2) !important;
   overflow-x: hidden !important;
   overflow-y: auto !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-object-toolbar-font-family-select-open {
   height: 32px !important;
}

.fwdi3dpd-object-toolbar-font-family-select-open .fwdi3dpd-object-toolbar-font-family-dropdown {
   display: block !important;
}

.fwdi3dpd-object-toolbar-font-family-option {
   display: block !important;
   width: 100% !important;
   min-height: 32px !important;
   margin: 0 0 4px 0 !important;
   padding: 8px 18px 8px 10px !important;
   border: 0 !important;
   border-radius: 4px !important;
   background: transparent !important;

   cursor: pointer !important;
   font-size: 18px !important;
   line-height: 1.1 !important;
   text-align: left !important;
   white-space: nowrap !important;
   overflow: hidden !important;
   text-overflow: ellipsis !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-object-toolbar-font-family-option:last-child {
   margin-bottom: 0 !important;
}



.fwdi3dpd-object-toolbar-curved-text-window .fwdi3dpd-object-toolbar-secondary-button {
   min-height: 34px !important;
   padding: 8px 6px !important;
}

.fwdi3dpd-object-toolbar-curved-text-window .fwdi3dpd-object-toolbar-secondary-icon {
   width: 100% !important;
}

.fwdi3dpd-object-toolbar-curved-text-window .fwdi3dpd-object-toolbar-secondary-label {
   display: none !important;
}

.fwdi3dpd-object-toolbar-curved-text-window .fwdi3dpd-icon-text-curved-normal{
      font-size: 14px !important;
}

.fwdi3dpd-object-toolbar-curved-text-window .fwdi3dpd-icon-text-curved-oblique,
.fwdi3dpd-object-toolbar-curved-text-window .fwdi3dpd-icon-text-curved-bridge{
      font-size: 15px !important;
}

.fwdi3dpd-object-toolbar-curved-text-window .fwdi3dpd-icon-text-curved-up,
.fwdi3dpd-object-toolbar-curved-text-window .fwdi3dpd-icon-text-curved-down {
      font-size: 22px !important;
}

.fwdi3dpd-object-toolbar-text-format-window .fwdi3dpd-object-toolbar-secondary-icon {
   width: 100% !important;
}

.fwdi3dpd-object-toolbar-text-case-icon {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   width: 100% !important;
   font-size: 18px !important;
   line-height: 1 !important;
}

.fwdi3dpd-object-toolbar-transform-flip-button,
.fwdi3dpd-object-toolbar-secondary-button {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 8px 6px !important;
    border: 1px solid #e2e2e2 !important;
    border-radius: 4px !important;
    background: #f6f6f6 !important;
    color: inherit !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    font-family: Roboto, sans-serif !important;
}

.fwdi3dpd-object-toolbar-transform-flip-icon,
.fwdi3dpd-object-toolbar-transform-flip-label,
.fwdi3dpd-object-toolbar-secondary-icon,
.fwdi3dpd-object-toolbar-secondary-label {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   width: auto !important;
   min-width: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
   box-sizing: border-box !important;
   line-height: 1 !important;
}

.fwdi3dpd-object-toolbar-transform-flip-icon span,
.fwdi3dpd-object-toolbar-secondary-icon span {
   display: block !important;
   margin: 0 !important;
   padding: 0 !important;
   font-size: 19px !important;
   line-height: 1 !important;
}


.fwdi3dpd-object-toolbar-text-format-window .fwdi3dpd-object-toolbar-secondary-icon .fwdi3dpd-object-toolbar-text-case-icon {
   font-size: 15px !important;
}

.fwdi3dpd-object-toolbar-text-format-window .fwdi3dpd-object-toolbar-secondary-icon span.fwdi3dpd-icon-format-align-justify,
.fwdi3dpd-object-toolbar-text-format-window .fwdi3dpd-object-toolbar-secondary-icon span.fwdi3dpd-icon-format-align-left,
.fwdi3dpd-object-toolbar-text-format-window .fwdi3dpd-object-toolbar-secondary-icon span.fwdi3dpd-icon-format-align-center,
.fwdi3dpd-object-toolbar-text-format-window .fwdi3dpd-object-toolbar-secondary-icon span.fwdi3dpd-icon-format-align-right {
   font-size: 14px !important;
}

.fwdi3dpd-object-toolbar-text-format-window .fwdi3dpd-object-toolbar-secondary-icon .fwdi3dpd-icon-format-underline {
   font-size: 17px  !important;
}


.fwdi3dpd-object-toolbar-text-format-window .fwdi3dpd-object-toolbar-secondary-icon span.fwdi3dpd-icon-format-bold{
    font-size: 15px !important;
}

.fwdi3dpd-object-toolbar-text-format-window .fwdi3dpd-object-toolbar-secondary-icon span.fwdi3dpd-icon-format-italic {
   font-size: 16px !important;
}



.fwdi3dpd-object-toolbar-transform-flip-label,
.fwdi3dpd-object-toolbar-secondary-label {
   font-size: 14px !important;
   font-weight: 400 !important;
   line-height: 1.15 !important;
   text-align: center !important;
   white-space: nowrap !important;
   overflow: hidden !important;
   text-overflow: ellipsis !important;
}
.fwdi3dpd-object-toolbar-edit-text-window {
      display: flex !important;
      flex-direction: column !important;
      align-items: stretch !important;
      justify-content: flex-start !important;
      gap: 12px !important;
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      padding: 12px 10px !important;
      box-sizing: border-box !important;
}

.fwdi3dpd-object-toolbar-edit-text-section {
   width: 100% !important;
   min-width: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-object-toolbar-edit-text-textarea {
      display: block !important;
      width: 100% !important;
      min-width: 0 !important;
      min-inline-size: 0 !important;
      height: 31px !important;
      min-height: 31px !important;
      margin: 0 !important;
      padding: 4px 4px !important;
      border: 1px solid transparent !important;
      border-radius: 4px !important;
      background: transparent !important;
      font: 400 16px Roboto, sans-serif !important;
      line-height: 21px !important;
      resize: none !important;
      outline: none !important;
      box-shadow: none !important;
      box-sizing: border-box !important;
      overflow: hidden !important;
      overflow-y: hidden !important;
      overflow-x: hidden !important;
      white-space: pre-wrap !important;
      scrollbar-width: none !important;
      cursor: text !important;
}


.fwdi3dpd-object-toolbar-edit-text-textarea::-webkit-resizer {
   display: none !important;
}

/* Fixed object toolbar mode has more room, so the panel content can breathe. */
.fwdi3dpd-object-toolbar-fixed .fwdi3dpd-object-toolbar-transform-window,
.fwdi3dpd-object-toolbar-fixed .fwdi3dpd-object-toolbar-align-window,
.fwdi3dpd-object-toolbar-fixed .fwdi3dpd-object-toolbar-color-window,
.fwdi3dpd-object-toolbar-fixed .fwdi3dpd-object-toolbar-text-format-window,
.fwdi3dpd-object-toolbar-fixed .fwdi3dpd-object-toolbar-curved-text-window,
.fwdi3dpd-object-toolbar-fixed .fwdi3dpd-object-toolbar-edit-text-window {
   width: 100% !important;
   max-width: none !important;
   gap: 16px !important;
   padding-top: 18px !important;
   padding-bottom: 18px !important;
   box-sizing: border-box !important;
   align-items: stretch !important;
}

.fwdi3dpd-object-toolbar-fixed .fwdi3dpd-object-toolbar-transform-section {
   width: 100% !important;
   max-width: none !important;
   gap: 10px !important;
}

.fwdi3dpd-object-toolbar-fixed .fwdi3dpd-object-toolbar-transform-header,
.fwdi3dpd-object-toolbar-fixed .fwdi3dpd-object-toolbar-transform-slider,
.fwdi3dpd-object-toolbar-fixed .fwdi3dpd-object-toolbar-color-fill-section,
.fwdi3dpd-object-toolbar-fixed .fwdi3dpd-object-toolbar-color-stroke-section {
   width: 100% !important;
   max-width: none !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-object-toolbar-fixed .fwdi3dpd-object-toolbar-align-row,
.fwdi3dpd-object-toolbar-fixed .fwdi3dpd-object-toolbar-text-format-row,
.fwdi3dpd-object-toolbar-fixed .fwdi3dpd-object-toolbar-transform-flip-row {
   width: 100% !important;
   max-width: none !important;
   gap: 11px !important;
}

.fwdi3dpd-object-toolbar-fixed .fwdi3dpd-object-toolbar-color-shadow-section {
   margin-top: 20px !important;
}

.fwdi3dpd-object-toolbar-fixed-mobile .fwdi3dpd-object-toolbar-transform-window {
   gap: 12px !important;
   width: 100% !important;
   max-width: 100% !important;
   padding: 14px 12px !important;
}

.fwdi3dpd-object-toolbar-fixed-mobile .fwdi3dpd-object-toolbar-align-window,
.fwdi3dpd-object-toolbar-fixed-mobile .fwdi3dpd-object-toolbar-text-format-window,
.fwdi3dpd-object-toolbar-fixed-mobile .fwdi3dpd-object-toolbar-curved-text-window {
   gap: 12px !important;
   width: 100% !important;
   max-width: 100% !important;
   padding: 14px 10px 12px !important;
}

.fwdi3dpd-object-toolbar-fixed-mobile .fwdi3dpd-object-toolbar-edit-text-window {
   gap: 12px !important;
   width: 100% !important;
   max-width: 100% !important;
   padding: 12px 10px !important;
}

.fwdi3dpd-object-toolbar-fixed-mobile .fwdi3dpd-object-toolbar-color-window {
   gap: 6px !important;
   width: 100% !important;
   max-width: 100% !important;
   padding: 14px 12px 16px 14px !important;
}

.fwdi3dpd-object-toolbar-fixed-mobile .fwdi3dpd-object-toolbar-transform-section {
   gap: 7px !important;
}

.fwdi3dpd-object-toolbar-fixed-mobile .fwdi3dpd-object-toolbar-color-strokeWidth {
   gap: 11px !important;
}

.fwdi3dpd-object-toolbar-fixed-mobile .fwdi3dpd-object-toolbar-align-row,
.fwdi3dpd-object-toolbar-fixed-mobile .fwdi3dpd-object-toolbar-text-format-row,
.fwdi3dpd-object-toolbar-fixed-mobile .fwdi3dpd-object-toolbar-transform-flip-row {
   gap: 9px !important;
}

.fwdi3dpd-object-toolbar-fixed-mobile .fwdi3dpd-object-toolbar-color-shadow-section {
   margin-top: 14px !important;
}


/* Views window. */
.fwdi3dpd-views-window {
   z-index: 40 !important;
   border-radius: 4px !important;
   box-shadow: 0 0 10px rgba(110, 111, 114, .2) !important;
   overflow: hidden !important;
   pointer-events: auto !important;
}

.fwdi3dpd-views-nav {
   display: flex !important;
   align-items: stretch !important;
   justify-content: center !important;
   width: 100% !important;
   height: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   box-sizing: border-box !important;
   font-family: Roboto, sans-serif !important;
}

.fwdi3dpd-view-edit-size,
.fwdi3dpd-view-locker,
.fwdi3dpd-view-prev,
.fwdi3dpd-show-views-grid,
.fwdi3dpd-view-next {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   height: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   border: 0 !important;
   border-right: 1px solid #e2e2e2 !important;
   background: transparent !important;
   color: inherit !important;
   cursor: pointer !important;
   box-sizing: border-box !important;
   font-family: Roboto, sans-serif !important;
   line-height: 1 !important;
}

.fwdi3dpd-view-prev,
.fwdi3dpd-view-next {
   border-right: 0 !important;
}

.fwdi3dpd-view-prev,
.fwdi3dpd-view-next {
   width: 40px !important;
   flex: 0 0 40px !important;
}

.fwdi3dpd-view-prev span,
.fwdi3dpd-view-next span,
.fwdi3dpd-show-views-grid .fwdi3dpd-icon-pages,
.fwdi3dpd-view-locker span {
   display: inline-flex !important;
   align-items: center !important;
   justify-content: center !important;
   margin: 0 !important;
   padding: 0 !important;
   font-size: 18px !important;
   line-height: 1 !important;
}

.fwdi3dpd-view-prev span,
.fwdi3dpd-view-next span{
   font-size: 18px !important;
}

.fwdi3dpd-view-prev span,
.fwdi3dpd-view-next span {
   width: 100% !important;
   height: 100% !important;
}

.fwdi3dpd-show-views-grid .fwdi3dpd-icon-pages{
   font-size: 21px !important;
   line-height: 22px !important;
   margin: -1px 3px 0 0 !important;
}

.fwdi3dpd-view-prev span {
   transform: scaleX(-1) !important;
   transform-origin: center center !important;
}


.fwdi3dpd-show-views-grid > span {
   display: inline-flex !important;
   align-items: center !important;
   justify-content: center !important;
   height: 22px !important;
   line-height: 22px !important;
}
.fwdi3dpd-show-views-grid {
   gap: 3px !important;
   width: auto !important;
   margin: 0 !important;
   padding: 0 10px !important;
   min-width: 0 !important;
   flex: 0 0 auto !important;
   font-size: 13px !important;
   font-weight: 500 !important;
}

.fwdi3dpd-show-views-grid > .fwdi3dpd-view-label {
   display: inline-flex !important;
   flex-direction: row !important;
   align-items: center !important;
   justify-content: center !important;
   gap: 6px !important;
   height: 100% !important;
   min-width: 0 !important;
   line-height: normal !important;
}

.fwdi3dpd-view-label > .fwdi3dpd-view-name {
   display: inline-block !important;
   max-width: 120px;
   min-width: 0 !important;
   overflow: hidden !important;
   text-overflow: ellipsis !important;
   white-space: nowrap !important;
   font-size: 12px !important;
   font-weight: 600 !important;
   line-height: 18px !important;
}

.fwdi3dpd-view-count {
   display: inline-flex !important;
   align-items: center !important;
   height: 15px !important;
   color: inherit !important;
   font-size: 11px !important;
   font-weight: 500 !important;
   line-height: 15px !important;
}

.fwdi3dpd-view-label > .fwdi3dpd-hidden {
   display: none !important;
}

.fwdi3dpd-view-count > span {
   display: inline !important;
   color: inherit !important;
   font: inherit !important;
}

.fwdi3dpd-view-count > .fwdi3dpd-current-view {
   color: #000 !important;
   font-size: 13px !important;
   font-weight: 600 !important;
}

.fwdi3dpd-view-count > .fwdi3dpd-total-views {
   opacity: .62 !important;
}

.fwdi3dpd-total-views:before {
   content: "/" !important;
}

.fwdi3dpd-disabled {
   opacity: .35 !important;
   cursor: default !important;
   pointer-events: none !important;
}

.fwdi3dpd-hidden {
   display: none !important;
}

.fwdi3dpd-view-input {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   gap: 4px !important;
   margin: 0 4px 0 0 !important;
   padding: 0 !important;
   font-size: 11px !important;
}

.fwdi3dpd-view-input input {
   width: 46px !important;
   height: 24px !important;
   margin: 0 !important;
   padding: 0 4px !important;
   border: 1px solid #e2e2e2 !important;
   border-radius: 4px !important;
   background: #f6f6f6 !important;
   color: #000000 !important;
   font: 400 12px Roboto, sans-serif !important;
   text-align: center !important;
   box-sizing: border-box !important;
}


/* Views grid window. */
.fwdi3dpd-views-grid-window {
   z-index: 41 !important;
   border-radius: 0 !important;
   box-shadow: none !important;
   overflow: visible !important;
   pointer-events: auto !important;
}

.fwdi3dpd-views-grid-window-main {
   position: relative !important;
   width: 100% !important;
   height: 100% !important;
   padding: 12px !important;
   box-sizing: border-box !important;
   overflow: hidden !important;
}

.fwdi3dpd-views-grid-close-button {
   position: absolute !important;
   top: 12px !important;
   right: 12px !important;
   z-index: 2 !important;
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   width: 24px !important;
   height: 24px !important;
   margin: 0 !important;
   padding: 0 !important;
   border: 0 !important;
   border-radius: 4px !important;
   background: #ffffff !important;
   box-shadow: 0 0 10px rgba(110, 111, 114, .2) !important;
   cursor: pointer !important;
   font-size: 12px !important;
   line-height: 1 !important;
}

.fwdi3dpd-views-grid-close-button span {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   width: 100% !important;
   height: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   font-size: 12px !important;
   line-height: 1 !important;
}

.fwdi3dpd-views-grid-list {
   display: grid !important;
   grid-template-columns: repeat(auto-fill, minmax(120px, 160px)) !important;
   grid-auto-rows: max-content !important;
   align-content: start !important;
   align-items: start !important;
   justify-content: start !important;
   gap: 12px !important;
   width: 100% !important;
   height: 100% !important;
   overflow: auto !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-views-grid-item {
   display: flex !important;
   flex-direction: column !important;
   align-items: center !important;
   justify-content: flex-start !important;
   gap: 8px !important;
   min-width: 0 !important;
   width: 160px !important;
   height: auto !important;
   align-self: start !important;
   margin: 0 !important;
   padding: 10px !important;
   border: 0 !important;
   border-radius: 4px !important;
   box-shadow: 0 0 10px rgba(110, 111, 114, .2) !important;
   cursor: pointer !important;
   box-sizing: border-box !important;
   font-family: Roboto, sans-serif !important;
}

.fwdi3dpd-views-grid-thumb-holder {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   width: 100% !important;
   height: 120px !important;
   border-radius: 4px !important;
   overflow: hidden !important;
   background: rgba(0, 0, 0, .04) !important;
}

.fwdi3dpd-views-grid-thumb {
   display: block !important;
   width: 100% !important;
   height: 100% !important;
   object-fit: contain !important;
   margin: 0 !important;
   padding: 0 !important;
   border: 0 !important;
}

.fwdi3dpd-views-grid-thumb-placeholder {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   width: 100% !important;
   height: 100% !important;
   color: rgba(0, 0, 0, .35) !important;
   font-size: 32px !important;
   font-weight: 700 !important;
}

.fwdi3dpd-views-grid-label {
   display: block !important;
   width: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   color: inherit !important;
   font-size: 12px !important;
   line-height: 1.2 !important;
   text-align: center !important;
   overflow: hidden !important;
   text-overflow: ellipsis !important;
   white-space: nowrap !important;
}





/* Preview window. */
.fwdi3dpd-preview-window {
   position: fixed !important;
   left: 0 !important;
   top: 0 !important;
   z-index: 2147483647 !important;
   width: 100vw !important;
   height: 100vh !important;
   margin: 0 !important;
   padding: 0 !important;
   background: var(--fwdi3dpd-preview-overlay-color) !important;
   box-sizing: border-box !important;
   overflow: hidden !important;
}

.fwdi3dpd-preview-panel {
   position: relative !important;
   display: flex !important;
   flex-direction: column !important;
   width: 100% !important;
   height: 100% !important;
   margin: 0 !important;
   padding: 18px !important;
   box-sizing: border-box !important;
   overflow: hidden !important;
   font-family: Roboto, sans-serif !important;
}

.fwdi3dpd-preview-close-button {
   position: fixed !important;
   right: 18px !important;
   top: 18px !important;
   z-index: 2 !important;
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   width: 28px !important;
   height: 28px !important;
   margin: 0 !important;
   padding: 0 !important;
   border: 0 !important;
   border-radius: 0 !important;
   background: transparent !important;
   box-shadow: none !important;
   cursor: pointer !important;
   box-sizing: border-box !important;
   line-height: 1 !important;
}

.fwdi3dpd-preview-close-button span {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   width: 100% !important;
   height: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   font-size: 18px !important;
   line-height: 1 !important;
}

.fwdi3dpd-preview-header {
   flex: 0 0 auto !important;
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   width: 100% !important;
   min-height: 34px !important;
   margin: 0 0 14px 0 !important;
   padding: 0 44px !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-preview-title {
   display: block !important;
   max-width: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   color: var(--fwdi3dpd-preview-title-color) !important;
   font: 500 18px Roboto, sans-serif !important;
   line-height: 1.2 !important;
   text-align: center !important;
   overflow: hidden !important;
   text-overflow: ellipsis !important;
   white-space: nowrap !important;
}

.fwdi3dpd-preview-list-window {
   flex: 1 1 auto !important;
   position: relative !important;
   display: block !important;
   width: 100% !important;
   min-height: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
   box-sizing: border-box !important;
   overflow: hidden !important;
}

.fwdi3dpd-preview-list {
   display: flex !important;
   flex-wrap: wrap !important;
   align-content: center !important;
   align-items: center !important;
   justify-content: center !important;
   gap: 18px !important;
   width: 100% !important;
   min-height: 100% !important;
   margin: 0 !important;
   padding: 0 18px !important;
   box-sizing: border-box !important;
   overflow: visible !important;
}

.fwdi3dpd-preview-scrollbar {
   z-index: 2147483647 !important;
}

.fwdi3dpd-saved-designs-lightbox-body {
   position: relative !important;
   flex: 1 1 auto !important;
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   width: 100% !important;
   min-height: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
   box-sizing: border-box !important;
   overflow: hidden !important;
}

.fwdi3dpd-saved-designs-lightbox .fwdi3dpd-saved-designs-window {
   position: relative !important;
   left: auto !important;
   top: auto !important;
   width: min(680px, calc(100vw - 36px)) !important;
   max-width: 680px !important;
   height: min(640px, calc(100vh - 104px)) !important;
   max-height: 640px !important;
}

.fwdi3dpd-saved-designs-window-lightbox-mode .fwdi3dpd-saved-designs-content {
   gap: 12px !important;
   padding: 9px 9px 9px !important;
}

.fwdi3dpd-saved-designs-window-lightbox-mode .fwdi3dpd-saved-designs-controls {
   display: flex !important;
   max-width: none !important;
   margin: 0 !important;
}

.fwdi3dpd-saved-designs-window-lightbox-mode .fwdi3dpd-saved-designs-list {
   display: grid !important;
   grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
   justify-content: stretch !important;
   align-content: start !important;
   row-gap: 12px !important;
   column-gap: 12px !important;
   width: 100% !important;
   min-height: 0 !important;
   padding: 0 0 11px 0 !important;
}

.fwdi3dpd-saved-designs-window-lightbox-mode .fwdi3dpd-saved-designs-item {
   width: 100% !important;
   max-width: none !important;
   min-width: 0 !important;
   min-height: 155px !important;
   aspect-ratio: 36 / 35 !important;
   padding: 11px !important;
}

.fwdi3dpd-saved-designs-window-lightbox-mode .fwdi3dpd-saved-designs-item-title {
   color: var(--fwdi3dpd-saved-designs-title-color) !important;
}

@media (max-width: 700px) {
   .fwdi3dpd-saved-designs-lightbox .fwdi3dpd-saved-designs-window {
      width: min(520px, calc(100vw - 24px)) !important;
      height: min(560px, calc(100vh - 92px)) !important;
   }

   .fwdi3dpd-saved-designs-window-lightbox-mode .fwdi3dpd-saved-designs-list {
      grid-template-columns: repeat(auto-fill, minmax(144px, 1fr)) !important;
      row-gap: 9px !important;
      column-gap: 9px !important;
   }

   .fwdi3dpd-saved-designs-window-lightbox-mode .fwdi3dpd-saved-designs-item {
      min-height: 120px !important;
   }
}

.fwdi3dpd-preview-item {
   display: flex !important;
   flex: 0 0 auto !important;
   flex-direction: column !important;
   align-items: center !important;
   justify-content: center !important;
   gap: 10px !important;
   min-width: 0 !important;
   min-height: 0 !important;
   max-height: none !important;
   margin: 0 !important;
   padding: 14px !important;
   border-radius: 4px !important;
   background: var(--fwdi3dpd-preview-item-bg) !important;
   box-shadow: 0 0 10px rgba(110, 111, 114, .25) !important;
   box-sizing: border-box !important;
   overflow: hidden !important;
}

.fwdi3dpd-preview-image-holder {
   display: flex !important;
   flex: 0 0 auto !important;
   align-items: center !important;
   justify-content: center !important;
   min-height: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
   box-sizing: border-box !important;
   overflow: hidden !important;
}

.fwdi3dpd-preview-image {
   display: block !important;
   width: auto !important;
   height: auto !important;
   max-width: 100% !important;
   max-height: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   border: 0 !important;
   object-fit: contain !important;
   user-select: none !important;
   -webkit-user-drag: none !important;
}

.fwdi3dpd-preview-label {
   flex: 0 0 auto !important;
   display: block !important;
   width: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   color: var(--fwdi3dpd-preview-item-text) !important;
   font: 500 13px Roboto, sans-serif !important;
   line-height: 1.2 !important;
   text-align: center !important;
   overflow: hidden !important;
   text-overflow: ellipsis !important;
   white-space: nowrap !important;
}

.fwdi3dpd-preview-loading {
   align-self: center !important;
   justify-self: center !important;
   display: block !important;
   margin: 0 !important;
   padding: 14px 18px !important;
   border-radius: 4px !important;
   background: var(--fwdi3dpd-preview-item-bg) !important;
   color: var(--fwdi3dpd-preview-item-text) !important;
   box-shadow: 0 0 10px rgba(110, 111, 114, .25) !important;
   font: 500 14px Roboto, sans-serif !important;
   line-height: 1.2 !important;
   text-align: center !important;
}

@media (max-width: 700px) {
   .fwdi3dpd-preview-list {
      row-gap: 12px !important;
      column-gap: 12px !important;
      padding: 0 12px !important;
   }
}

@media (max-width: 670px) {
   .fwdi3dpd-preview-panel {
      padding: 10px !important;
   }

   .fwdi3dpd-preview-close-button {
      top: 10px !important;
      right: 10px !important;
   }

   .fwdi3dpd-preview-header {
      min-height: 30px !important;
      margin-bottom: 10px !important;
   }

   .fwdi3dpd-preview-list {
      gap: 10px !important;
      padding: 0 0 !important;
   }

   .fwdi3dpd-preview-item {
      min-height: 0 !important;
      max-height: none !important;
      padding: 10px !important;
   }
}



/* Add shapes window. */
.fwdi3dpd-add-shapes-window {
   overflow: hidden !important;
}

.fwdi3dpd-add-shapes-list {
   display: grid !important;
   grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
   row-gap: 9px !important;
   column-gap: 6px !important;
   width: 100% !important;
   box-sizing: border-box !important;
   padding: 9px 9px 11px 9px !important;
}

.fwdi3dpd-add-shapes-item {
   position: relative !important;
   display: flex !important;
   flex-direction: column !important;
   align-items: center !important;
   justify-content: center !important;
   justify-self: center !important;
   width: 100% !important;
   max-width: 154px !important;
   min-height: 104px !important;
   height: auto !important;
   aspect-ratio: 36 / 35 !important;
   margin: 0 !important;
   padding: 11px !important;
   border: 0 !important;
   border-radius: 4px !important;
   box-shadow: 0 0 10px rgba(110, 111, 114, .2) !important;
   cursor: pointer !important;
   box-sizing: border-box !important;
   font-family: Roboto, sans-serif !important;
   overflow: hidden !important;
   text-align: center !important;
   user-select: none !important;
   -webkit-user-drag: none !important;
}

.fwdi3dpd-add-shapes-thumb {
   position: relative !important;
   z-index: 1 !important;
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   width: 100% !important;
   height: 94px !important;
   margin: 0 !important;
   padding: 0 !important;
   pointer-events: none !important;
}

.fwdi3dpd-add-shapes-thumb svg {
   display: block !important;
   width: 82px !important;
   height: 82px !important;
   max-width: 100% !important;
   max-height: 100% !important;
}

.fwdi3dpd-add-shapes-label {
   position: relative !important;
   z-index: 3 !important;
   display: block !important;
   width: 100% !important;
   height: 16px !important;
   margin: 4px 0 0 0 !important;
   padding: 0 !important;
   color: #333333 !important;
   font: 500 11px Roboto, sans-serif !important;
   line-height: 16px !important;
   text-align: center !important;
   text-transform: uppercase !important;
   overflow: hidden !important;
   text-overflow: ellipsis !important;
   white-space: nowrap !important;
   pointer-events: none !important;
}

.fwdi3dpd-add-shapes-item-overlay {
   position: absolute !important;
   z-index: 2 !important;
   left: 0 !important;
   top: 0 !important;
   width: 100% !important;
   height: 100% !important;
   border-radius: inherit !important;
   pointer-events: none !important;
}

.fwdi3dpd-add-shapes-item-price {
   position: absolute !important;
   z-index: 3 !important;
   right: 6px !important;
   bottom: 6px !important;
   min-width: 20px !important;
   height: 22px !important;
   padding: 2px 7px !important;
   border-radius: 4px !important;
   box-sizing: border-box !important;
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   font-size: 11px !important;
   line-height: 1 !important;
   white-space: nowrap !important;
   pointer-events: none !important;
}

/* Artwork Library window. */
.fwdi3dpd-artwork-library-window {
   overflow: hidden !important;
}

.fwdi3dpd-artwork-library-content {
   display: flex !important;
   flex-direction: column !important;
   gap: 9px !important;
   width: 100% !important;
   height: 100% !important;
   padding: 9px 9px 0 9px !important;
   box-sizing: border-box !important;
   overflow: hidden !important;
}

.fwdi3dpd-artwork-library-controls {
   display: flex !important;
   flex-direction: row !important;
   align-items: center !important;
   gap: 8px !important;
   width: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-artwork-library-back-button {
   flex: 0 0 34px !important;
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   width: 34px !important;
   height: 34px !important;
   margin: 0 !important;
   padding: 0 !important;
   border: 0 !important;
   border-radius: 4px !important;
   outline: none !important;
   box-sizing: border-box !important;
   cursor: pointer !important;
   font-size: 15px !important;
   line-height: 1 !important;
}

.fwdi3dpd-artwork-library-search {
   display: block !important;
   flex: 1 1 auto !important;
   width: auto !important;
   min-width: 0 !important;
   height: 34px !important;
   margin: 0 !important;
   padding: 0 10px !important;
   border-width: 1px !important;
   border-style: solid !important;
   border-color: #e2e2e2;
   border-radius: 4px !important;
   outline: none !important;
   box-sizing: border-box !important;
   font: 400 12px Roboto, sans-serif !important;
   line-height: 34px !important;
}

.fwdi3dpd-artwork-library-categories {
   display: grid !important;
   grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
   row-gap: 9px !important;
   column-gap: 6px !important;
   width: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-artwork-library-category-button {
   position: relative !important;
   display: flex !important;
   flex-direction: column !important;
   align-items: center !important;
   justify-content: center !important;
   justify-self: center !important;
   width: 100% !important;
   max-width: 154px !important;
   min-height: 104px !important;
   height: auto !important;
   aspect-ratio: 36 / 35 !important;
   margin: 0 !important;
   padding: 11px !important;
   border: 0 !important;
   border-radius: 4px !important;
   outline: none !important;
   box-shadow: 0 0 10px rgba(110, 111, 114, .2) !important;
   cursor: pointer !important;
   box-sizing: border-box !important;
   font-family: Roboto, sans-serif !important;
   text-align: center !important;
   overflow: hidden !important;
   user-select: none !important;
   -webkit-user-drag: none !important;
}

.fwdi3dpd-artwork-library-category-thumb {
   position: relative !important;
   z-index: 1 !important;
   display: block !important;
   width: 100% !important;
   height: 94px !important;
   margin: 0 !important;
   padding: 0 !important;
   object-fit: contain !important;
   pointer-events: none !important;
   user-select: none !important;
   -webkit-user-drag: none !important;
}

.fwdi3dpd-artwork-library-category-thumb-empty {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   color: currentColor !important;
   font: 700 30px Roboto, sans-serif !important;
   text-transform: uppercase !important;
}

.fwdi3dpd-artwork-library-category-label {
   position: relative !important;
   z-index: 3 !important;
   display: block !important;
   width: 100% !important;
   height: 16px !important;
   margin: 4px 0 0 0 !important;
   padding: 0 !important;
   color: currentColor !important;
   font: 500 11px Roboto, sans-serif !important;
   line-height: 16px !important;
   text-align: center !important;
   text-transform: uppercase !important;
   overflow: hidden !important;
   text-overflow: ellipsis !important;
   white-space: nowrap !important;
   pointer-events: none !important;
}

.fwdi3dpd-artwork-library-category-overlay {
   position: absolute !important;
   z-index: 2 !important;
   left: 0 !important;
   top: 0 !important;
   width: 100% !important;
   height: 100% !important;
   border-radius: inherit !important;
   pointer-events: none !important;
}

.fwdi3dpd-artwork-library-list {
   display: grid !important;
   grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
   row-gap: 9px !important;
   column-gap: 6px !important;
   width: 100% !important;
   box-sizing: border-box !important;
   padding: 0 0 11px 0 !important;
}

.fwdi3dpd-artwork-library-not-found {
   grid-column: 1 / -1 !important;
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   width: 100% !important;
   min-height: 80px !important;
   margin: 0 !important;
   padding: 12px !important;
   box-sizing: border-box !important;
   font: 400 12px Roboto, sans-serif !important;
   line-height: 1.4 !important;
   text-align: center !important;
}

.fwdi3dpd-artwork-library-item {
   position: relative !important;
   display: flex !important;
   flex-direction: column !important;
   align-items: center !important;
   justify-content: center !important;
   justify-self: center !important;
   width: 100% !important;
   max-width: 154px !important;
   min-height: 104px !important;
   height: auto !important;
   aspect-ratio: 36 / 35 !important;
   margin: 0 !important;
   padding: 11px !important;
   border: 0 !important;
   border-radius: 4px !important;
   box-shadow: 0 0 10px rgba(110, 111, 114, .2) !important;
   cursor: pointer !important;
   box-sizing: border-box !important;
   font-family: Roboto, sans-serif !important;
   overflow: hidden !important;
   text-align: center !important;
   user-select: none !important;
   -webkit-user-drag: none !important;
}

.fwdi3dpd-artwork-library-thumb {
   position: relative !important;
   z-index: 1 !important;
   display: block !important;
   width: 100% !important;
   height: 94px !important;
   margin: 0 !important;
   padding: 0 !important;
   object-fit: contain !important;
   pointer-events: none !important;
   user-select: none !important;
   -webkit-user-drag: none !important;
}

.fwdi3dpd-artwork-library-label {
   position: relative !important;
   z-index: 3 !important;
   display: block !important;
   width: 100% !important;
   height: 16px !important;
   margin: 4px 0 0 0 !important;
   padding: 0 !important;
   color: #333333 !important;
   font: 500 11px Roboto, sans-serif !important;
   line-height: 16px !important;
   text-align: center !important;
   text-transform: uppercase !important;
   overflow: hidden !important;
   text-overflow: ellipsis !important;
   white-space: nowrap !important;
   pointer-events: none !important;
}

.fwdi3dpd-artwork-library-item-overlay {
   position: absolute !important;
   z-index: 2 !important;
   left: 0 !important;
   top: 0 !important;
   width: 100% !important;
   height: 100% !important;
   border-radius: inherit !important;
   pointer-events: none !important;
}

.fwdi3dpd-artwork-library-item-price {
   position: absolute !important;
   z-index: 3 !important;
   right: 6px !important;
   bottom: 6px !important;
   min-width: 20px !important;
   height: 22px !important;
   padding: 2px 7px !important;
   border-radius: 4px !important;
   box-sizing: border-box !important;
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   font-size: 11px !important;
   line-height: 1 !important;
   pointer-events: none !important;
}
/* Keep large color swatch lists from overlapping the Fill/Stroke labels. */
.fwdi3dpd-object-toolbar-color-fill-section .fwdi3dpd-object-toolbar-color-palette,
.fwdi3dpd-object-toolbar-color-stroke-section .fwdi3dpd-object-toolbar-color-palette {
   clear: both !important;
}

.fwdi3dpd-object-toolbar-color-fill-section-svg .fwdi3dpd-object-toolbar-color-fill-controls {
   align-items: flex-start !important;
}
/* Prevent many color swatches from flowing under the color label. */
.fwdi3dpd-object-toolbar-color-fill-section,
.fwdi3dpd-object-toolbar-color-stroke-section {
   display: grid !important;
   grid-template-columns: auto minmax(0, 1fr) !important;
   align-items: flex-start !important;
   justify-content: stretch !important;
   column-gap: 9px !important;
   row-gap: 6px !important;
}

.fwdi3dpd-object-toolbar-color-fill-section .fwdi3dpd-object-toolbar-color-label-controls,
.fwdi3dpd-object-toolbar-color-stroke-section .fwdi3dpd-object-toolbar-color-label-controls {
   grid-column: 1 / 2 !important;
   align-self: flex-start !important;
}

.fwdi3dpd-object-toolbar-color-fill-section > .fwdi3dpd-object-toolbar-color-fill-controls,
.fwdi3dpd-object-toolbar-color-stroke-section > .fwdi3dpd-object-toolbar-color-palette {
   grid-column: 2 / 3 !important;
   min-width: 0 !important;
   max-width: 100% !important;
   justify-self: stretch !important;
}

.fwdi3dpd-object-toolbar-color-fill-section > .fwdi3dpd-object-toolbar-color-fill-controls,
.fwdi3dpd-object-toolbar-color-fill-section .fwdi3dpd-object-toolbar-color-palette,
.fwdi3dpd-object-toolbar-color-stroke-section > .fwdi3dpd-object-toolbar-color-palette {
   justify-content: flex-end !important;
}
/* Products window. */
.fwdi3dpd-products-window {
   overflow: hidden !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-products-list-window {
   overflow: hidden !important;
}

.fwdi3dpd-products-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    row-gap: 9px !important;
    column-gap: 6px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 0 11px 0 !important;
}

.fwdi3dpd-products-item {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: center !important;
    width: 100% !important;
    max-width: 154px !important;
    min-height: 104px !important;
    height: auto !important;
    aspect-ratio: 36 / 35 !important;
    padding: 11px !important;
    border: 0 !important;
    outline: none !important;
    appearance: none !important;
    border-radius: 4px !important;
    box-shadow: 0 0 10px rgba(110, 111, 114, .2) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    cursor: pointer !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
}

.fwdi3dpd-products-item:active {
    cursor: pointer !important;
}

.fwdi3dpd-products-item:disabled,
.fwdi3dpd-products-item:disabled:active {
    cursor: default !important;
}

.fwdi3dpd-products-item-selected,
.fwdi3dpd-products-item-selected:active {
    cursor: auto !important;
}

.fwdi3dpd-products-thumb {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    object-fit: contain !important;
    pointer-events: none !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
}

.fwdi3dpd-products-thumb-placeholder {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    color: rgba(0, 0, 0, .35) !important;
    font: 700 32px Roboto, sans-serif !important;
    pointer-events: none !important;
    user-select: none !important;
}
.fwdi3dpd-products-item-selected .fwdi3dpd-products-thumb,
.fwdi3dpd-products-item-selected .fwdi3dpd-products-thumb-placeholder {
    opacity: .35 !important;
}

.fwdi3dpd-products-item-overlay {
    position: absolute !important;
    z-index: 2 !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: inherit !important;
    pointer-events: none !important;
}
.fwdi3dpd-products-item-title {
    position: absolute !important;
    z-index: 3 !important;
    left: 50% !important;
    bottom: 6px !important;
    display: block !important;
    max-width: calc(100% - 12px) !important;
    min-height: 22px !important;
    padding: 8px 8px 6px !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
    font-family: Roboto, sans-serif !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transform: translateX(-50%) !important;
    pointer-events: none !important;
}


/* Saved designs window. */
.fwdi3dpd-saved-designs-window {
   overflow: hidden !important;
   box-sizing: border-box !important;
}

.fwdi3dpd-saved-designs-content {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 9px 9px 9px !important;
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;
    font-family: Roboto, sans-serif !important;
    overflow: hidden !important;
}

.fwdi3dpd-saved-designs-controls {
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.fwdi3dpd-saved-designs-title-input {
    display: block !important;
    width: 100% !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 1px 10px 0 !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #e2e2e2;
    border-radius: 4px !important;
    outline: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    font: 400 14px Roboto, sans-serif !important;
    line-height: 1 !important;
}

.fwdi3dpd-saved-designs-save-button {
    display: block !important;
    margin: 3px auto 4px !important;
    min-width: 90px !important;
    width: auto !important;
    height: 34px !important;
    padding: 2px 18px 0 18px !important;
    border: 0 !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font: 500 14px Roboto, sans-serif !important;
    line-height: 1 !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.fwdi3dpd-saved-designs-save-button:disabled {
    opacity: .55 !important;
}

.fwdi3dpd-saved-designs-list-window {
   overflow: hidden !important;
}

.fwdi3dpd-saved-designs-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    row-gap: 9px !important;
    column-gap: 6px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 0 11px 0 !important;
}

.fwdi3dpd-saved-designs-item {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: center !important;
    width: 100% !important;
    max-width: 154px !important;
    min-height: 104px !important;
    height: auto !important;
    aspect-ratio: 36 / 35 !important;
    padding: 11px !important;
    border: 0 !important;
    outline: none !important;
    appearance: none !important;
    border-radius: 4px !important;
    box-shadow: 0 0 10px rgba(110, 111, 114, .2) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    cursor: pointer !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
}

.fwdi3dpd-saved-designs-item:active {
    cursor: pointer !important;
}

.fwdi3dpd-saved-designs-item:disabled,
.fwdi3dpd-saved-designs-item:disabled:active {
    cursor: default !important;
}

.fwdi3dpd-saved-designs-thumb {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    object-fit: contain !important;
    pointer-events: none !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
}

.fwdi3dpd-saved-designs-thumb-placeholder {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    color: rgba(0, 0, 0, .35) !important;
    font: 700 32px Roboto, sans-serif !important;
    pointer-events: none !important;
    user-select: none !important;
}

.fwdi3dpd-saved-designs-item-overlay {
    position: absolute !important;
    z-index: 2 !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: inherit !important;
    pointer-events: none !important;
}

.fwdi3dpd-saved-designs-item-title {
    position: absolute !important;
    z-index: 3 !important;
    left: 50% !important;
    bottom: 6px !important;
    display: block !important;
    width: calc(100% - 8px) !important;
    max-width: calc(100% - 12px) !important;
    min-height: 22px !important;
    padding: 8px 8px 6px !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
    font-family: Roboto, sans-serif !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    white-space: pre-line !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    transform: translateX(-50%) !important;
    pointer-events: none !important;
}

.fwdi3dpd-saved-designs-item-close-button {
    position: absolute !important;
    z-index: 4 !important;
    right: 6px !important;
    top: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-size: 11px !important;
    line-height: 1 !important;
    box-shadow: 0 0 10px rgba(110, 111, 114, .2) !important;
    box-sizing: border-box !important;
}

.fwdi3dpd-saved-designs-item-close-button:before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 12px !important;
    height: 1px !important;
    background: currentColor !important;
    transform: translate(-50%, -50%) rotate(45deg) !important;
}

.fwdi3dpd-saved-designs-item-close-button:after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 12px !important;
    height: 1px !important;
    background: currentColor !important;
    transform: translate(-50%, -50%) rotate(-45deg) !important;
}

/* Responsive module thumbnails. */
.fwdi3dpd-modules-content-window-bottom .fwdi3dpd-add-images-list,
.fwdi3dpd-modules-content-window-bottom .fwdi3dpd-add-text-list,
.fwdi3dpd-modules-content-window-bottom .fwdi3dpd-add-shapes-list,
.fwdi3dpd-modules-content-window-bottom .fwdi3dpd-artwork-library-categories,
.fwdi3dpd-modules-content-window-bottom .fwdi3dpd-artwork-library-list,
.fwdi3dpd-modules-content-window-bottom .fwdi3dpd-products-list,
.fwdi3dpd-modules-content-window-bottom .fwdi3dpd-saved-designs-list {
    grid-template-columns: repeat(auto-fill, minmax(144px, 1fr)) !important;
}

.fwdi3dpd-modules-content-window-bottom .fwdi3dpd-add-images-item,
.fwdi3dpd-modules-content-window-bottom .fwdi3dpd-add-text-item,
.fwdi3dpd-modules-content-window-bottom .fwdi3dpd-add-shapes-item,
.fwdi3dpd-modules-content-window-bottom .fwdi3dpd-artwork-library-category-button,
.fwdi3dpd-modules-content-window-bottom .fwdi3dpd-artwork-library-item,
.fwdi3dpd-modules-content-window-bottom .fwdi3dpd-products-item,
.fwdi3dpd-modules-content-window-bottom .fwdi3dpd-saved-designs-item {
    justify-self: stretch !important;
    width: 100% !important;
    max-width: none !important;
}

.fwdi3dpd-modules-content-window-bottom .fwdi3dpd-add-images-item,
.fwdi3dpd-modules-content-window-bottom .fwdi3dpd-add-shapes-item,
.fwdi3dpd-modules-content-window-bottom .fwdi3dpd-artwork-library-category-button,
.fwdi3dpd-modules-content-window-bottom .fwdi3dpd-artwork-library-item,
.fwdi3dpd-modules-content-window-bottom .fwdi3dpd-products-item,
.fwdi3dpd-modules-content-window-bottom .fwdi3dpd-saved-designs-item {
    height: 140px !important;
    min-height: 140px !important;
    aspect-ratio: auto !important;
}

@container fwdi3dpd-product (max-width: 899px) {
    .fwdi3dpd-add-images-list,
    .fwdi3dpd-add-text-list,
    .fwdi3dpd-add-shapes-list,
    .fwdi3dpd-artwork-library-categories,
    .fwdi3dpd-artwork-library-list,
    .fwdi3dpd-products-list,
    .fwdi3dpd-saved-designs-list {
        column-gap: 10px !important;
    }
}
/* Prevent interaction and hover animations on all disabled plugin buttons. */
.fwdi3dpd-admin button:disabled,
.fwdi3dpd-admin .button:disabled,
button[class*="fwdi3dpd-"]:disabled{
    pointer-events: none !important;
    transition: none !important;
}
html body .fwdi3dpd-lightbox button.fwdi3dpd-lightbox-close-button,
html body .fwdi3dpd-lightbox button.fwdi3dpd-lightbox-close-button:focus,
html body .fwdi3dpd-lightbox button.fwdi3dpd-lightbox-close-button:focus-visible,
html body .fwdi3dpd-lightbox button.fwdi3dpd-lightbox-close-button:active {
    outline: none !important;
    box-shadow: none !important;
}

html body button.fwdi3dpd-display-button,
html body button.fwdi3dpd-display-button:focus,
html body button.fwdi3dpd-display-button:focus-visible,
html body button.fwdi3dpd-display-button:active {
    outline: none !important;
    box-shadow: none !important;
}