:root{--sy-dur-1: .12s;--sy-dur-2: .2s;--sy-dur-3: .28s;--sy-dur-4: .48s;--sy-dur-5: .64s;--sy-ease-signature: cubic-bezier(.22, 1, .36, 1);--sy-ease-entrance: var(--sy-ease-signature);--sy-ease-exit: cubic-bezier(.4, 0, 1, 1);--sy-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--sy-stagger: 60ms;--sy-reveal-rise: 16px;--sy-reveal-scale: .985}:root{--sy-shadow-warm-xl: 0 8px 16px -4px rgba(74, 41, 23, .14), 0 32px 64px -12px rgba(74, 41, 23, .2);--sy-elev-0: none;--sy-elev-1: var(--sy-shadow-warm-sm), inset 0 1px 0 rgba(255, 255, 255, .55);--sy-elev-2: var(--sy-shadow-warm-md), inset 0 1px 0 rgba(255, 255, 255, .6);--sy-elev-3: var(--sy-shadow-warm-xl);--sy-hairline: #E8E6E3;--sy-hairline-gradient: linear-gradient(90deg, transparent, #E8E6E3 15%, #E8E6E3 85%, transparent);--sy-paper-grad: linear-gradient(180deg, #FDFCFA, #F7F4EF);--sy-madder: #9C3E2E;--sy-ink: #1C1917;--sy-ink-deep: #0C0A09}[data-sy-reveal],.sy-reveal{opacity:1}.sy-motion [data-sy-reveal],.sy-motion .sy-reveal{opacity:0;transform:translateY(var(--sy-reveal-rise));transition:opacity .56s var(--sy-ease-entrance),transform .56s var(--sy-ease-entrance);transition-delay:calc(var(--sy-stagger) * var(--sy-reveal-index, var(--sy-index, 0)))}.sy-motion [data-sy-reveal].is-revealed,.sy-motion .sy-reveal.is-revealed{opacity:1;transform:none}.sy-motion .sy-reveal--fade{transform:none!important}.sy-motion .sy-reveal--up{transform:translateY(var(--sy-reveal-rise))}.sy-motion .sy-reveal--left{transform:translate(calc(-1 * var(--sy-reveal-rise)))}.sy-motion .sy-reveal--right{transform:translate(var(--sy-reveal-rise))}.sy-motion .sy-reveal--scale{transform:scale(var(--sy-reveal-scale))}.sy-motion [data-sy-reveal]{transform:translateY(var(--sy-reveal-rise))!important}[data-sy-reveal-stagger],.sy-reveal--stagger{--sy-stagger: 72ms}.sy-dark-fx{position:relative;isolation:isolate}.sy-dark-fx>*{position:relative;z-index:1}.sy-dark-fx:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(80% 60% at 50% -10%,rgba(156,62,46,.1),transparent),radial-gradient(120% 100% at 50% 0%,transparent 55%,rgba(0,0,0,.32)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");background-size:auto,auto,140px 140px;background-repeat:no-repeat,no-repeat,repeat;background-attachment:local,local,local;opacity:1}.sy-dark-fx:before{--sy-grain-alpha: .03}.sy-paper{background-image:var(--sy-paper-grad)}.sy-hairline-x{border:0;height:1px;background:var(--sy-hairline-gradient)}.sy-divide-x>*+*{border-top:1px solid transparent;border-image:var(--sy-hairline-gradient) 1}.sy-elev-1{box-shadow:var(--sy-elev-1)}.sy-elev-2{box-shadow:var(--sy-elev-2)}.sy-elev-3{box-shadow:var(--sy-elev-3)}.sy-press{transition:transform var(--sy-dur-1) var(--sy-ease-standard)}.sy-press:active{transform:scale(.97)}@media(hover:hover){.button:active,button.button:active{transform:scale(.98)}}.sy-card{transition:transform var(--sy-dur-3) var(--sy-ease-signature);box-shadow:var(--sy-elev-1)}.sy-card__media{overflow:hidden;border-radius:12px}.sy-card__media img,.sy-card__media>img{transition:transform var(--sy-dur-3) var(--sy-ease-signature)}@media(hover:hover){.sy-card:hover{transform:translateY(-4px);box-shadow:var(--sy-elev-2)}.sy-card:hover .sy-card__media img{transform:scale(1.04)}.sy-card:hover .sy-card__title{color:var(--sy-madder)}}.sy-card:focus-within{transform:translateY(-4px);box-shadow:var(--sy-elev-2)}@media(hover:none){.sy-card:hover,.sy-card:hover .sy-card__media img{transform:none}}.sy-img{background-color:#f1eeea}.sy-img img,img.sy-img{opacity:1}.sy-motion .sy-img img:not(.is-loaded),.sy-motion img.sy-img:not(.is-loaded){opacity:0;transition:opacity var(--sy-dur-4) var(--sy-ease-standard)}.sy-img img.is-loaded,img.sy-img.is-loaded{opacity:1}.sy-stepper button{transition:transform var(--sy-dur-1) var(--sy-ease-standard)}.sy-stepper button:active{transform:scale(.9)}@media(hover:hover){.sy-stepper button:hover{background-color:#4a29170a}}.sy-stepper button[disabled],.sy-stepper button[aria-disabled=true]{opacity:.4;cursor:not-allowed}.sy-stepper__value{display:inline-block;transition:transform var(--sy-dur-2) var(--sy-ease-standard)}.sy-chip{position:relative;isolation:isolate;transition:transform var(--sy-dur-1) var(--sy-ease-spring)}.sy-chip:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:#4a2917;opacity:0;transition:opacity var(--sy-dur-2) var(--sy-ease-signature)}.sy-chip[aria-pressed=true],.sy-chip[aria-selected=true],.sy-chip.is-selected{color:#fff}.sy-chip[aria-pressed=true]:before,.sy-chip[aria-selected=true]:before,.sy-chip.is-selected:before{opacity:1}.sy-chip.is-just-selected{animation:sy-pop var(--sy-dur-3) var(--sy-ease-spring)}.sy-chip[aria-disabled=true],.sy-chip:disabled{text-decoration:line-through;opacity:.45}@keyframes sy-pop{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}.sy-accordion summary{cursor:pointer}@media(hover:hover){.sy-accordion summary:hover{background-color:#4a29170a}}.sy-accordion summary .sy-accordion__chevron,.sy-accordion__chevron{transition:transform var(--sy-dur-3) var(--sy-ease-signature)}.sy-accordion[open]>summary .sy-accordion__chevron,.sy-accordion[open] .sy-accordion__chevron{transform:rotate(180deg)}.sy-accordion__panel{display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(-4px);transition:opacity var(--sy-dur-3) var(--sy-ease-signature),transform var(--sy-dur-3) var(--sy-ease-signature)}.sy-accordion[open] .sy-accordion__panel{grid-template-rows:1fr;opacity:1;transform:none}.sy-accordion__panel>*{overflow:hidden}.sy-dot{width:22px;height:8px;border-radius:999px;background:#4a291759;transform:scaleX(.36);transform-origin:left center;transition:transform var(--sy-dur-3) var(--sy-ease-signature)}.sy-dot[aria-current=true],.sy-dot.is-active{background:var(--sy-madder);transform:scaleX(1)}.sy-arrow{transition:transform var(--sy-dur-2) var(--sy-ease-signature)}@media(hover:hover){.sy-arrow:hover:not([disabled]){transform:scale(1.08);box-shadow:var(--sy-elev-1)}}.sy-arrow[disabled],.sy-arrow[aria-disabled=true]{opacity:.4}.sy-input:focus-visible,.sy-field input:focus-visible,.sy-field textarea:focus-visible{outline:none;border-color:var(--sy-madder);box-shadow:0 0 0 3px #9c3e2e26}.sy-navlink{position:relative}.sy-navlink:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--sy-dur-2) var(--sy-ease-signature)}@media(hover:hover){.sy-navlink:hover:after{transform:scaleX(1)}}.sy-navlink:focus-visible:after{transform:scaleX(1)}.sy-price--updated{animation:sy-price-in var(--sy-dur-2) var(--sy-ease-signature)}@keyframes sy-price-in{0%{opacity:.25;transform:translateY(2px)}}.sy-badge-pop.is-bumped{animation:sy-pop var(--sy-dur-3) var(--sy-ease-spring)}@keyframes sy-badge-pop{0%{transform:scale(1)}45%{transform:scale(1.25)}to{transform:scale(1)}}.sy-atc{position:relative}.sy-atc--added{animation:sy-atc-pulse var(--sy-dur-3) var(--sy-ease-spring)}.sy-atc__check{display:none}.sy-atc--added .sy-atc__check{display:inline-flex}.sy-atc--added .sy-atc__label{opacity:0}@keyframes sy-atc-pulse{0%{transform:scale(1)}45%{transform:scale(1.02)}to{transform:scale(1)}}button[name=add].sy-atc--pending{position:relative;cursor:progress}button[name=add].sy-atc--pending .add-to-cart-text{opacity:.26;transition:opacity var(--sy-dur-2) var(--sy-ease-standard)}button[name=add].sy-atc--pending .add-to-cart__added,button[name=add].sy-atc--pending .checkmark-burst{opacity:0!important}button[name=add].sy-atc--pending:after{content:"";position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;opacity:.92;animation:sy-atc-spin .62s linear infinite}@keyframes sy-atc-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){button[name=add].sy-atc--pending:after{animation:none;border-top-color:currentColor;opacity:.55}button[name=add].sy-atc--pending .add-to-cart-text{opacity:.5}}.sy-cart-row--updated{animation:sy-cart-row-feedback var(--sy-dur-4) var(--sy-ease-entrance)}@keyframes sy-cart-row-feedback{0%{background-color:#9c3e2e1f;opacity:.82;transform:translateY(8px)}to{background-color:transparent;opacity:1;transform:none}}.sy-atc__check svg path,.sy-atc__check svg line,.sy-atc__check svg polyline{stroke-dasharray:24;stroke-dashoffset:24}.sy-atc--added .sy-atc__check svg path,.sy-atc--added .sy-atc__check svg line,.sy-atc--added .sy-atc__check svg polyline{animation:sy-draw var(--sy-dur-4) var(--sy-ease-standard) forwards}@keyframes sy-draw{to{stroke-dashoffset:0}}.sy-lift{transition:transform var(--sy-dur-2) var(--sy-ease-signature)}@media(hover:hover){.sy-lift:hover{transform:translateY(-1px);box-shadow:var(--sy-elev-2)}}.sy-lift:active{transform:scale(.98)}@media(prefers-reduced-motion:reduce){.sy-reveal,.sy-motion .sy-reveal,.sy-motion .sy-reveal--fade,.sy-motion .sy-reveal--up,.sy-motion .sy-reveal--left,.sy-motion .sy-reveal--right,.sy-motion .sy-reveal--scale{opacity:1!important;transform:none!important;transition:none!important;animation:none!important;will-change:auto!important}.sy-press,.sy-card,.sy-card__media img,.sy-lift,.sy-arrow,.sy-dot,.sy-chip,.sy-chip:before,.sy-navlink:after,.sy-stepper button,.sy-accordion__chevron,.sy-accordion__panel,.sy-img img{transition:none!important;animation:none!important}.sy-accordion__panel{opacity:1!important;transform:none!important}.sy-accordion[open] .sy-accordion__panel{grid-template-rows:1fr!important}.sy-accordion[open] .sy-accordion__chevron{transform:rotate(180deg)!important}.sy-motion .sy-img img,.sy-motion img.sy-img{opacity:1!important}.sy-atc--added,.sy-badge-pop.is-bumped,.sy-chip.is-just-selected,.sy-price--updated,.sy-cart-row--updated{animation:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sy-motion .sy-reveal.is-revealed{animation:none!important;opacity:1!important;transform:none!important}@media(max-width:749px){#MainContent{overflow-x:clip}.product-media-container,.product-media-container slideshow-container,.product-media-container .product-media,.product-media-container .product-media__image{max-width:100vw}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/sutrayan-motion.css.map?x=59916 */