/**
 * Iza 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*="fwdipd-"][class*="button"],
[class*="fwdipd-"][class*="button"] *,
[class*="fwdipd-"][class*="button"]::before,
[class*="fwdipd-"][class*="button"]::after,
[class*="fwdipd-"][class*="button"] *::before,
[class*="fwdipd-"][class*="button"] *::after {
  transition: none !important;
  animation-delay: 0s !important;
}


/* Font icon. */
@font-face {
    font-family: 'fwdipdicon';
    src: url('fonts/fwdipd-icon.woff?v20260711b') format('woff'),
      url('fonts/fwdipd-icon.ttf?v20260711b') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  .fwdipdicon,
  [class^="fwdipd-icon-"]:before,
  [class*=" fwdipd-icon-"]:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'fwdipdicon' !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;
}


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


/* General settings. */
.fwdpid{
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(110, 111, 114, .23);
    container-type: inline-size;
    container-name: fwdipd-product;
}


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

.fwdipd-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;
}

.fwdipd-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: fwdipd-preloader-spin .8s linear infinite;
}

.fwdipd-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 fwdipd-preloader-spin {
   from {
      transform: rotate(0deg);
   }

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


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

.fwdipd-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;
}

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

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

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

.fwdipd-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;
}

.fwdipd-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;
}

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

.fwdipd-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;
}

.fwdipd-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;
}

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

.fwdipd-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;
}

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

.fwdipd-info-window-content dt {
   font-weight: 700 !important;
   color: #3858e9 !important;
}

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

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

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

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-download-window-scope-button,
.fwdipd-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;
}

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

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

.fwdipd-download-window-format-label,
.fwdipd-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;
}

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

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

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

.fwdipd-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. */
.fwdipd-action-bar {
   height: 50px !important;
   z-index: 30 !important;
   overflow: visible !important;
}

.fwdipd-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;
}

.fwdipd-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;
}

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

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

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

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

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

.fwdipd-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;
}

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

.fwdipd-action-bar-button-rightList {
   gap: 3px !important;
}

.fwdipd-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;
}

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

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

.fwdipd-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;
}

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

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

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

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

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

.fwdipd-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: #3858e9 !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;
}

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

.fwdipd-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;
}

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

.fwdipd-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;
}

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

.fwdipd-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;
}

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

.fwdipd-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;
}

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

.fwdipd-action-bar-left-list-item-button .fwdipd-action-bar-button-icon span {
   display: block !important;
   margin: 0 !important;
   padding: 0 !important;
   font-size: 17px !important;
   line-height: 1 !important;
}

.fwdipd-action-bar-left-list-item-button .fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-action-bar-zoom-label,
.fwdipd-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;
}

.fwdipd-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: #3858e9 !important;
   box-sizing: border-box !important;
   --fwdipd-zoom-slider-handle-color: #f6f6f6;
   --fwdipd-zoom-slider-handle-border-color: #3858e9;
   cursor: pointer !important;
}

.fwdipd-action-bar-zoom-slider::-webkit-slider-thumb {
   width: 16px !important;
   height: 16px !important;
   margin-top: 0 !important;
   border: 2px solid var(--fwdipd-zoom-slider-handle-border-color) !important;
   border-radius: 50% !important;
   background: var(--fwdipd-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;
}

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

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

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

.fwdipd-action-bar-button-icon,
.fwdipd-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;
}

.fwdipd-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;
}

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

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

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

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

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

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

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

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


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

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

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

.fwdipd-modules-bar-bottom .fwdipd-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;
}

.fwdipd-modules-bar-bottom .fwdipd-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;
}

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

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

.fwdipd-modules-bar-bottom.fwdipd-modules-bar-bottom-scroll .fwdipd-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;
}

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

.fwdipd-modules-bar-bottom.fwdipd-modules-bar-bottom-scroll .fwdipd-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;
}

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

.fwdipd-modules-bar-bottom .fwdipd-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;
}

.fwdipd-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;
}

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

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

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

.fwdipd-module-button-icon-holder,
.fwdipd-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;
}

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

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

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

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

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

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

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

