#quick-add-dialog{display: contents;}.quick-add-modal .quantity-selector-wrapper{--color-input-background: inherit;--color-input-text: inherit;--color-input-text-rgb: inherit;--color-input-border: inherit;--style-border-width-inputs: inherit;--style-border-radius-inputs: inherit;--style-border-radius-buttons-primary: var(--style-border-radius-inputs);--style-border-radius-buttons-secondary: var(--style-border-radius-inputs);}.quick-add-modal .product-details .quantity-selector{border-radius: var(--style-border-radius-inputs);}@media screen and (min-width: 750px){.quick-add-modal{width: var(--quick-add-modal-width);height: var(--quick-add-modal-height);max-width: none;}}.quick-add-modal{padding: 0;border: var(--style-border-popover);overflow: hidden;box-shadow: 0 5px 30px rgb(0 0 0 / var(--opacity-15));@media screen and (max-width: 749px){position: fixed;margin: auto 0 0 0;min-height: unset;max-width: 100%;border-radius: 0;overflow: clip;height: fit-content;}}.quick-add-modal[open]{@media screen and (max-width: 750px){border-top-left-radius: var(--style-border-radius-popover);border-top-right-radius: var(--style-border-radius-popover);}}.quick-add-modal[open]{@media screen and (min-width: 750px){display: flex;}}.quick-add-modal .view-more-details__wrapper{@media screen and (max-width: 749px){display: none;}}.quick-add-modal[open]{animation: modalSlideInTop var(--animation-speed) var(--animation-easing) forwards;}.quick-add-modal.dialog-closing{animation: modalSlideOutTop var(--animation-speed) var(--animation-easing) forwards;}.quick-add-modal__close{position: absolute;top: var(--margin-2xs);right: var(--margin-2xs);transition: transform 0.15s var(--animation-timing-bounce);z-index: var(--layer-raised);overflow: visible;transform-origin: center;}.quick-add-modal__close:active{transform: scale(0.99) translateY(1px);}.quick-add-modal__close{&:focus-visible{outline: none;}&:focus-visible::after{content: '';position: absolute;inset: 0;border-radius: calc(var(--style-border-radius-popover) - var(--margin-2xs));outline: var(--focus-outline-width) solid currentColor;}}.quick-add-modal__content{display: grid;grid-template-columns: repeat(7, 1fr);grid-template-rows: 100% 1fr;position: relative;overflow-y: auto;max-height: 100vh;flex-grow: 1;@media screen and (max-width: 749px){grid-template-columns: repeat(4, 1fr);grid-template-rows: auto;padding-inline: var(--padding-xl);padding-block: var(--padding-xl);gap: var(--gap-lg);flex: 1;min-height: 0;overflow-y: auto;height: auto;max-height: 100vh;}}.quick-add-modal__content .media-gallery--grid .media-gallery__grid{grid-template-columns: 1fr;}.quick-add-modal__content .media-gallery--grid.media-gallery--two-column .product-media-container:first-child{grid-column: auto;}.quick-add-modal__content{.media-gallery--grid:not(.media-gallery--two-column) .product-media > *,
.media-gallery--grid.media-gallery--two-column:not(.media-gallery--large-first-image)
.product-media-container:nth-of-type(odd)
.product-media > *,
.media-gallery--grid.media-gallery--two-column.media-gallery--large-first-image
.product-media-container:is(:first-of-type, :nth-of-type(even))
.product-media > *,
.media-gallery--carousel slideshow-container{border-top-left-radius: 0;border-bottom-left-radius: 0;}}.quick-add-modal__content .view-more-details__wrapper{display: flex;justify-content: flex-start;width: 100%;}.view-more-details__wrapper .view-more-details{display: flex;align-items: center;width: fit-content;}.quick-add-modal__content .product-header{@media screen and (max-width: 749px){display: flex;flex-direction: column;grid-column: 2 / -1;grid-row: 1;padding-right: var(--padding-2xl);}}.quick-add-modal__content .product-header a:not(product-price *){@media screen and (max-width: 749px){font-size: var(--font-size--md);font-weight: 500;color: inherit;width: fit-content;}}.quick-add-modal__content variant-picker,
.quick-add-modal__content product-form-component{@media screen and (max-width: 749px){grid-column: 1 / -1;}}.quick-add-modal__content .product-media-container__zoom-button{cursor: default;}.quick-add-modal__content .product-details{grid-column: 4 / -1;grid-row: 1 / span 2;display: flex;flex-direction: column;justify-content: stretch;height: 100%;min-height: 0;overflow-y: auto;position: relative;dialog[open] &{animation: fadeSlideIn 0.3s var(--animation-timing-fade-in) both;animation-delay: 0.1s;}@media screen and (max-width: 749px){grid-column: 2 / span 2;grid-row: span 1;max-height: 100%;height: 100%;}}@property --quick-add-modal-mask-start{syntax: '<length>';initial-value: 0px;inherits: false;}@property --quick-add-modal-mask-end{syntax: '<length>';initial-value: 0px;inherits: true;}@keyframes detect-scroll{from,
to{--can-scroll: ;}}@supports (animation-timeline: scroll(self)){dialog[open] .quick-add-modal__content .product-details{mask-image: linear-gradient(to bottom, transparent 0%, #000 var(--quick-add-modal-mask-start), #000 100%);animation: 0.3s var(--animation-timing-fade-in) 0.1s both fadeSlideIn, scrollStart 1s linear both,
scrollEnd 1s linear both, detect-scroll 1ms linear none;animation-timeline: auto, scroll(self), scroll(self), scroll(self);animation-range: normal, 0px 48px, calc(100% - 48px) 100%, 0% 100%;}}@keyframes scrollStart{from{--quick-add-modal-mask-start: 0px;}to{--quick-add-modal-mask-start: 48px;}}@keyframes scrollEnd{from{--quick-add-modal-mask-end: 0px;}to{--quick-add-modal-mask-end: 48px;}}.quick-add-modal__content .product-details > .group-block{flex-grow: 1;width: auto;}.quick-add-modal__content > *{min-height: 0;}.quick-add-modal__content .product-details :is(.view-product-title, .buy-buttons-block){flex: 0 0 auto;}.quick-add-modal__content .product-details :is(.buy-buttons-block){margin-top: auto;position: sticky;bottom: 0;padding-bottom: var(--padding-3xl);background-color: var(--color-background);z-index: var(--layer-raised);&::before{--quick-add-modal-mask-end-progressive-enhanced: 0px;position: absolute;content: '';display: block;inset: auto 0 100% 0;pointer-events: none;height: min(var(--gap-2xl), var(--gap));background-color: inherit;mask-image: linear-gradient(
to top,
#000 0%,
#000 calc(var(--gap-2xs)),
transparent calc(100% - var(--quick-add-modal-mask-end-progressive-enhanced)),
transparent
);}}.quick-add-modal__content .product-details .buy-buttons-block:has(gift-card-recipient-form){position: static;padding-bottom: 0;flex-grow: 1;display: flex;flex-direction: column;}.quick-add-modal__content .product-details .buy-buttons-block:has(gift-card-recipient-form) > product-form-component{flex-grow: 1;display: flex;flex-direction: column;}.quick-add-modal__content .product-details .buy-buttons-block:has(gift-card-recipient-form) form{flex-grow: 1;display: flex;flex-direction: column;}.quick-add-modal__content .product-details .buy-buttons-block:has(gift-card-recipient-form)::before{display: none;}.quick-add-modal__content .product-details .buy-buttons-block__bar{display: block;position: sticky;bottom: 0;margin-top: auto;padding-block: var(--gap-md) var(--padding-3xl);background-color: var(--color-background);z-index: var(--layer-raised);&::before{--quick-add-modal-mask-end-progressive-enhanced: 0px;position: absolute;content: '';display: block;inset: auto 0 100% 0;pointer-events: none;height: min(var(--gap-2xl), var(--gap));background-color: inherit;mask-image: linear-gradient(
to top,
#000 0%,
#000 calc(var(--gap-2xs)),
transparent calc(100% - var(--quick-add-modal-mask-end-progressive-enhanced)),
transparent
);}}@supports (animation-timeline: scroll(self)){.quick-add-modal__content .product-details :is(.buy-buttons-block)::before,
.quick-add-modal__content .product-details .buy-buttons-block__bar::before{--mask-if-scroll: var(--can-scroll) var(--quick-add-modal-mask-end);--mask-if-no-scroll: 48px;--quick-add-modal-mask-end-progressive-enhanced: var(--mask-if-scroll, var(--mask-if-no-scroll));height: calc(var(--gap-2xs) + 48px);}}.quick-add-modal__content .product-details .variant-picker{flex: 0 0 auto;padding-block: min(var(--gap-2xl), var(--gap));margin-block-end: calc(var(--focus-outline-offset) + var(--focus-outline-width));}.quick-add-modal__content .variant-option--swatches{padding-inline-start: var(--padding-2xs);}.quick-add-modal__content .variant-option--swatches legend{margin-inline-start: calc(-1 * var(--padding-2xs));}.quick-add-modal__content:not(:has(.product-information__media)) .product-details{grid-column: 1 / -1;}.quick-add-modal__content .view-product-title{display: flex;padding-block: 0;margin-block-end: 12px;padding-inline-end: calc(var(--padding-2xl) + calc(var(--minimum-touch-target) / 2));}.quick-add-modal__content .view-product-title a{color: inherit;text-decoration: none;text-align: left;font-size: var(--font-size--2xl);font-weight: 600;line-height: 1.2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;transition: color 0.2s var(--animation-easing);}.quick-add-modal__content .product-details product-price{--text-align: left;}.quick-add-modal__content .product-details product-price.text-block--align-center{margin-inline: 0;}.quick-add-modal__content .product-details product-price.text-center{--text-align: left;}.quick-add-modal__content .product-details product-price > *{text-align: left;}.quick-add-modal__content
.product-details
*:not(
.group-block,
.group-block-content,
.buy-buttons-block,
.buy-buttons-block *,
.view-product-title,
.view-product-title *,
variant-picker,
variant-picker *,
product-price,
product-price *,
product-inventory,
product-inventory *,
.view-more-details__wrapper,
.view-more-details__wrapper *
){@media screen and (min-width: 750px){display: none !important;}}.quick-add-modal__content
.group-block:not(
:has(
.buy-buttons-block,
.buy-buttons-block *,
.view-product-title,
.view-product-title *,
variant-picker,
variant-picker *,
product-price,
product-price *,
product-inventory,
product-inventory *,
.view-more-details__wrapper,
.view-more-details__wrapper *
),
.buy-buttons-block
){display: none;}@media screen and (min-width: 750px){.quick-add-modal__content .group-block-content{gap: 0;}.quick-add-modal__content .media-gallery__grid{gap: min(var(--gap-2xs), var(--image-gap));border-radius: var(--style-border-radius-popover, 0);}.quick-add-modal__content .media-gallery--grid .product-media img{border-radius: 0;}}.quick-add-modal__content .product-details > .group-block{padding-block: var(--padding-3xl) 0;}.quick-add-modal__content :where(.product-details > .group-block > .group-block-content > *){padding-inline: var(--padding-3xl);}.quick-add-modal__content slideshow-slide:not([aria-hidden='false']){content-visibility: auto;}.quick-add-modal__content .product-information__media{width: 100%;grid-column: 1 / span 1;grid-row: 1;position: relative;top: 0;animation: fadeIn 0.4s var(--animation-timing-fade-in) both;@media screen and (min-width: 750px){position: sticky;grid-column: 1 / 4;width: var(--quick-add-modal-gallery-width);overflow-y: auto;-ms-overflow-style: none;scrollbar-width: none;}&::-webkit-scrollbar{display: none;}}.quick-add-modal__content .product-information__media media-gallery{pointer-events: none;@media screen and (min-width: 750px){position: absolute;inset: 0;}}.quick-add-modal media-gallery{padding: 0;}.quick-add-modal__content .product-information__media slideshow-arrows{display: none;}.quick-add-modal__content .product-information__media slideshow-container{display: block;}.quick-add-modal__content .product-information__media slideshow-slides{display: flex;flex-direction: column;gap: var(--gap-2xs);overflow: visible;scroll-snap-type: none;}.quick-add-modal__content .product-information__media slideshow-slide{width: 100%;flex: none;scroll-snap-align: unset;position: relative;transform: none;opacity: 1;visibility: visible;transition: opacity 0.3s var(--animation-easing);}.quick-add-modal__content .product-information__media slideshow-slide[aria-hidden='true']{@media screen and (max-width: 749px){display: none;}}.quick-add-modal__content .product-information__media slideshow-slide:nth-child(1){animation: fadeSlideIn 0.3s var(--animation-timing-fade-in) both;}.quick-add-modal__content .product-information__media slideshow-slide:nth-child(2){animation: fadeSlideIn 0.3s var(--animation-timing-fade-in) both;animation-delay: 0.05s;}.quick-add-modal__content .product-information__media slideshow-slide:nth-child(3){animation: fadeSlideIn 0.3s var(--animation-timing-fade-in) both;animation-delay: 0.1s;}.quick-add-modal__content .product-information__media :is(slideshow-controls, slideshow-controls[thumbnails]){display: none;}.quick-add-modal__content .sticky-content,
.quick-add-modal__content .sticky-content--desktop{top: 0;}.quick-add-modal__content .text-block.rte:not(product-price),
.quick-add-modal__content .view-more-details__wrapper{display: none;}@keyframes fadeSlideIn{from{opacity: 0;transform: translateY(10px);}to{opacity: 1;transform: translateY(0);}}
