:root{--layer-header: 20;--layer-header-popover: 30;--layer-mobile-drawer: 40;--layer-modal: 200}@media(max-width:1023px){:root{--mobile-cart-top-gap: calc(env(safe-area-inset-top, 0px) + 7.5rem) ;--mobile-cart-bottom-gap: calc(env(safe-area-inset-bottom, 0px) + 1rem) ;--mobile-cart-open-height: calc(100dvh - var(--mobile-cart-top-gap) - var(--mobile-cart-bottom-gap))}.mobile-cart-backdrop{background:#ffffffb8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .26s ease}.mobile-cart-sheet{transform-origin:bottom center;max-height:108px;transition:max-height .34s cubic-bezier(.22,1,.36,1),transform .34s cubic-bezier(.22,1,.36,1),box-shadow .26s ease,border-radius .26s ease}.mobile-cart-sheet[data-open=true]{max-height:min(var(--mobile-cart-open-height),48rem);box-shadow:0 28px 64px -30px #0f172a6b}.mobile-cart-sheet__content{max-height:0;overflow:hidden;opacity:0;transform:translateY(14px);transition:max-height .34s cubic-bezier(.22,1,.36,1),opacity .2s ease,transform .34s cubic-bezier(.22,1,.36,1)}.mobile-cart-sheet[data-open=true] .mobile-cart-sheet__content{max-height:calc(min(var(--mobile-cart-open-height),48rem) - 8rem);opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-modal)!important;isolation:isolate;animation:modal-overlay-in .22s ease-out}.modal-surface{position:relative;z-index:1;transform-origin:center bottom;animation:modal-surface-in .28s cubic-bezier(.22,1,.36,1);will-change:transform,opacity}.floating-surface{animation:floating-surface-in .18s cubic-bezier(.22,1,.36,1);transform-origin:top center;will-change:transform,opacity}.mobile-drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a61;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0}.mobile-drawer-overlay--opening{animation:mobile-drawer-overlay-in .22s ease forwards}.mobile-drawer-overlay--open{opacity:1}.mobile-drawer-overlay--closing{animation:mobile-drawer-overlay-out .22s ease forwards}.mobile-drawer-panel{position:relative;z-index:1;width:18rem;max-width:calc(100vw - 2rem);height:100%;background:#fff;padding:1.5rem;display:flex;flex-direction:column;box-shadow:0 30px 70px -28px #0f172a73;transform:translate(-100%);opacity:0;will-change:transform,opacity}.mobile-drawer-panel--opening{animation:mobile-drawer-panel-in .3s cubic-bezier(.22,1,.36,1) forwards}.mobile-drawer-panel--open{transform:translate(0);opacity:1}.mobile-drawer-panel--closing{animation:mobile-drawer-panel-out .24s ease forwards}.page-transition-surface{min-height:100%;will-change:opacity}.page-transition-enter{opacity:0;animation:page-transition-enter .24s cubic-bezier(.22,1,.36,1);animation-fill-mode:both}.skeleton-shimmer{position:relative;overflow:hidden;isolation:isolate}.skeleton-shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;transform:translate(-120%);background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,0) 32%,rgba(255,255,255,.72) 50%,rgba(255,255,255,0) 68%,transparent 100%);animation:skeleton-shimmer 1.45s ease-in-out infinite}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-surface-in{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes floating-surface-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes page-transition-enter{0%{opacity:0}to{opacity:1}}@keyframes skeleton-shimmer{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes mobile-drawer-panel-in{0%{opacity:.72;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes mobile-drawer-panel-out{0%{opacity:1;transform:translate(0)}to{opacity:.82;transform:translate(-100%)}}@keyframes mobile-drawer-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes mobile-drawer-overlay-in{0%{opacity:0}to{opacity:1}}.order-card-transition{animation-fill-mode:both}.order-card-transition--leaving{animation-duration:.17s;animation-timing-function:cubic-bezier(.4,0,1,1)}.order-card-transition--entering{animation-duration:.36s;animation-timing-function:cubic-bezier(.22,1,.36,1)}.order-card-transition--leaving-forward{animation-name:order-card-leave-forward}.order-card-transition--leaving-backward{animation-name:order-card-leave-backward}.order-card-transition--entering-forward{animation-name:order-card-enter-forward}.order-card-transition--entering-backward{animation-name:order-card-enter-backward}@keyframes order-card-leave-forward{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:.18;transform:translate(34px) scale(.975)}}@keyframes order-card-leave-backward{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:.18;transform:translate(-34px) scale(.975)}}@keyframes order-card-enter-forward{0%{opacity:.28;transform:translate(-38px) scale(.982)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes order-card-enter-backward{0%{opacity:.28;transform:translate(38px) scale(.982)}to{opacity:1;transform:translate(0) scale(1)}}::view-transition-group(*){animation-duration:.28s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(*),::view-transition-new(*){animation-duration:.28s;animation-timing-function:cubic-bezier(.22,1,.36,1)}@media(prefers-reduced-motion:reduce){.modal-overlay,.modal-surface,.floating-surface,.page-transition-enter,.skeleton-shimmer:after,.mobile-drawer-overlay,.mobile-drawer-panel,.order-card-transition{animation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:0ms}}
