.configurator-teaser__pagination{color:var(--color-text);overflow-wrap:break-word;letter-spacing:.015em;margin:0;font-family:Aktiv Grotesk var,sans-serif;font-size:16px;font-weight:350;line-height:20px}@media (width>=768px){.configurator-teaser__pagination{overflow-wrap:normal}}@media (width>=1920px){.configurator-teaser__pagination{letter-spacing:.0075em}}@media (width>=768px){.configurator-teaser__pagination{font-size:16px}}@media (width>=1280px){.configurator-teaser__pagination{font-size:16px}}@media (width>=1920px){.configurator-teaser__pagination{letter-spacing:.0075em;font-size:19px;line-height:26px}}.configurator-teaser{--configurator-panel-width:min(380px,calc(100vw - 32px));--configurator-edge-offset:16px;--configurator-cta-height:56px;--configurator-stage-height:100dvh;--configurator-panel-height-max:520px;--configurator-panel-height-collapsed:180px;--configurator-panel-transition-duration:.36s;--configurator-panel-transition-easing:cubic-bezier(.33,.33,0,1);--configurator-sticky-top-clearance:calc(var(--header-height) + 28px);--configurator-view-nav-top-clearance:28px;--configurator-sticky-controls-gap:28px;--configurator-sticky-control-space:calc(var(--configurator-cta-height) + 12px);--configurator-sticky-controls-stack:calc(var(--configurator-sticky-control-space) + var(--configurator-sticky-controls-gap));--configurator-sticky-reserved-space:calc(var(--configurator-sticky-top-clearance) + var(--configurator-edge-offset) + var(--configurator-sticky-controls-stack));--configurator-sticky-view-nav-clearance:calc(var(--configurator-panel-height-collapsed) + var(--configurator-sticky-controls-stack) + var(--configurator-edge-offset));--configurator-panel-height-expanded:var(--configurator-panel-height-max);color:#1a304e;width:100%;max-width:4000px;margin-inline:auto}@media (width>=1024px){.configurator-teaser{--configurator-edge-offset:28px;--configurator-panel-height-max:521px}}.configurator-teaser__stage{--configurator-panel-height-available:calc(var(--configurator-stage-height) - var(--configurator-sticky-reserved-space));--configurator-panel-height-expanded:clamp(0px,var(--configurator-panel-height-available),var(--configurator-panel-height-max));aspect-ratio:9/16;align-items:start;display:grid;position:relative}@media (width>=576px) and (width<=1023px){.configurator-teaser__stage{aspect-ratio:14/16}}@media (width>=1024px){.configurator-teaser__stage{aspect-ratio:16/9;height:56.25vw;max-height:2250px}}.configurator-teaser__media{background-color:var(--configurator-mobile-extend-bg,#b5c2cb);position:absolute;inset:0;overflow:hidden}@media (width>=1024px){.configurator-teaser__media{background-color:#b5c2cb}}.configurator-teaser__image{width:100%;height:100%;position:absolute;inset:0}@media (width<=1023px){.configurator-teaser__image{height:80%}.configurator-teaser__image:after{content:"";inset-inline:0;background-image:linear-gradient(to bottom,transparent,var(--configurator-mobile-extend-bg,transparent));pointer-events:none;height:20%;position:absolute;bottom:0}}.configurator-teaser__image .media-image,.configurator-teaser__image .media__inner{height:100%}.configurator-teaser__image img{-o-object-fit:cover;object-fit:cover;height:100%}@media (width>=1024px){.configurator-teaser__image--mobile{display:none}}.configurator-teaser__image--desktop{display:none}@media (width>=1024px){.configurator-teaser__image--desktop{display:block}}.configurator-teaser__view-nav{z-index:2;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;top:16px;right:16px}@media (width>=576px){.configurator-teaser__view-nav{top:var(--configurator-sticky-top-clearance);grid-area:1/1;place-self:start end;margin-block-start:var(--configurator-view-nav-top-clearance);margin-block-end:var(--configurator-sticky-view-nav-clearance);margin-inline-end:var(--configurator-edge-offset);position:sticky;bottom:auto;right:auto}}.configurator-teaser__view-btn.custom-button--is-control{--button-text-color:#1a304e;--button-bg-color:#1a304e1a}.configurator-teaser__pagination{color:#1a304e;font-variant:tabular-nums;justify-content:center;align-items:center;display:flex}.configurator-teaser__pagination-active,.configurator-teaser__pagination-separator,.configurator-teaser__pagination-total{justify-content:center;align-items:center;width:28px;height:28px;display:flex}.configurator-teaser__pagination-separator,.configurator-teaser__pagination-total{opacity:.6}.configurator-teaser__action-stack{--configurator-panel-height-current:var(--configurator-panel-height-collapsed);--configurator-action-stack-height:calc(var(--configurator-panel-height-current) + var(--configurator-cta-height) + 12px);--configurator-sticky-top:max(var(--configurator-sticky-top-clearance),calc(100dvh - var(--configurator-edge-offset) - var(--configurator-action-stack-height) - var(--configurator-sticky-controls-gap)));right:var(--configurator-edge-offset);bottom:var(--configurator-edge-offset);z-index:3;width:var(--configurator-panel-width);transition:top var(--configurator-panel-transition-duration) var(--configurator-panel-transition-easing);flex-direction:column;gap:12px;display:flex;position:absolute}@media (width<=575px){.configurator-teaser__action-stack{width:calc(100% - 32px)}}.configurator-teaser__action-stack.is-panel-expanded{--configurator-panel-height-current:var(--configurator-panel-height-expanded)}@media (width>=1024px){.configurator-teaser__action-stack{top:var(--configurator-sticky-top);will-change:top;grid-area:1/1;justify-self:end;margin-block-start:var(--configurator-sticky-top-clearance);margin-block-end:var(--configurator-edge-offset);margin-inline-end:var(--configurator-edge-offset);position:sticky;bottom:auto;right:auto}}.configurator-teaser__panel{width:100%;height:var(--configurator-panel-height-collapsed);transition:height var(--configurator-panel-transition-duration) var(--configurator-panel-transition-easing);background-color:#b5c2cbeb;flex:none;padding:20px 20px 28px;position:relative;overflow:hidden;box-shadow:0 36px 20px #1a304e1f,0 20px 16px #1a304e33,0 4px 8px #1a304e5c}.configurator-teaser__panel.is-expanded{height:var(--configurator-panel-height-expanded)}.configurator-teaser__panel.is-scrollable{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#1a304e #b5c2cb;overflow-y:auto}.configurator-teaser__panel-toggle{position:absolute;top:16px;right:16px}.configurator-teaser__panel-header{align-items:center;gap:16px;padding-inline-end:44px;display:flex}.configurator-teaser__panel-title{letter-spacing:.6px;color:#1a304e;text-transform:uppercase;font-family:Monument Extended var,sans-serif;font-size:12px;font-weight:400;line-height:1.33}.configurator-teaser__panel-line{background-color:#1a304e99;width:116px;height:1px;display:block}.configurator-teaser__summary{-moz-column-gap:16px;grid-template-rows:auto auto;grid-template-columns:116px minmax(0,1fr);align-items:center;column-gap:16px;margin-block-start:20px;display:grid}.configurator-teaser__summary-swatch-trigger{grid-row:1/span 2;align-self:center;width:116px}.configurator-teaser__summary-swatch{aspect-ratio:116/81;-o-object-fit:cover;object-fit:cover;width:116px;height:auto;display:block;box-shadow:0 4px 4px #1a304e33}.configurator-teaser__summary-label-trigger{min-width:0;font:inherit;text-align:left;align-self:end}.configurator-teaser__summary-label{color:#1a304e;font-size:16px;line-height:1.2;display:block}.configurator-teaser__select-trigger{place-self:start;margin-block-start:8px}.configurator-teaser__summary-label-trigger:focus-visible~.configurator-teaser__select-trigger,.configurator-teaser__summary-label-trigger:hover~.configurator-teaser__select-trigger,.configurator-teaser__summary-swatch-trigger:focus-visible~.configurator-teaser__select-trigger,.configurator-teaser__summary-swatch-trigger:hover~.configurator-teaser__select-trigger{--_button-border-color:var(--button-border-color-hover,var(--_button-border-color-hover));--_button-bg-color:var(--button-bg-color-hover,var(--_button-bg-color-hover));--_button-lines-scale-x:1;--_button-icon-bg-position:0 0}.configurator-teaser__color-groups{flex-direction:column;gap:20px;margin-block-start:20px;padding-inline-end:8px;display:flex}.configurator-teaser__group-title{color:#1a304e;margin:0;margin-block-end:12px;font-family:Aktiv Grotesk var,sans-serif;font-size:16px;font-weight:350;line-height:1.2}.configurator-teaser__swatches{grid-template-columns:repeat(3,minmax(0,116px));gap:18px;display:grid}.configurator-teaser__swatch-btn{aspect-ratio:116/81;opacity:1;width:100%;position:relative;box-shadow:0 4px 4px #1a304e33}.configurator-teaser__swatch-btn img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.configurator-teaser__swatch-btn:after{content:"";pointer-events:none;border:3px solid #0000;position:absolute;inset:-4px}.configurator-teaser__swatch-btn.is-active:after,.configurator-teaser__swatch-btn:focus-visible:after{border-color:#e8235e}.configurator-teaser__swatch-btn.is-disabled,.configurator-teaser__swatch-btn:disabled{opacity:.2;cursor:not-allowed}.configurator-teaser__cta{width:100%;min-height:var(--configurator-cta-height)}.configurator-teaser__cta .custom-button--is-primary{--button-border-color:#e8235e}.configurator-teaser__cta .custom-button,.configurator-teaser__cta .custom-button__text,.configurator-teaser__cta a{width:100%}.configurator-teaser__cta .custom-button__text{min-height:44px}.configurator-teaser .configurator-teaser-fade-enter-active,.configurator-teaser .configurator-teaser-fade-leave-active{transition:opacity .4s linear}.configurator-teaser .configurator-teaser-fade-enter-from,.configurator-teaser .configurator-teaser-fade-leave-to{opacity:0}.configurator-teaser .configurator-teaser-panel-content-enter-active,.configurator-teaser .configurator-teaser-panel-content-leave-active{transition:opacity .18s ease-in-out,transform .18s cubic-bezier(.33,.33,0,1)}.configurator-teaser .configurator-teaser-panel-content-enter-from,.configurator-teaser .configurator-teaser-panel-content-leave-to{opacity:0;transform:translateY(8px)}@media (prefers-reduced-motion:reduce){.configurator-teaser .configurator-teaser-fade-enter-active,.configurator-teaser .configurator-teaser-fade-leave-active,.configurator-teaser .configurator-teaser-panel-content-enter-active,.configurator-teaser .configurator-teaser-panel-content-leave-active,.configurator-teaser__action-stack,.configurator-teaser__panel{transition-duration:1ms!important}}
