.apm-sr-only
{
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
   border-width: 0;
}
.apm-pointer-events-none
{
   pointer-events: none;
}
.apm-pointer-events-auto
{
   pointer-events: auto;
}
.apm-fixed
{
   position: fixed;
}
.apm-absolute
{
   position: absolute;
}
.apm-relative
{
   position: relative;
}
.apm-inset-0
{
   inset: 0px;
}
.apm-z-20
{
   z-index: 20;
}
.apm-z-\[999999\]
{
   z-index: 999999;
}
.apm-z-\[99999\]
{
   z-index: 99999;
}
.\!apm-m-0
{
   margin: 0px !important;
}
.apm-m-0
{
   margin: 0px;
}
.-apm-ml-1
{
   margin-left: -0.25rem;
}
.apm-mr-3
{
   margin-right: 0.75rem;
}
.apm-block
{
   display: block;
}
.apm-flex
{
   display: flex;
}
.apm-grid
{
   display: grid;
}
.apm-hidden
{
   display: none;
}
.apm-h-5
{
   height: 1.25rem;
}
.apm-h-7
{
   height: 1.75rem;
}
.apm-h-\[90vh\]
{
   height: 90vh;
}
.apm-h-full
{
   height: 100%;
}
.apm-w-5
{
   width: 1.25rem;
}
.apm-w-7
{
   width: 1.75rem;
}
.apm-w-full
{
   width: 100%;
}
.apm-max-w-\[2400px\]
{
   max-width: 2400px;
}
.apm-transform
{
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes apm-spin
{
   to
{
      transform: rotate(360deg);
   }
}
.apm-animate-spin
{
   animation: apm-spin 1s linear infinite;
}
.apm-cursor-pointer
{
   cursor: pointer;
}
.apm-grid-cols-2
{
   grid-template-columns: repeat(2, minmax(0, 1fr));
}
.apm-flex-col
{
   flex-direction: column;
}
.apm-flex-wrap
{
   flex-wrap: wrap;
}
.apm-place-content-center
{
   place-content: center;
}
.apm-items-end
{
   align-items: flex-end;
}
.apm-items-center
{
   align-items: center;
}
.apm-justify-center
{
   justify-content: center;
}
.apm-justify-between
{
   justify-content: space-between;
}
.apm-gap-2
{
   gap: 0.5rem;
}
.apm-gap-3
{
   gap: 0.75rem;
}
.apm-gap-4
{
   gap: 1rem;
}
.apm-gap-x-4
{
   -moz-column-gap: 1rem;
        column-gap: 1rem;
}
.apm-overflow-hidden
{
   overflow: hidden;
}
.apm-overflow-y-auto
{
   overflow-y: auto;
}
.apm-rounded
{
   border-radius: 0.25rem;
}
.apm-rounded-lg
{
   border-radius: 0.5rem;
}
.apm-rounded-md
{
   border-radius: 0.375rem;
}
.\!apm-border
{
   border-width: 1px !important;
}
.apm-border
{
   border-width: 1px;
}
.apm-border-0
{
   border-width: 0px;
}
.\!apm-border-solid
{
   border-style: solid !important;
}
.apm-border-solid
{
   border-style: solid;
}
.\!apm-border-gray-500
{
   --tw-border-opacity: 1 !important;
   border-color: rgb(107 114 128 / var(--tw-border-opacity)) !important;
}
.apm-border-white\/20
{
   border-color: rgb(255 255 255 / 0.2);
}
.\!apm-bg-white\/30
{
   background-color: rgb(255 255 255 / 0.3) !important;
}
.apm-bg-gray-500
{
   --tw-bg-opacity: 1;
   background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}
.apm-bg-gray-700\/40
{
   background-color: rgb(55 65 81 / 0.4);
}
.apm-bg-slate-800
{
   --tw-bg-opacity: 1;
   background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}
.apm-bg-slate-900
{
   --tw-bg-opacity: 1;
   background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}
.apm-bg-transparent
{
   background-color: transparent;
}
.apm-bg-white
{
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.apm-bg-opacity-70
{
   --tw-bg-opacity: 0.7;
}
.apm-object-cover
{
   -o-object-fit: cover;
      object-fit: cover;
}
.apm-object-center
{
   -o-object-position: center;
      object-position: center;
}
.apm-p-0
{
   padding: 0px;
}
.apm-p-4
{
   padding: 1rem;
}
.apm-p-5
{
   padding: 1.25rem;
}
.apm-px-2
{
   padding-left: 0.5rem;
   padding-right: 0.5rem;
}
.apm-px-2\.5
{
   padding-left: 0.625rem;
   padding-right: 0.625rem;
}
.apm-px-4
{
   padding-left: 1rem;
   padding-right: 1rem;
}
.apm-px-5
{
   padding-left: 1.25rem;
   padding-right: 1.25rem;
}
.apm-py-1
{
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
}
.apm-py-1\.5
{
   padding-top: 0.375rem;
   padding-bottom: 0.375rem;
}
.apm-py-2
{
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
}
.apm-pb-3
{
   padding-bottom: 0.75rem;
}
.apm-pb-5
{
   padding-bottom: 1.25rem;
}
.apm-text-left
{
   text-align: left;
}
.apm-text-2xl
{
   font-size: 1.5rem;
   line-height: 2rem;
}
.apm-font-semibold
{
   font-weight: 600;
}
.apm-leading-6
{
   line-height: 1.5rem;
}
.\!apm-text-white
{
   --tw-text-opacity: 1 !important;
   color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.apm-text-gray-500
{
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity));
}
.apm-text-slate-100
{
   --tw-text-opacity: 1;
   color: rgb(241 245 249 / var(--tw-text-opacity));
}
.apm-text-slate-400
{
   --tw-text-opacity: 1;
   color: rgb(148 163 184 / var(--tw-text-opacity));
}
.apm-text-white
{
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
}
.apm-text-white\/70
{
   color: rgb(255 255 255 / 0.7);
}
.apm-opacity-0
{
   opacity: 0;
}
.apm-opacity-100
{
   opacity: 1;
}
.apm-opacity-25
{
   opacity: 0.25;
}
.apm-opacity-50
{
   opacity: 0.5;
}
.apm-opacity-75
{
   opacity: 0.75;
}
.apm-shadow-xl
{
   --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.\!apm-outline-none
{
   outline: 2px solid transparent !important;
   outline-offset: 2px !important;
}
.apm-transition
{
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
}
.apm-transition-all
{
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
}
.apm-transition-colors
{
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
}
.apm-transition-opacity
{
   transition-property: opacity;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
}
.apm-duration-700
{
   transition-duration: 700ms;
}
.apm-configurator
{
   display: block !important;
}
.apm-configurator [x-cloak]
   {
      display: none !important;
   }
.apm-configurator *, .apm-configurator :after, .apm-configurator :before
   {
      box-sizing: border-box;
   }
.apm-configurator button
   {
      cursor: pointer;
      border-style: solid;
   }
.apm-configurator .apm-grid-wrapper
{
   display: grid;
   grid-template-columns: repeat(12, minmax(0, 1fr));
   grid-template-rows: repeat(var(--grid-rows), minmax(0, 1fr));
   gap: 0.5rem;
   overflow: hidden;
   border-radius: 0.375rem;
   background-color: rgb(71 85 105 / 0.1);
   padding: 0.5rem;

      aspect-ratio: 12 / var(--grid-rows);
}
.apm-configurator .apm-grid-item
{
   position: relative;
   isolation: isolate;
   display: grid;
   place-content: center;
   place-items: center;
   gap: 0.5rem;
   overflow: hidden;
   border-radius: 0.25rem;
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
   text-align: center;
   --tw-text-opacity: 1;
   color: rgb(51 65 85 / var(--tw-text-opacity));
   transition-property: opacity;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
}
.apm-configurator .apm-grid-item:not(.apm-grid-item--type-logo):hover
{
   opacity: 0.8;
}
.apm-configurator .apm-grid-item.apm-grid-item--type-logo img
{
   height: 100%;
   width: 100%;
   -o-object-fit: contain;
      object-fit: contain;
}
.apm-configurator .apm-grid-item svg
{
   height: 2rem;
   width: 2rem;
}
.apm-configurator .apm-grid-item .apm-grid-item--title
{
   display: none;
   line-height: 1.25;
}
@media (min-width: 768px)
{
   .apm-configurator .apm-grid-item .apm-grid-item--title
{
      display: block;
   }
}
.apm-configurator .apm-grid-item .apm-grid-item--edit-link
{
   position: absolute;
   inset: 0px;
   z-index: 10;
   cursor: pointer;
}
.apm-configurator .apm-grid-item .apm-grid-item--image
{
   -o-object-fit: cover;
      object-fit: cover;
}
/* X */
.apm-configurator .apm-grid-item[x="0"]
      {
         --col-offset: 1;
         grid-column-start: 1;
      }
.apm-configurator .apm-grid-item[x="1"]
      {
         --col-offset: 2;
         grid-column-start: 2;
      }
.apm-configurator .apm-grid-item[x="2"]
      {
         --col-offset: 3;
         grid-column-start: 3;
      }
.apm-configurator .apm-grid-item[x="3"]
      {
         --col-offset: 4;
         grid-column-start: 4;
      }
.apm-configurator .apm-grid-item[x="4"]
      {
         --col-offset: 5;
         grid-column-start: 5;
      }
.apm-configurator .apm-grid-item[x="5"]
      {
         --col-offset: 6;
         grid-column-start: 6;
      }
.apm-configurator .apm-grid-item[x="6"]
      {
         --col-offset: 7;
         grid-column-start: 7;
      }
.apm-configurator .apm-grid-item[x="7"]
      {
         --col-offset: 8;
         grid-column-start: 8;
      }
.apm-configurator .apm-grid-item[x="8"]
      {
         --col-offset: 9;
         grid-column-start: 9;
      }
.apm-configurator .apm-grid-item[x="9"]
      {
         --col-offset: 10;
         grid-column-start: 10;
      }
.apm-configurator .apm-grid-item[x="10"]
      {
         --col-offset: 11;
         grid-column-start: 11;
      }
.apm-configurator .apm-grid-item[x="11"]
      {
         --col-offset: 12;
         grid-column-start: 12;
      }
/* Y */
.apm-configurator .apm-grid-item[y="0"]
      {
         --row-offset: 1;
         grid-row-start: 1;
      }
.apm-configurator .apm-grid-item[y="1"]
      {
         --row-offset: 2;
         grid-row-start: 2;
      }
.apm-configurator .apm-grid-item[y="2"]
      {
         --row-offset: 3;
         grid-row-start: 3;
      }
.apm-configurator .apm-grid-item[y="3"]
      {
         --row-offset: 4;
         grid-row-start: 4;
      }
.apm-configurator .apm-grid-item[y="4"]
      {
         --row-offset: 5;
         grid-row-start: 5;
      }
.apm-configurator .apm-grid-item[y="5"]
      {
         --row-offset: 6;
         grid-row-start: 6;
      }
.apm-configurator .apm-grid-item[y="6"]
      {
         --row-offset: 7;
         grid-row-start: 7;
      }
.apm-configurator .apm-grid-item[y="7"]
      {
         --row-offset: 8;
         grid-row-start: 8;
      }
.apm-configurator .apm-grid-item[y="8"]
      {
         --row-offset: 9;
         grid-row-start: 9;
      }
.apm-configurator .apm-grid-item[y="9"]
      {
         --row-offset: 10;
         grid-row-start: 10;
      }
.apm-configurator .apm-grid-item[y="10"]
      {
         --row-offset: 11;
         grid-row-start: 11;
      }
.apm-configurator .apm-grid-item[y="11"]
      {
         --row-offset: 12;
         grid-row-start: 12;
      }
/* W */
.apm-configurator .apm-grid-item[w="1"]
      {
         grid-column-end: calc(1 + var(--col-offset, 0));
      }
.apm-configurator .apm-grid-item[w="2"]
      {
         grid-column-end: calc(2 + var(--col-offset, 0));
      }
.apm-configurator .apm-grid-item[w="3"]
      {
         grid-column-end: calc(3 + var(--col-offset, 0));
      }
.apm-configurator .apm-grid-item[w="4"]
      {
         grid-column-end: calc(4 + var(--col-offset, 0));
      }
.apm-configurator .apm-grid-item[w="5"]
      {
         grid-column-end: calc(5 + var(--col-offset, 0));
      }
.apm-configurator .apm-grid-item[w="6"]
      {
         grid-column-end: calc(6 + var(--col-offset, 0));
      }
.apm-configurator .apm-grid-item[w="7"]
      {
         grid-column-end: calc(7 + var(--col-offset, 0));
      }
.apm-configurator .apm-grid-item[w="8"]
      {
         grid-column-end: calc(8 + var(--col-offset, 0));
      }
.apm-configurator .apm-grid-item[w="9"]
      {
         grid-column-end: calc(9 + var(--col-offset, 0));
      }
.apm-configurator .apm-grid-item[w="10"]
      {
         grid-column-end: calc(10 + var(--col-offset, 0));
      }
.apm-configurator .apm-grid-item[w="11"]
      {
         grid-column-end: calc(11 + var(--col-offset, 0));
      }
.apm-configurator .apm-grid-item[w="12"]
      {
         grid-column-end: calc(12 + var(--col-offset, 0));
      }
/* H */
.apm-configurator .apm-grid-item[h="1"]
      {
         grid-row-end: calc(1 + var(--row-offset, 0));
      }
.apm-configurator .apm-grid-item[h="2"]
      {
         grid-row-end: calc(2 + var(--row-offset, 0));
      }
.apm-configurator .apm-grid-item[h="3"]
      {
         grid-row-end: calc(3 + var(--row-offset, 0));
      }
.apm-configurator .apm-grid-item[h="4"]
      {
         grid-row-end: calc(4 + var(--row-offset, 0));
      }
.apm-configurator .apm-grid-item[h="5"]
      {
         grid-row-end: calc(5 + var(--row-offset, 0));
      }
.apm-configurator .apm-grid-item[h="6"]
      {
         grid-row-end: calc(6 + var(--row-offset, 0));
      }
.apm-configurator .apm-grid-item[h="7"]
      {
         grid-row-end: calc(7 + var(--row-offset, 0));
      }
.apm-configurator .apm-grid-item[h="8"]
      {
         grid-row-end: calc(8 + var(--row-offset, 0));
      }
.apm-configurator .apm-grid-item[h="9"]
      {
         grid-row-end: calc(9 + var(--row-offset, 0));
      }
.apm-configurator .apm-grid-item[h="10"]
      {
         grid-row-end: calc(10 + var(--row-offset, 0));
      }
.apm-configurator .apm-grid-item[h="11"]
      {
         grid-row-end: calc(11 + var(--row-offset, 0));
      }
.apm-configurator .apm-grid-item[h="12"]
      {
         grid-row-end: calc(12 + var(--row-offset, 0));
      }
.hover\:apm-bg-gray-100:hover
{
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.hover\:apm-bg-gray-600:hover
{
   --tw-bg-opacity: 1;
   background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
.hover\:apm-bg-white\/30:hover
{
   background-color: rgb(255 255 255 / 0.3);
}
.hover\:apm-text-slate-500:hover
{
   --tw-text-opacity: 1;
   color: rgb(100 116 139 / var(--tw-text-opacity));
}
.hover\:apm-text-white:hover
{
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:apm-opacity-70:hover
{
   opacity: 0.7;
}
.focus\:apm-text-slate-500:focus
{
   --tw-text-opacity: 1;
   color: rgb(100 116 139 / var(--tw-text-opacity));
}
.focus\:apm-outline-0:focus
{
   outline-width: 0px;
}
@media (min-width: 640px)
{
   .sm\:apm-grid-cols-3
{
      grid-template-columns: repeat(3, minmax(0, 1fr));
   }
   .sm\:apm-items-center
{
      align-items: center;
   }
}
@media (min-width: 768px)
{
   .md\:apm-min-h-full
{
      min-height: 100%;
   }
   .md\:apm-grid-cols-4
{
      grid-template-columns: repeat(4, minmax(0, 1fr));
   }
}
@media (min-width: 1024px)
{
   .lg\:apm-grid-cols-5
{
      grid-template-columns: repeat(5, minmax(0, 1fr));
   }
}
@media (min-width: 1280px)
{
   .xl\:apm-grid-cols-6
{
      grid-template-columns: repeat(6, minmax(0, 1fr));
   }
   .xl\:apm-px-20
{
      padding-left: 5rem;
      padding-right: 5rem;
   }
}