:root{--sl3d-depth:0 14px 36px rgba(24,12,42,.14);--sl3d-edge:rgba(var(--color-foreground),.1)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.template-product .product__media-container{perspective:1100px}.template-product .product__media{transform:translateZ(0);transition:transform .4s ease,box-shadow .4s ease;box-shadow:var(--sl3d-depth);border-radius:12px;overflow:hidden}.template-product .product__media:hover{transform:perspective(1100px) rotateY(-2deg) translateY(-4px);box-shadow:0 27px 52px #180c2a33}.card-wrapper .card,.collection-list .card,.sl-fav-pairs__item{transition:transform .27s ease,box-shadow .27s ease}.card-wrapper:hover .card,.collection-list .card:hover{transform:translateY(-5px) perspective(900px) rotateX(2deg);box-shadow:0 19px 43px #180c2a21}}.template-product .product-form__submit,.cart__checkout-button{box-shadow:0 8px 20px rgba(var(--color-button),.16);transition:transform .2s,box-shadow .2s}.template-product .product-form__submit:hover,.cart__checkout-button:hover{box-shadow:0 14px 27px rgba(var(--color-button),.24)}.template-collection .product-grid .grid__item{perspective:1000px}.sl3d-section{padding:30px 0}.sl3d-frame{position:relative;isolation:isolate;overflow:hidden;padding:clamp(22px,4vw,46px);border-radius:18px;background:linear-gradient(135deg,rgb(var(--color-background)),rgba(var(--color-button),.055));border:1px solid var(--sl3d-edge);box-shadow:var(--sl3d-depth)}.sl3d-frame:before{content:"";position:absolute;right:-90px;top:-140px;width:340px;height:340px;border:1px solid rgba(var(--color-button),.16);border-radius:50%;pointer-events:none}.sl3d-title{font-size:clamp(23px,3vw,38px);line-height:1.2;letter-spacing:-.03em;margin:0 0 10px}.sl3d-note{font-size:14px;line-height:1.6;opacity:.8}.sl3d-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.sl3d-tile{padding:18px;border:1px solid var(--sl3d-edge);background:rgb(var(--color-background));border-radius:12px;box-shadow:0 9px 19px #0000000d}.sl3d-tile strong{display:block;font-size:17px;margin-bottom:6px}.sl3d-tile p{margin:0;opacity:.8;font-size:13px;line-height:1.5}.sl3d-btn{display:inline-block;background:rgb(var(--color-button));color:rgb(var(--color-button-text));border:0;border-radius:6px;padding:12px 18px;font:inherit;font-weight:650;cursor:pointer;text-decoration:none}.sl3d-cart-items{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.sl3d-cart-product{display:flex;align-items:center;gap:12px;border:1px solid var(--sl3d-edge);border-radius:12px;background:rgb(var(--color-background));padding:12px;min-width:0;box-shadow:0 9px 22px #0000000a}.sl3d-cart-product img{width:82px;height:82px;object-fit:cover;border-radius:8px}.sl3d-cart-product a{color:inherit;line-height:1.35}.sl3d-cart-product button{font:inherit;padding:8px 12px;margin-top:7px;background:rgb(var(--color-button));color:rgb(var(--color-button-text));border:0;border-radius:5px;cursor:pointer}@media(max-width:740px){.sl3d-grid,.sl3d-cart-items{grid-template-columns:1fr}.sl3d-frame{padding:22px}.sl3d-cart-product img{width:74px;height:74px}}@media(prefers-reduced-motion:reduce){.card-wrapper .card,.template-product .product__media,.sl-fav-pairs__item{transition:none!important;transform:none!important}}.sl-future-drawer{color:rgb(var(--color-foreground));margin:14px 0 15px;padding:15px;border-radius:13px;background:linear-gradient(135deg,rgb(var(--color-background)),rgba(var(--color-button),.065));border:1px solid rgba(var(--color-button),.18);box-shadow:0 13px 28px #180c2a19;max-height:300px;overflow-y:auto}.sl-future-drawer__eyebrow{color:rgb(var(--color-button));letter-spacing:.16em;font-size:10px;font-weight:750;margin:0 0 5px}.sl-future-drawer>strong{font-size:16px}.sl-future-drawer__hint{font-size:12px;line-height:1.45;opacity:.77;margin:5px 0 10px}.sl-future-drawer__rail{display:grid;gap:8px}.sl-future-drawer__product{display:flex;align-items:center;gap:8px;border-radius:9px;border:1px solid rgba(var(--color-foreground),.09);background:rgb(var(--color-background));padding:7px}.sl-future-drawer__product img{width:55px;height:55px;object-fit:cover;border-radius:7px}.sl-future-drawer__product>div{flex:1;min-width:0}.sl-future-drawer__product a{color:inherit;text-decoration:none}.sl-future-drawer__name{font-size:11px;font-weight:650;line-height:1.3;display:block;max-height:32px;overflow:hidden}.sl-future-drawer__product small{font-size:12px;display:block}.sl-future-drawer__product button{background:rgb(var(--color-button));color:rgb(var(--color-button-text));border:0;padding:10px;border-radius:6px;cursor:pointer;white-space:nowrap;font-size:12px}.sl-future-drawer__disclaimer{font-size:10px;opacity:.68;margin:8px 0 0}@media(hover:hover)and (prefers-reduced-motion:no-preference){.template-product .product__media-list .product__media-item:not(.is-active) img{transition:transform .45s ease}.template-product .product__media-list .product__media-item:hover img{transform:scale(1.025)}.product__info-wrapper{perspective:1200px}.product__info-container .product-form__buttons{transition:transform .25s}.product__info-container .product-form__buttons:hover{transform:translateZ(8px)}}.bundle-option{transition:box-shadow .2s,transform .2s}.bundle-option.is-selected{box-shadow:0 8px 21px rgba(var(--color-button),.18)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.bundle-option:hover{transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.bundle-option{transition:none}}.template-product .product__media-container{isolation:isolate;position:relative}.template-product .product__media-container:before{content:"";position:absolute;left:3%;right:3%;top:3%;height:70%;border-radius:43% 57% 62% 38%/46% 59% 41% 54%;background:radial-gradient(circle at 60% 30%,rgba(var(--color-button),.14),transparent 70%);filter:blur(20px);pointer-events:none;z-index:-1}@media(hover:hover)and (prefers-reduced-motion:no-preference){.template-product .product__media{transform-style:preserve-3d}.template-product .product__media:hover{transform:perspective(1100px) rotateY(-3deg) rotateX(2deg) translateY(-5px)}.sl-fav-pairs__item:hover{transform:perspective(900px) translateY(-6px) rotateY(-2deg)}.sl-smart-bundle__tile:hover{transform:perspective(900px) translateY(-5px) rotateX(2deg)}}@media(max-width:749px){.template-product .product__media:hover,.sl-fav-pairs__item:hover,.sl-smart-bundle__tile:hover{transform:none!important}.sl-fav-pairs__grid{scroll-padding-left:8px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/smile-depth-v1.css.map */
