:root{--sy-dur-1: .12s;--sy-dur-2: .2s;--sy-dur-3: .32s;--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}.sy-reveal{opacity:1}.sy-motion .sy-reveal{opacity:0;transform:translateY(var(--sy-reveal-rise));transition:opacity var(--sy-dur-4) var(--sy-ease-signature),transform var(--sy-dur-4) var(--sy-ease-signature)}.sy-motion .sy-reveal.is-revealed{opacity:1;transform:none;will-change:auto}.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 .sy-reveal--stagger>.sy-reveal{transition-delay:calc(var(--sy-stagger) * var(--sy-index, 0))}@supports (animation-timeline: view()){.sy-motion .sy-reveal{animation:sy-reveal-in linear both;animation-timeline:view();animation-range:entry 5% cover 22%;transition:none}.sy-motion .sy-reveal--stagger>.sy-reveal{animation-range:entry calc(5% + var(--sy-index, 0) * 5%) cover 24%}.sy-motion .sy-reveal--fade{animation-name:sy-reveal-fade}.sy-motion .sy-reveal--left{animation-name:sy-reveal-left}.sy-motion .sy-reveal--right{animation-name:sy-reveal-right}.sy-motion .sy-reveal--scale{animation-name:sy-reveal-scale}}@keyframes sy-reveal-in{0%{opacity:0;transform:translateY(var(--sy-reveal-rise))}to{opacity:1;transform:none}}@keyframes sy-reveal-fade{0%{opacity:0}to{opacity:1}}@keyframes sy-reveal-left{0%{opacity:0;transform:translate(calc(-1 * var(--sy-reveal-rise)))}to{opacity:1;transform:none}}@keyframes sy-reveal-right{0%{opacity:0;transform:translate(var(--sy-reveal-rise))}to{opacity:1;transform:none}}@keyframes sy-reveal-scale{0%{opacity:0;transform:scale(var(--sy-reveal-scale))}to{opacity:1;transform:none}}.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-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)}.sy-card__title{transition:color var(--sy-dur-2) var(--sy-ease-standard)}@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;filter:blur(8px);transition:opacity var(--sy-dur-4) var(--sy-ease-standard),filter var(--sy-dur-4) var(--sy-ease-standard)}.sy-img img.is-loaded,img.sy-img.is-loaded{opacity:1;filter:blur(0)}.sy-stepper button{transition:transform var(--sy-dur-1) var(--sy-ease-standard),background-color var(--sy-duration-fast) 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:color var(--sy-dur-2) var(--sy-ease-standard),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;transform:scale(0);transition:transform 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{transform:scale(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{transition:background-color var(--sy-dur-2) var(--sy-ease-standard);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;transition:grid-template-rows var(--sy-dur-3) var(--sy-ease-signature)}.sy-accordion[open] .sy-accordion__panel{grid-template-rows:1fr}.sy-accordion__panel>*{overflow:hidden}.sy-dot{width:8px;height:8px;border-radius:999px;background:#4a291759;transition:width var(--sy-dur-3) var(--sy-ease-signature),background-color var(--sy-dur-3) var(--sy-ease-signature)}.sy-dot[aria-current=true],.sy-dot.is-active{width:22px;background:var(--sy-madder)}.sy-arrow{transition:transform var(--sy-dur-2) var(--sy-ease-signature),background-color var(--sy-dur-2) var(--sy-ease-standard),box-shadow var(--sy-dur-2) var(--sy-ease-standard)}@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;transition:box-shadow var(--sy-duration-fast) var(--sy-ease-standard),border-color var(--sy-duration-fast) var(--sy-ease-standard)}.sy-navlink{position:relative;transition:color var(--sy-dur-2) var(--sy-ease-standard)}.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-badge-pop.is-bumped{animation:sy-badge-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)}}.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),box-shadow 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{grid-template-rows:1fr!important}.sy-accordion[open] .sy-accordion__chevron{transform:rotate(180deg)!important}.sy-motion .sy-img img{opacity:1!important;filter:none!important}.sy-atc--added,.sy-badge-pop.is-bumped,.sy-chip.is-just-selected{animation:none!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/8/assets/sutrayan-motion.css.map */