.fwdipd-modules-bar-object-toolbar-mode .fwdipd-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;
}

.fwdipd-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. */
.fwdipd-modules-content-window {
  border-right: 1px solid #e2e2e2 !important;
  max-width: 340px !important;
  overflow: visible !important;
  z-index: 2147483643 !important;
}

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

.fwdipd-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;
}

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

.fwdipd-modules-content-window-full-surface:not(.fwdipd-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(--fwdipd-modules-border-color, #e2e2e2) !important;
  pointer-events: none !important;
}

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

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

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

.fwdipd-modules-content-window-full-surface > .fwdipd-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;
}

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

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

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


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

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

.fwdipd-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;
}

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

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

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

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

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-layer-text-editor-holder:focus-within {
    border-color: #3858e9 !important;
}

.fwdipd-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;
}

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

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

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

.fwdipd-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;
}

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

.fwdipd-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;
}
.fwdipd-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;
}

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

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

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

.fwdipd-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;
}

.fwdipd-layer-type,
.fwdipd-layer-drag,
.fwdipd-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;
}

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

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

.fwdipd-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;
}

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

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

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

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

.fwdipd-layer-visibility,
.fwdipd-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;
}

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

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

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

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

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

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

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

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



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

.fwdipd-canvas-window-panning {
   cursor: grabbing !important;
}

.fwdipd-canvas-window-panning * {
   cursor: grabbing !important;
}

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

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

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

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

.fwdipd-bounds-inputs {
   position: absolute !important;
   z-index: 2147483601 !important;
   display: flex;
   align-items: center !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;
}

.fwdipd-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;
}

.fwdipd-bounds-inputs input {
   width: 48px !important;
   height: 28px !important;
   margin: 0 !important;
   padding: 0 5px !important;
   border: 1px solid var(--fwdipd-bounds-input-border, #e2e2e2) !important;
   border-radius: 4px !important;
   background: var(--fwdipd-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;
}

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

.fwdipd-bounds-inputs input:focus {
   border-color: var(--fwdipd-bounds-input-border-focus, #3858e9) !important;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.fwdipd-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;
}

.fwdipd-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. */
.fwdipd-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. */
.fwdipd-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;
}

.fwdipd-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;
}

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

.fwdipd-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;
}

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

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

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

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

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

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

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

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

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

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

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

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

.fwdipd-object-toolbar-button-icon .fwdipd-icon-curved-text {
   font-size: 19px !important;
}
.fwdipd-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;
}

.fwdipd-object-toolbar-fixed .fwdipd-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;
}

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

.fwdipd-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;
}

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

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

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

.fwdipd-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;
}

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

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

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

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

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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(--fwdipd-toolbar-slider-border, #e2e2e2) !important;
    border-radius: 999px !important;
    background: var(--fwdipd-toolbar-slider-bg, #f6f6f6) !important;
    box-sizing: border-box !important;
}

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

.fwdipd-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(--fwdipd-toolbar-slider-fill, #3858e9) !important;
    pointer-events: none !important;
    box-sizing: border-box !important;
}

.fwdipd-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(--fwdipd-toolbar-slider-handle-border, #3858e9) !important;
   border-radius: 50% !important;
   background: var(--fwdipd-toolbar-slider-handle, #f6f6f6) !important;
   pointer-events: none !important;
   box-sizing: border-box !important;
   cursor: pointer !important;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

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

.fwdipd-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;
}

.fwdipd-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(--fwdipd-toolbar-slider-border, #e2e2e2) !important;
   border-radius: 4px !important;
   background: var(--fwdipd-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;
}

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

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

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

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

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

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

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-object-toolbar-color-picker-field,
.fwdipd-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. */
.fwdipd-add-images-window {
    box-sizing: border-box !important;
}

.fwdipd-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;
}

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

.fwdipd-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;
}

.fwdipd-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(--fwdipd-add-images-drop-border-color, #00FF00) 0 8px, transparent 8px 14px) left top / 100% 1px no-repeat,
        repeating-linear-gradient(90deg, var(--fwdipd-add-images-drop-border-color, #00FF00) 0 8px, transparent 8px 14px) left bottom / 100% 1px no-repeat,
        repeating-linear-gradient(180deg, var(--fwdipd-add-images-drop-border-color, #00FF00) 0 8px, transparent 8px 14px) left top / 1px 100% no-repeat,
        repeating-linear-gradient(180deg, var(--fwdipd-add-images-drop-border-color, #00FF00) 0 8px, transparent 8px 14px) right top / 1px 100% no-repeat !important;
}

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

.fwdipd-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;
}

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

.fwdipd-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;
}

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

.fwdipd-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;
}

.fwdipd-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;
}

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

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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: fwdipd-preloader-spin .8s linear infinite !important;
    pointer-events: none !important;
}

.fwdipd-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;
}

.fwdipd-add-images-item-close-button,
.fwdipd-add-text-item-close-button,
.fwdipd-add-shapes-item-close-button,
.fwdipd-artwork-library-item-close-button,
.fwdipd-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;
}

