.lightbox[data-v-9f6dada3]{height:100vh;height:calc(var(--vh, 1vh)*100);overflow:hidden;width:100%}.lightbox .embla[data-v-9f6dada3]{height:100%;width:100%}.lightbox .embla__container[data-v-9f6dada3]{display:flex;height:100%}.lightbox .embla__slide[data-v-9f6dada3]{flex:0 0 100%;height:100%;max-height:100%;max-width:100%;min-width:0}.lightbox .embla__slide .media[data-v-9f6dada3]{height:100%;margin:auto;overflow:hidden}.lightbox .embla__slide .media[data-v-9f6dada3] figure,.lightbox .embla__slide .media[data-v-9f6dada3] img,.lightbox .embla__slide .media[data-v-9f6dada3] picture{height:100%}@media (min-width:1200px){.lightbox .embla__slide .media[data-v-9f6dada3] figure,.lightbox .embla__slide .media[data-v-9f6dada3] img,.lightbox .embla__slide .media[data-v-9f6dada3] picture{width:calc((100vw - 2*var(--space-xs) - var(--space-gap))/12*8)}}@media (min-width:1440px){.lightbox .embla__slide .media[data-v-9f6dada3] figure,.lightbox .embla__slide .media[data-v-9f6dada3] img,.lightbox .embla__slide .media[data-v-9f6dada3] picture{width:calc((100vw - 2*var(--space-xs) - var(--space-gap))/12*6)}}.lightbox .embla__slide .media[data-v-9f6dada3] figure,.lightbox .embla__slide .media[data-v-9f6dada3] img,.lightbox .embla__slide .media[data-v-9f6dada3] picture{margin:auto;max-height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}.thumbnails[data-v-9f6dada3]{bottom:0;display:none;gap:var(--space-gap);padding-bottom:var(--space-2xs);position:fixed}@media (min-width:1200px){.thumbnails[data-v-9f6dada3]{display:grid}}.thumbnails[data-v-9f6dada3]{grid-template-columns:repeat(24,minmax(0,1fr));justify-content:start;width:100%}.thumbnails .thumb[data-v-9f6dada3]{opacity:.2}.thumbnails .thumb[data-v-9f6dada3] *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.thumbnails .thumb[data-v-9f6dada3] figure,.thumbnails .thumb[data-v-9f6dada3] img,.thumbnails .thumb[data-v-9f6dada3] picture{height:8rem;width:auto}@media (min-width:1200px){.thumbnails .thumb[data-v-9f6dada3] figure,.thumbnails .thumb[data-v-9f6dada3] img,.thumbnails .thumb[data-v-9f6dada3] picture{height:auto;width:100%}}.thumbnails .thumb.active[data-v-9f6dada3]{opacity:1}.title[data-v-efd9dd02]{padding-top:calc(var(--space-header) + var(--space-s));position:sticky;top:0}.gallery.embla[data-v-efd9dd02]{aspect-ratio:4 / 5;overflow:hidden}@media (min-width:1200px){.gallery.embla[data-v-efd9dd02]{aspect-ratio:unset;height:auto}}.gallery .embla__container[data-v-efd9dd02]{display:flex;height:100%}@media (min-width:1200px){.gallery .embla__container[data-v-efd9dd02]{display:flex;flex-direction:column;gap:var(--space-gap);height:auto}}.gallery .embla__slide[data-v-efd9dd02]{flex:0 0 100%;height:100%;min-width:0}.gallery .embla__slide[data-v-efd9dd02] figure,.gallery .embla__slide[data-v-efd9dd02] img,.gallery .embla__slide[data-v-efd9dd02] picture{height:100%;overflow:hidden;width:100%}@media (min-width:1200px){.gallery .embla__slide[data-v-efd9dd02]{height:100vh;height:calc(var(--vh, 1vh)*100);width:100%}}.thumbnails[data-v-efd9dd02]{bottom:4rem;display:flex;gap:var(--space-gap);justify-content:center;padding-bottom:var(--space-2xs);position:sticky}@media (min-width:1200px){.thumbnails[data-v-efd9dd02]{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));justify-content:start;width:100%}}@media (min-width:1440px){.thumbnails[data-v-efd9dd02]{display:flex;flex-direction:column;width:calc(8.33333% - var(--space-gap))}}.thumbnails .thumb[data-v-efd9dd02]{opacity:.2}.thumbnails .thumb[data-v-efd9dd02] *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.thumbnails .thumb[data-v-efd9dd02] figure,.thumbnails .thumb[data-v-efd9dd02] img,.thumbnails .thumb[data-v-efd9dd02] picture{height:6rem;width:auto}@media (min-width:1200px){.thumbnails .thumb[data-v-efd9dd02] figure,.thumbnails .thumb[data-v-efd9dd02] img,.thumbnails .thumb[data-v-efd9dd02] picture{height:auto;width:100%}}.thumbnails .thumb.active[data-v-efd9dd02]{opacity:1}.dropdown[data-v-b1a20d3f]{position:relative;white-space:nowrap}.dropdown-heading[data-v-b1a20d3f]{border-top:.1rem solid var(--color-grey);padding:var(--space-s) var(--space-2xs);width:100%}@media (min-width:1200px){.dropdown-heading[data-v-b1a20d3f]{border:.1rem solid var(--color-grey);padding:var(--space-s)}}.dropdown .text[data-v-b1a20d3f]{line-height:1.1;margin-right:auto;overflow:hidden;text-overflow:ellipsis}.options[data-v-b1a20d3f]{background:var(--color-white);border-bottom:.1rem solid var(--color-grey);border-top:.1rem solid var(--color-grey);display:flex;flex-direction:column;left:0;max-height:30rem;overflow:auto;padding:var(--space-s);position:absolute;top:100%;width:100%;z-index:1}@media (min-width:1200px){.options[data-v-b1a20d3f]{border:.1rem solid var(--color-grey);border-top:0}}.option[data-v-b1a20d3f]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option[data-v-b1a20d3f]>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (any-hover:hover) and (any-pointer:fine){.dropdown .option.active[data-v-b1a20d3f],.dropdown .option[data-v-b1a20d3f]:not(.active){transition:color .3s,background .3s}.dropdown .option.active[data-v-b1a20d3f]:hover,.dropdown .option[data-v-b1a20d3f]:not(.active):hover{color:var(--color-grey)}}.heading[data-v-437fa9a0]{border-top:.1rem solid var(--color-grey);padding:var(--space-s);width:100%}@media (min-width:1200px){.heading[data-v-437fa9a0]{border:.1rem solid var(--color-grey)}}.variant-swatch[data-v-825b6aa8]{border-top:.1rem solid var(--color-grey)}@media (min-width:1200px){.variant-swatch[data-v-825b6aa8]:last-child{border-bottom:.1rem solid var(--color-grey)}}.variant-swatch .toggle[data-v-825b6aa8]{height:5rem;overflow:hidden;width:5rem}@media (min-width:1200px){.variant-swatch .toggle[data-v-825b6aa8]{height:6.5vw;width:6.5vw}}.variant-swatch .toggle.active[data-v-825b6aa8]{border-radius:50%}[data-id=designer-drawer]{--magic-drawer-height: calc(var(--vh, 1vh)*100);--magic-drawer-z-index: calc(var(--z-header) - 1);--magic-drawer-drag-overshoot: 0rem;--magic-drawer-width: 100%}@media (min-width:1200px){[data-id=designer-drawer]{--magic-drawer-width: calc((100vw - 2*var(--space-xs) - var(--space-gap))/12*5) }}@media (min-width:1440px){[data-id=designer-drawer]{--magic-drawer-width: calc((100vw - 2*var(--space-xs) - var(--space-gap))/12*3) }}[data-id=designer-drawer] .content{background:var(--color-white);height:100%;width:100%}@media (min-width:1200px){[data-id=designer-drawer] .designer-thumb{width:calc((100vw - 2*var(--space-xs) - var(--space-gap))/12*1)}}@media (min-width:1440px){[data-id=designer-drawer] .designer-thumb{width:calc((100vw - 2*var(--space-xs) - var(--space-gap))/12*2)}}[data-id=dimensions-drawer]{--magic-drawer-height: calc(var(--vh, 1vh)*100);--magic-drawer-z-index: calc(var(--z-header) - 1);--magic-drawer-drag-overshoot: 0rem;--magic-drawer-width: 100%}@media (min-width:1200px){[data-id=dimensions-drawer]{--magic-drawer-width: calc(41.66667% - var(--space-xs)*2/12*5 - var(--space-gap)*11/12*5) }}@media (min-width:1440px){[data-id=dimensions-drawer]{--magic-drawer-width: calc(25% - var(--space-xs)*2/12*3 - var(--space-gap)*11/12*3) }}[data-id=dimensions-drawer] .content{background:var(--color-white);height:100%;width:100%}.dimension[data-v-c8b6c25e]{border-top:.1rem solid var(--color-grey);padding-bottom:var(--space-2xs);padding-top:var(--space-2xs)}.dimension[data-v-c8b6c25e]:last-child{border-bottom:.1rem solid var(--color-grey)}.heading[data-v-31a8fc8e]{border:.1rem solid var(--color-grey);padding:var(--space-s)}.subtotal[data-v-31a8fc8e]{border-top:.1rem solid var(--color-grey)}.details[data-v-31a8fc8e]>*{border-top:.1rem solid var(--color-grey);padding-bottom:var(--space-2xs);padding-top:var(--space-2xs)}.details[data-v-31a8fc8e]>:last-child{border-bottom:.1rem solid var(--color-grey)}@media (min-width:1200px){.content .right-side[data-v-063965d8]{padding-top:calc(var(--space-header) + var(--space-m));position:sticky;top:0}}@media (min-width:1200px){.sticky-bar[data-v-063965d8]{bottom:0;left:0;position:fixed;width:100%;z-index:var(--z-header)}}.icon-small[data-v-063965d8] path{fill:transparent}@media (any-hover:hover) and (any-pointer:fine){.icon-small[data-v-063965d8]:not(.active):hover path{fill:transparent}}.icon-small.active[data-v-063965d8] path{fill:currentColor}