quick-add-modal{position:fixed;top:0;inset-inline-start:0;inset-inline-end:0;bottom:0;z-index:999;overflow:hidden;width:100%;height:100%;height:100dvh;height:var(--skn-viewport-height, 100vh);margin:0!important;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .42s ease,visibility 0s linear 0s}.quick-add-modal__overlay{display:block!important;background:var(--overlay-background-color);top:0;inset-inline-start:0;bottom:0;inset-inline-end:0;width:100%;height:100%;position:absolute;z-index:0;opacity:0;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;cursor:pointer;transition:opacity .58s cubic-bezier(.22,1,.36,1)}.quick-add-modal__wrapper{background-color:var(--popup-background-color);color:var(--popup-foreground-color);position:absolute;bottom:var(--page-gutter);inset-inline-end:var(--page-gutter);max-height:min(44rem,calc(var(--skn-viewport-height, 100vh) - 2 * var(--page-gutter)));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:calc(100% - 2 * var(--page-gutter));border-radius:var(--card-border-radius);z-index:1;transform:translate3d(0,calc(100% + var(--page-gutter)),0);opacity:.98;will-change:transform,opacity;backface-visibility:hidden;contain:layout paint;transition:transform .82s cubic-bezier(.22,1,.36,1),opacity .44s ease}quick-add-modal.motion-ready{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .42s ease,visibility 0s linear 0s}quick-add-modal.is-open .quick-add-modal__overlay{opacity:1}quick-add-modal.is-open .quick-add-modal__wrapper{transform:translateZ(0);opacity:1}quick-add-modal.is-closing{opacity:0;pointer-events:none;visibility:visible;transition:opacity .42s ease,visibility 0s linear 0s}quick-add-modal.is-closing .quick-add-modal__overlay{opacity:0;transition-duration:.46s}quick-add-modal.is-closing .quick-add-modal__wrapper{transform:translate3d(0,calc(100% + var(--page-gutter)),0);opacity:.98;transition-duration:.74s,.34s;transition-timing-function:cubic-bezier(.32,0,.18,1),ease}.quick-add-modal__close-btn{position:absolute;top:1.6rem;inset-inline-end:1.6rem}.quick-add-modal__content{padding:1.6rem}.quick-add-modal__content img{backface-visibility:hidden}.quick-add-modal__skeleton{display:grid;gap:1.6rem;padding:.4rem 0}.quick-add-modal__skeleton span{display:block;min-height:4.4rem;overflow:hidden;border-radius:min(var(--input-border-radius),14px);background:linear-gradient(90deg,transparent,color-mix(in srgb,currentColor 8%,transparent),transparent),color-mix(in srgb,currentColor 7%,transparent);background-size:210% 100%,100% 100%;animation:skn-quiet-shimmer 1.25s ease-in-out infinite}.quick-add-modal__skeleton-header{display:grid;grid-template-columns:5.8rem minmax(0,1fr);gap:1.2rem;align-items:center}.quick-add-modal__skeleton-header>span{min-height:5.8rem;border-radius:min(var(--card-border-radius),14px)}.quick-add-modal__skeleton-header>div{display:grid;gap:.8rem}.quick-add-modal__skeleton-header>div span{min-height:1.6rem}.quick-add-modal__skeleton-header>div span:last-child{width:36%}@keyframes skn-quiet-shimmer{0%{background-position:160% 0,0 0}to{background-position:-60% 0,0 0}}.quick-add-modal__header{display:flex;flex-direction:row;align-items:center;gap:.8rem;flex-wrap:wrap}.quick-add-modal__header>.quick-add-modal__image{width:20%}[id^=MainProductQuickAdd-]>*+*,.quick-add-modal__content>*+*{margin-top:3.2rem}@media screen and (min-width:60em){.quick-add-modal__wrapper{width:unset;min-width:40rem;max-width:40rem}}@media screen and (max-width:59.99em){.quick-add-modal__wrapper{inset-inline-start:var(--page-gutter);bottom:max(var(--page-gutter),env(safe-area-inset-bottom));max-height:min(78vh,calc(var(--skn-viewport-height, 100vh) - 2 * var(--page-gutter)))}quick-add-modal input,quick-add-modal select,quick-add-modal textarea{font-size:16px!important}}@supports (-webkit-touch-callout: none){quick-add-modal{height:-webkit-fill-available;min-height:-webkit-fill-available}.quick-add-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;height:auto}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/quick-add.css.map */