.fwdipd-add-images-item-close-button:before,
.fwdipd-add-text-item-close-button:before,
.fwdipd-add-shapes-item-close-button:before,
.fwdipd-artwork-library-item-close-button:before,
.fwdipd-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;
}

.fwdipd-add-images-item-close-button:after,
.fwdipd-add-text-item-close-button:after,
.fwdipd-add-shapes-item-close-button:after,
.fwdipd-artwork-library-item-close-button:after,
.fwdipd-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. */
.fwdipd-add-text-window {
    box-sizing: border-box !important;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

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

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

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

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

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

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

.fwdipd-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;
}

.fwdipd-object-toolbar-color-picker-field .fwdipd-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;
}

.fwdipd-object-toolbar-color-picker-field button,
.clr-field.fwdipd-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;
}

.fwdipd-object-toolbar-color-picker-field button:after,
.clr-field.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

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

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

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

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

.fwdipd-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;
}

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

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

.fwdipd-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;
}

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

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

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

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

.fwdipd-object-toolbar-color-swatch-selected {
   opacity: 1 !important;
   border-color: #3858e9 !important;
}

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

.fwdipd-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;
}

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

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

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

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

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

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

.fwdipd-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;
}

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



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

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

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

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

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

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

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

.fwdipd-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;
}

.fwdipd-object-toolbar-transform-flip-button,
.fwdipd-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;
}

.fwdipd-object-toolbar-transform-flip-icon,
.fwdipd-object-toolbar-transform-flip-label,
.fwdipd-object-toolbar-secondary-icon,
.fwdipd-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;
}

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


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

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

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


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

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



.fwdipd-object-toolbar-transform-flip-label,
.fwdipd-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;
}
.fwdipd-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;
}

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

.fwdipd-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;
}


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

/* Fixed object toolbar mode has more room, so the panel content can breathe. */
.fwdipd-object-toolbar-fixed .fwdipd-object-toolbar-transform-window,
.fwdipd-object-toolbar-fixed .fwdipd-object-toolbar-align-window,
.fwdipd-object-toolbar-fixed .fwdipd-object-toolbar-color-window,
.fwdipd-object-toolbar-fixed .fwdipd-object-toolbar-text-format-window,
.fwdipd-object-toolbar-fixed .fwdipd-object-toolbar-curved-text-window,
.fwdipd-object-toolbar-fixed .fwdipd-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;
}

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

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

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

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

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

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

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

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

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

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

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

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


/* Views window. */
.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-view-edit-size,
.fwdipd-view-locker,
.fwdipd-view-prev,
.fwdipd-show-views-grid,
.fwdipd-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;
}

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

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

.fwdipd-view-prev span,
.fwdipd-view-next span,
.fwdipd-show-views-grid .fwdipd-icon-pages,
.fwdipd-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;
}

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

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

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

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


.fwdipd-show-views-grid > span {
   display: inline-flex !important;
   align-items: center !important;
   justify-content: center !important;
   height: 22px !important;
   line-height: 22px !important;
}
.fwdipd-show-views-grid {
   gap: 1px !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;
}

.fwdipd-current-view {
   display: inline-flex !important;
   align-items: center !important;
   justify-content: center !important;
   color: inherit !important;
   opacity: 1 !important;
   font-size: 22px !important;
   font-weight: 400 !important;
   line-height: 22px !important;
   transform: translateY(1px) !important;
}

