.labo-playground{--labo-bg: #214590;--labo-bg-deep: #ffffff;--labo-ink: #FFF8F2;--labo-ink-soft: #FFF8F2;--labo-clay: #B5654A;position:relative;width:100%;isolation:isolate;background-color:var(--labo-bg);background-image:linear-gradient(rgba(255,255,255,.08) 2px,transparent 2px),linear-gradient(90deg,rgba(255,255,255,.08) 2px,transparent 2px);background-size:64px 64px;background-position:center;padding:clamp(.75rem,2vw,1.5rem) clamp(1rem,4vw,2rem);overflow:hidden;color:var(--labo-ink)}.labo-playground *,.labo-playground *:before,.labo-playground *:after{box-sizing:border-box}.labo-playground__copy{text-align:center;margin:0 auto clamp(.75rem,2vw,1.25rem);max-width:200rem}.labo-playground__headline{font-family:MonteCarlo,cursive;font-size:clamp(6rem,8vw,7rem);font-weight:550;font-style:italic;letter-spacing:0em;margin:0 0 .4rem;color:var(--labo-ink);box-sizing:border-box}.labo-playground__subline{font-size:clamp(.85rem,1.4vw,.95rem);font-family:Montserrat,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--labo-ink-soft);margin:0}.labo-playground__stage{position:relative;width:100%;max-width:1280px;aspect-ratio:2.1;margin:0 auto}.labo-playground__item{appearance:none;-webkit-appearance:none;background:transparent;border:none;border-radius:0;padding:0;margin:0;outline:none;box-shadow:none;font:inherit;color:inherit;position:absolute;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:left .45s cubic-bezier(.33,0,.2,1),top .45s cubic-bezier(.33,0,.2,1),filter .25s ease,transform .18s ease}.labo-playground__item img{width:100%;height:auto;display:block;pointer-events:none}.labo-playground__item:focus-visible{outline:2px solid var(--labo-clay);outline-offset:4px;border-radius:4px}.labo-playground__item--product{filter:drop-shadow(0 8px 11px rgba(43,38,32,.26)) contrast(1.06) saturate(1.05)}.labo-playground__item--product:hover{filter:drop-shadow(0 10px 13px rgba(43,38,32,.3)) contrast(1.06) saturate(1.05)}.labo-playground__item--patch{filter:drop-shadow(0 5px 7px rgba(43,38,32,.26))}.labo-playground__item--patch:hover{filter:drop-shadow(0 7px 9px rgba(43,38,32,.3))}.labo-playground__item--patch.is-on-product{filter:drop-shadow(0 3px 4px rgba(43,38,32,.16))}.labo-playground__item--product.is-drop-target{filter:drop-shadow(0 8px 11px rgba(43,38,32,.26)) contrast(1.08) saturate(1.07) brightness(1.03)}.labo-playground__item.is-dragging{cursor:grabbing;transition-property:filter,transform;transition-duration:.15s}.labo-playground__item--product.is-dragging{filter:drop-shadow(0 14px 16px rgba(43,38,32,.32)) contrast(1.06) saturate(1.05)}.labo-playground__item--patch.is-dragging{filter:drop-shadow(0 12px 14px rgba(43,38,32,.34))}.labo-playground__item.is-returning{transition-property:left,top;transition-duration:.55s;transition-timing-function:cubic-bezier(.33,0,.2,1)}.labo-playground__controls{display:flex;justify-content:center;margin-top:clamp(.35rem,1.25vw,.75rem)}.labo-playground__reset{-webkit-appearance:none;appearance:none;background:transparent;border:1px solid var(--labo-ink-soft);color:var(--labo-ink);font-family:Montserrat,sans-serif;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;padding:.65rem 1.6rem;border-radius:999px;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .3s ease,transform .3s ease,background .2s ease,color .2s ease}.labo-playground__reset:hover{background:var(--labo-ink);color:var(--labo-bg)}.labo-playground__reset:focus-visible{outline:2px solid var(--labo-clay);outline-offset:3px}.labo-playground__reset.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.labo-playground__item,.labo-playground__item.is-returning,.labo-playground__reset{transition-duration:.01ms!important}}.labo-playground:not(.is-enhanced) .labo-playground__reset{display:none}.labo-playground:not(.is-enhanced) .labo-playground__item{cursor:default}.labo-playground.is-drawer-open{visibility:hidden;pointer-events:none}@media(max-width:749px){.labo-playground__headline{font-size:54px!important;line-height:1}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/labo-playground.css.map */