.fwdipd-total-views {
   display: inline-flex !important;
   align-items: center !important;
   justify-content: center !important;
   color: inherit !important;
   opacity: .45 !important;
   font-size: 14px !important;
   font-weight: 500 !important;
   line-height: 22px !important;
   transform: translateY(1px) !important;
}

.fwdipd-total-views:before {
   content: "/" !important;
   margin-right: 1px !important;
   opacity: .5 !important;
}

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

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

.fwdipd-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;
}

.fwdipd-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. */
.fwdipd-views-grid-window {
   z-index: 41 !important;
   border-radius: 0 !important;
   box-shadow: none !important;
   overflow: visible !important;
   pointer-events: auto !important;
}

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

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-views-grid-label {
   display: block !important;
   width: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   color: #000000 !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. */
.fwdipd-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(--fwdipd-preview-overlay-color) !important;
   box-sizing: border-box !important;
   overflow: hidden !important;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-preview-title {
   display: block !important;
   max-width: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   color: var(--fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

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

.fwdipd-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;
}

.fwdipd-saved-designs-lightbox .fwdipd-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;
}

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

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

.fwdipd-saved-designs-window-lightbox-mode .fwdipd-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;
}

.fwdipd-saved-designs-window-lightbox-mode .fwdipd-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;
}

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

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

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

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

.fwdipd-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(--fwdipd-preview-item-bg) !important;
   box-shadow: 0 0 10px rgba(110, 111, 114, .25) !important;
   box-sizing: border-box !important;
   overflow: hidden !important;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-preview-label {
   flex: 0 0 auto !important;
   display: block !important;
   width: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   color: var(--fwdipd-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;
}

.fwdipd-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(--fwdipd-preview-item-bg) !important;
   color: var(--fwdipd-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) {
   .fwdipd-preview-list {
      row-gap: 12px !important;
      column-gap: 12px !important;
      padding: 0 12px !important;
   }
}

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

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

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

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

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



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

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

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

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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. */
.fwdipd-artwork-library-window {
   overflow: hidden !important;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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. */
.fwdipd-object-toolbar-color-fill-section .fwdipd-object-toolbar-color-palette,
.fwdipd-object-toolbar-color-stroke-section .fwdipd-object-toolbar-color-palette {
   clear: both !important;
}

.fwdipd-object-toolbar-color-fill-section-svg .fwdipd-object-toolbar-color-fill-controls {
   align-items: flex-start !important;
}
/* Prevent many color swatches from flowing under the color label. */
.fwdipd-object-toolbar-color-fill-section,
.fwdipd-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;
}

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

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

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

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

.fwdipd-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;
}

.fwdipd-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;
}

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

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

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

.fwdipd-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;
}

.fwdipd-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;
}
.fwdipd-products-item-selected .fwdipd-products-thumb,
.fwdipd-products-item-selected .fwdipd-products-thumb-placeholder {
    opacity: .35 !important;
}

.fwdipd-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;
}
.fwdipd-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. */
.fwdipd-saved-designs-window {
   overflow: hidden !important;
   box-sizing: border-box !important;
}

.fwdipd-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;
}

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

.fwdipd-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;
}

.fwdipd-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;
}

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

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

.fwdipd-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;
}

.fwdipd-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;
}

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

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

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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;
}

.fwdipd-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. */
.fwdipd-modules-content-window-bottom .fwdipd-add-images-list,
.fwdipd-modules-content-window-bottom .fwdipd-add-text-list,
.fwdipd-modules-content-window-bottom .fwdipd-add-shapes-list,
.fwdipd-modules-content-window-bottom .fwdipd-artwork-library-categories,
.fwdipd-modules-content-window-bottom .fwdipd-artwork-library-list,
.fwdipd-modules-content-window-bottom .fwdipd-products-list,
.fwdipd-modules-content-window-bottom .fwdipd-saved-designs-list {
    grid-template-columns: repeat(auto-fill, minmax(144px, 1fr)) !important;
}

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

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

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

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