.quick-order-list-block{--color-foreground: #000;--color-background: #fff;--color-border: rgba(0, 0, 0, .12);--color-primary: #000;--color-foreground-secondary: rgba(0, 0, 0, .6);--color-foreground-rgb: 0, 0, 0;--gap-2xs: 4px;--gap-xs: 8px;--gap-sm: 12px;--gap-md: 16px;--gap-lg: 24px;--gap-xl: 32px;--gap-2xl: 40px;--padding-2xs: 4px;--padding-xs: 8px;--padding-sm: 12px;--padding-md: 16px;--padding-lg: 24px;--padding-xl: 32px;--padding-2xl: 40px;--padding-3xl: 48px;--padding-4xl: 56px;--margin-2xs: 4px;--margin-xs: 8px;--margin-sm: 12px;--margin-md: 16px;--margin-xl: 32px;--margin-2xl: 40px;--opacity-5: .05;--opacity-10: .1;--opacity-70: .7;--opacity-85: .85;--opacity-subdued-text: .7;--font-size--3xs: 10px;--font-size--xs: 12px;--font-size--sm: 14px;--font-size--md: 16px;--font-weight-normal: 400;--font-weight-medium: 500;--letter-spacing--body-loose: .02em;--line-height-tight: 1.2;--font-paragraph--line-height: 1.5;--style-border-width: 1px;--style-border-popover: 1px solid rgba(0, 0, 0, .12);--style-border-radius-popover: 8px;--shadow-popover: 0 6px 24px rgba(0, 0, 0, .12);--animation-speed: .2s;--animation-easing: cubic-bezier(.4, 0, .2, 1);--hover-transition-duration: .15s;--hover-transition-timing: ease;--ease-out-quad: cubic-bezier(.25, .46, .45, .94);--minimum-touch-target: 44px;--layer-raised: 5;--icon-stroke-width: 1.5px;--icon-size-sm: 16px;--qol-spacing-scale: 1;--qol-gap-scale: 1}.quick-order-list-block .visually-hidden{position:absolute!important;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0;white-space:nowrap}.quick-order-list-block .hidden{display:none!important}.quick-order-list-block .button-unstyled,.quick-order-list-block .button--unstyled{background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}.quick-order-list-block .svg-wrapper{display:inline-flex;align-items:center;justify-content:center}.quick-order-list-block .svg-wrapper svg{width:100%;height:100%;display:block}.quick-order-list-block .button-secondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;background:transparent;border:1px solid var(--color-foreground);color:var(--color-foreground);text-decoration:none;font:inherit;cursor:pointer}.quick-order-list-block .button-secondary:hover{background:var(--color-foreground);color:var(--color-background)}.quick-order-list-block .compare-at-price{text-decoration:line-through;opacity:.6}.quick-order-list-block .price{font-variant-numeric:tabular-nums}.quick-order-list-block .h5{font-size:var(--font-size--sm);font-weight:var(--font-weight-medium);line-height:1.3}.quick-order-list-block .quantity-selector-wrapper{display:flex;align-items:center;flex-wrap:wrap;gap:calc(var(--gap-sm) / 2)}@media screen and (min-width:750px){.quick-order-list-block .quantity-selector-wrapper{gap:var(--gap-sm)}}.quick-order-list-block .quantity-selector{display:inline-flex;align-items:center;border:1px solid var(--color-border);border-radius:4px;overflow:hidden;background:var(--color-background)}.quick-order-list-block .quantity-selector .button{display:inline-flex;align-items:center;justify-content:center;width:var(--minimum-touch-target);height:var(--minimum-touch-target);background:transparent;border:0;cursor:pointer;color:var(--color-foreground);min-width:auto}.quick-order-list-block .quantity-selector .button:hover:not(:disabled){background:rgb(var(--color-foreground-rgb) / var(--opacity-5))}.quick-order-list-block .quantity-selector .button:disabled{opacity:.4;cursor:not-allowed}.quick-order-list-block .quantity-selector .button .svg-wrapper{width:var(--icon-size-sm);height:var(--icon-size-sm)}.quick-order-list-block .quantity-selector input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;border:0;background:transparent;text-align:center;width:3em;min-width:3em;font:inherit;color:var(--color-foreground);padding:0;outline:none}.quick-order-list-block .quantity-selector input[type=number]::-webkit-outer-spin-button,.quick-order-list-block .quantity-selector input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quick-order-list-block .quantity-selector input[type=number]:disabled{opacity:.4}.quick-order-list-block .price-per-item{display:block;color:var(--color-foreground);font-size:var(--font-size--sm);font-weight:400}.quick-order-list-block .qol-volume-pricing-info{display:inline-flex}.quick-order-list-block .qol-volume-pricing-info__button{display:inline-flex;align-items:center;justify-content:center;width:var(--minimum-touch-target);height:var(--minimum-touch-target);color:var(--color-foreground-secondary);cursor:pointer;transition:color var(--animation-speed) var(--animation-easing);flex-shrink:0}.quick-order-list-block .qol-volume-pricing-info__button:hover{color:var(--color-foreground)}.quick-order-list-block .qol-volume-pricing-info__button .svg-wrapper{width:var(--icon-size-sm);height:var(--icon-size-sm)}.quick-order-list-block .qol-volume-pricing-info__button--with-label{width:auto;gap:var(--gap-sm)}.qol-volume-pricing-info__popover{--volume-pricing-popover-max-width: 320px;--volume-pricing-popover-spacing: 8px;--volume-pricing-popover-viewport-margin: 16px;min-inline-size:280px;max-inline-size:var(--volume-pricing-popover-max-width);background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:8px;box-shadow:0 6px 24px #0000001f;overflow:hidden;padding:0;margin:0;transition-property:display,opacity,translate;transition-duration:.3s;transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-behavior:allow-discrete;translate:0 20px;opacity:0}.qol-volume-pricing-info__popover{inset:unset;top:calc(anchor(bottom) + var(--volume-pricing-popover-spacing));left:anchor(left)}@supports (position-try-fallbacks: --top-left){.qol-volume-pricing-info__popover{position-try-fallbacks:--top-left}@position-try --top-left{top:calc(anchor(top) - var(--volume-pricing-popover-spacing));bottom:auto;transform:translateY(-100%)}}@supports not (position-anchor: --x){.qol-volume-pricing-info__popover{position:fixed;top:calc(var(--anchor-bottom) * 1px + var(--volume-pricing-popover-spacing));left:max(var(--volume-pricing-popover-viewport-margin),min(var(--anchor-left) * 1px,100vw - var(--volume-pricing-popover-max-width) - var(--volume-pricing-popover-viewport-margin)))}}.qol-volume-pricing-info__popover:popover-open{translate:0 0;opacity:1}@starting-style{.qol-volume-pricing-info__popover:popover-open{translate:0 20px;opacity:0}}.qol-volume-pricing-info__rules{display:flex;flex-direction:column;gap:4px;padding:16px;font-size:12px}.qol-volume-pricing-info__rules,.qol-volume-pricing-info__rules>span{color:#000000b3}.qol-volume-pricing-info__table{display:flex;flex-direction:column}.qol-volume-pricing-info__row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;background:#fff;border-inline-start:3px solid transparent;transition:border-color .2s ease}.qol-volume-pricing-info__row:nth-child(odd){background:#0000000d}.qol-volume-pricing-info__row--active{border-inline-start-color:#000;font-weight:500}.qol-volume-pricing-info__quantity{color:#000}.qol-volume-pricing-info__price{display:flex;align-items:center;color:#000}.qol-volume-pricing-info__checkmark{display:none;width:16px;height:16px;color:#000}.qol-volume-pricing-info__row--active .qol-volume-pricing-info__checkmark{display:inline-flex;align-items:center;justify-content:center}.quick-order-list-block .qol-pagination{--pagination-size: 36px;--pagination-inset: 2px;--pagination-radius: 6;display:flex;justify-content:center;padding:var(--padding-xl) var(--padding-sm);margin-top:var(--padding-xl);position:relative}.quick-order-list-block .qol-pagination__list{display:flex;gap:0;align-items:center;list-style:none;margin:0;padding:0;position:relative}.quick-order-list-block .qol-pagination__item{width:var(--pagination-size);aspect-ratio:1;display:grid;place-items:center}.quick-order-list-block .qol-pagination__link{display:grid;place-items:center;color:var(--color-foreground);text-decoration:none;width:100%;height:100%;-webkit-user-select:none;user-select:none;position:relative;outline-color:var(--color-foreground);-webkit-tap-highlight-color:transparent;font-size:var(--font-size--md);font-weight:var(--font-weight-normal);border-radius:calc(var(--pagination-radius) * 1px);transition:color var(--hover-transition-duration) var(--hover-transition-timing),opacity var(--hover-transition-duration) var(--hover-transition-timing)}.quick-order-list-block .qol-pagination__link:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.quick-order-list-block .qol-pagination__link--current{color:var(--color-background);font-weight:var(--font-weight-medium);cursor:default}.quick-order-list-block .qol-pagination__link--gap{cursor:default;pointer-events:none}.quick-order-list-block .qol-pagination__link--arrow{display:flex;align-items:center;justify-content:center}.quick-order-list-block .qol-pagination__link--disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.quick-order-list-block .qol-pagination__link svg{width:.5rem;height:.75rem;flex-shrink:0}.quick-order-list-block .qol-pagination__item--mobile-only{display:none}@supports not (anchor-name: --pagination-active){.quick-order-list-block .qol-pagination__link:not(.qol-pagination__link--gap):before{content:"";position:absolute;inset:var(--pagination-inset);border-radius:calc(var(--pagination-radius) * 1px);background:rgb(var(--color-foreground-rgb) / var(--opacity-10));z-index:-1;opacity:0;transition:background var(--hover-transition-duration) var(--hover-transition-timing),opacity var(--hover-transition-duration) var(--hover-transition-timing)}.quick-order-list-block .qol-pagination__link[aria-current=page]:before{background:var(--color-foreground);opacity:1}.quick-order-list-block .qol-pagination__link:hover:not([aria-current=page],.qol-pagination__link--gap,.qol-pagination__link--disabled):before{opacity:1}}@media screen and (max-width:749px){.quick-order-list-block .qol-pagination{--pagination-size: 44px;--pagination-inset: 5px;padding:var(--padding-lg) var(--padding-sm)}.quick-order-list-block .qol-pagination__link{font-size:var(--font-size--sm)}.quick-order-list-block .qol-pagination__item--mobile-hide{display:none}.quick-order-list-block .qol-pagination__item--mobile-only{display:grid}.quick-order-list-block .qol-pagination__item:has(.qol-pagination__link--gap){width:calc(var(--pagination-size) * .5)}}.quick-order-list{--quantity-selector-width: 124px;--image-size: 43px;--quantity-header-padding: calc(var(--minimum-touch-target) + var(--gap-sm));--quick-order-quantity-column-width: calc( var(--quantity-selector-width) + 2 * var(--gap-sm) + 2 * var(--minimum-touch-target) );--transform-offset-negative: calc(-1 * var(--icon-stroke-width));--quick-order-first-column-width: 2fr;--quick-order-price-column-width: 1fr;--quick-order-total-column-width: 1fr;display:flex;flex-direction:column;gap:var(--gap-sm)}.quick-order-list__container{width:100%}.quick-order-list__grid{width:100%;display:block;contain:layout}.quick-order-list__grid-body{contain:layout}.quick-order-list__grid-header,.quick-order-list__grid-row{display:grid;grid-template-columns:var(--quick-order-first-column-width) var(--quick-order-quantity-column-width) var(--quick-order-price-column-width) var(--quick-order-total-column-width);gap:var(--gap-md);align-items:center}.quick-order-list__grid-header{border-block-end:var(--style-border-width) solid var(--color-border);padding-block-end:var(--padding-xl);margin-block-end:var(--padding-sm);opacity:var(--opacity-85);font-weight:400;font-size:var(--font-size--xs);letter-spacing:var(--letter-spacing--body-loose)}.quick-order-list__grid-header .quick-order-list__grid-cell--quantity{padding-inline-start:var(--quantity-header-padding)}.quick-order-list__grid-row{padding-block-start:var(--padding-sm);padding-block-end:var(--padding-sm);content-visibility:auto;contain-intrinsic-size:auto calc(2 * var(--padding-sm) + var(--image-size) + var(--minimum-touch-target) + var(--padding-2xl))}@media screen and (min-width:750px){.quick-order-list__grid-row{contain-intrinsic-size:auto calc(2 * var(--padding-sm) + var(--image-size))}}.quick-order-list__grid-cell--variant{text-align:start;justify-self:stretch}.quick-order-list__grid-cell--quantity{display:flex;justify-content:flex-start;align-items:flex-start;justify-self:stretch}.quick-order-list__grid-cell--quantity .variant-item__inner-container{width:100%;justify-content:flex-start}.quick-order-list__grid-cell--price{text-align:end;justify-self:stretch}.quick-order-list__grid-cell--total{text-align:end;justify-self:stretch;justify-content:flex-end}.variant-item__image-container,.quick-order-list__table-image{width:var(--image-size);height:auto}.quick-order-list .qol-pagination{margin-block-start:0;padding-block-start:var(--padding-xl);padding-block-end:0}.variant-item__inner-container{display:flex;align-items:center;gap:var(--gap-sm)}.volume-pricing-info-placeholder{width:var(--minimum-touch-target);height:var(--minimum-touch-target)}.variant-item__quantity .quantity-selector{display:flex;flex:0 0 var(--quantity-selector-width);min-width:var(--quantity-selector-width);font-size:var(--font-size--xs);height:auto}.variant-item__remove{background-color:transparent;color:var(--color-foreground);width:var(--minimum-touch-target);height:var(--minimum-touch-target);display:inline-flex;align-items:center;justify-content:center;box-shadow:none;padding:0;border:0;cursor:pointer;min-width:auto}.remove-icon-bottom,.remove-icon-top{transition:transform var(--animation-speed) var(--animation-easing)}.variant-item__remove:not(.variant-item__remove--hidden):hover .remove-icon-top{transform:translate(var(--transform-offset-negative),var(--icon-stroke-width)) rotate(-15deg)}.variant-item__remove:not(.variant-item__remove--hidden):is(:hover,:active) .remove-icon-bottom{transform:translateY(var(--icon-stroke-width))}.variant-item__remove--hidden{opacity:0;pointer-events:none;cursor:default}.variant-item__remove svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.variant-item__name{font-weight:var(--font-weight-medium)}.variant-item__sku{font-size:var(--font-size--3xs);opacity:var(--opacity-85)}.variant-item__details{display:inline-flex;flex-direction:column}.variant-item__totals{flex:0 0 auto;padding-block-start:var(--padding-2xs)}.variant-item__discounted-prices{display:flex;gap:var(--gap-2xs);justify-content:flex-end;margin:0}.variant-item__discounted-prices dd{margin:0}@media screen and (max-width:749px){.quick-order-list__grid-header,.quick-order-list__grid-row{grid-template-columns:1fr auto;gap:var(--gap-sm);max-width:100%;overflow:hidden;align-items:flex-start}.quick-order-list__grid-header .quick-order-list__grid-cell--total{text-align:end}.quick-order-list__grid-row{margin-block-end:var(--margin-2xl);padding-block-end:var(--padding-2xl);border-block-end:var(--style-border-width) solid var(--color-border)}.quick-order-list__grid-row:last-child{margin-block-end:0;border-block-end:none}.variant-item__inner{flex:1 1 auto;padding-inline-end:var(--padding-lg)}.variant-item__inner-container{display:flex;gap:var(--gap-md);align-items:flex-start}.variant-item__details{flex:1;display:flex;flex-direction:column;min-width:0}.variant-item__totals{flex:0 0 auto;text-align:end;padding-block-start:var(--padding-2xs)}.variant-item__totals .variant-item__total-price{font-size:var(--font-size--sm);font-weight:var(--font-weight-medium)}.variant-item__title-container .variant-item__name{display:block;font-size:var(--font-size--sm);line-height:var(--line-height-tight);margin:0}.variant-item__mobile-price-container{margin-block-end:var(--margin-xs)}.variant-item__mobile-price{font-size:var(--font-size--sm);opacity:var(--opacity-85);white-space:nowrap}.variant-item__discounted-prices--mobile{display:flex;flex-direction:row;align-items:baseline;justify-content:flex-start;gap:var(--gap-xs);margin-block-start:var(--margin-2xs);margin-block-end:0}.variant-item__discounted-prices--mobile dd{display:inline}.variant-item__mobile-quantity{display:flex;align-items:center;gap:0}.variant-item__mobile-info{display:flex;flex-direction:column;width:100%}.variant-item__image-container{flex:0 0 var(--image-size);width:var(--image-size);height:var(--image-size)}.quick-order-list__table-image{width:100%;height:100%}.variant-item__mobile-quantity .quantity-selector{display:flex;flex:0 0 var(--quantity-selector-width);min-width:var(--quantity-selector-width);font-size:var(--font-size--xs);margin:0;padding:0}.variant-item__remove--mobile{background-color:transparent;color:var(--color-foreground);width:var(--minimum-touch-target);height:var(--minimum-touch-target);min-width:var(--minimum-touch-target);display:flex;align-items:center;justify-content:center;box-shadow:none;padding:0;margin:0;flex-shrink:0;border:none;cursor:pointer}.variant-item__remove--mobile svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.variant-item__remove--mobile:not(.variant-item__remove--hidden):hover{opacity:var(--opacity-70)}.quick-order-list .qol-pagination{padding-block-start:var(--padding-2xl)}}.quick-order-list-disabled{pointer-events:none}.quick-order-list-total{background:var(--color-background);border-block-start:var(--style-border-width) solid var(--color-border)}@media screen and (min-width:750px){.quick-order-list-total{position:sticky;inset-block-end:0;z-index:var(--layer-raised)}}.quick-order-list-total__info,.quick-order-list-total__confirmation{min-height:8rem;padding-block-start:var(--padding-4xl)}.quick-order-list-total__info{align-items:flex-start;gap:var(--gap-md)}.quick-order-list-total__confirmation{display:flex;gap:var(--gap-2xl);align-items:center;justify-content:center;padding:var(--padding-2xl) var(--padding-xl)}.quick-order-list-total__column{display:flex;flex-direction:column}.quick-order-list-total__actions{display:flex;gap:var(--gap-sm)}@media screen and (min-width:750px){.quick-order-list-total__info{display:grid;grid-template-columns:var(--quick-order-first-column-width) var(--quick-order-quantity-column-width) var(--quick-order-price-column-width) var(--quick-order-total-column-width);grid-template-columns:1fr var(--quick-order-quantity-column-width) var(--quick-order-price-column-width) var(--quick-order-total-column-width)}.quick-order-list-total__column{grid-column:1;display:flex;flex-direction:column;gap:var(--gap-md)}.quick-order-list-total__summary{grid-column:2 / 5;display:grid;grid-template-columns:var(--quick-order-quantity-column-width, 234px) auto;grid-template-columns:auto auto}.quick-order-list-total__items{grid-column:1;justify-self:center;text-align:center}.quick-order-list-total__price{grid-column:3;justify-self:end;text-align:end}}@media screen and (min-width:750px)and (max-width:989px){.quick-order-list-total__actions{flex-direction:column}.quick-order-list-total__messages{align-items:stretch}.quick-order-list__remove-all-button{padding-inline:0}}.quick-order-list__button.button--full-width{width:100%}.quick-order-list__button.button{display:flex;align-items:center;justify-content:center}.quick-order-list-total .button--unstyled{border:none;box-shadow:none;background-color:transparent;color:var(--color-foreground);cursor:pointer;min-width:15rem}.quick-order-list__remove-all-button svg{width:var(--icon-size-sm);height:var(--icon-size-sm);flex-shrink:0}.quick-order-list-total__items span{display:block;margin-block-end:var(--margin-xs)}.quick-order-list-total__items .h5{margin:0;letter-spacing:var(--letter-spacing--body-loose);opacity:var(--opacity-85)}.quick-order-list-total__subtotal-value{display:block;margin-block-end:var(--margin-xs);line-height:var(--font-paragraph--line-height)}.quick-order-list-total__subtotal-value text-component{display:block}.quick-order-list-total__subtotal{margin:0;letter-spacing:var(--letter-spacing--body-loose);opacity:var(--opacity-85)}.quick-order-list-total__tax-note{opacity:var(--opacity-subdued-text)}.quick-order-list-total__messages{display:flex;flex-direction:column;gap:var(--gap-xs)}.quick-order-list-total__success,.quick-order-list-total__error{display:flex;align-items:center;gap:var(--gap-xs)}.quick-order-list-total__success .icon-success,.quick-order-list-total__error .quick-order-list-total__icon--error{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size-sm);height:var(--icon-size-sm);color:inherit}.quick-order-list-total__success .icon-success svg,.quick-order-list-total__error .quick-order-list-total__icon--error svg{width:100%;height:100%}.quick-order-list-total__error:empty,.quick-order-list-total__success:empty{display:none}.quick-order-list-total__info.confirmation-visible{display:none}.quick-order-list-total__confirmation-text{white-space:nowrap}.quick-order-list-total__confirmation-buttons{display:flex;gap:var(--gap-md);align-items:center}.quick-order-list-total__confirmation button{margin:0;white-space:nowrap}.quick-order-list__remove-all-button{display:flex;align-items:center;justify-content:center;gap:var(--gap-sm)}@media screen and (max-width:749px){.quick-order-list-total__info{display:flex;flex-direction:column;align-items:center}.quick-order-list-total__column{order:3;width:100%;flex:1 1 auto}.quick-order-list-total__actions{flex-direction:column;width:100%}.quick-order-list-total__messages{width:100%;align-items:center;margin-block-start:var(--margin-xs)}.quick-order-list-total__summary{order:1;display:flex;flex-direction:column;align-items:center;width:100%;gap:var(--gap-md)}.quick-order-list-total__items{text-align:center;width:auto;display:flex;align-items:center;justify-content:center;gap:var(--gap-xs)}.quick-order-list-total__items span{display:inline;margin-block-end:0}.quick-order-list-total__items .h5{display:inline}.quick-order-list-total__price{text-align:center;width:100%}.quick-order-list-total__product-total{display:flex;align-items:center;justify-content:center;gap:var(--gap-xs)}.quick-order-list-total__product-total .quick-order-list-total__subtotal-value{display:inline-block;margin-block-end:0}.quick-order-list-total__product-total .quick-order-list-total__subtotal{display:inline}.quick-order-list__button,.quick-order-list__remove-all-button{width:100%;justify-content:center}.quick-order-list-total__confirmation{flex-direction:column}.quick-order-list-total__tax-note{margin-block-start:var(--margin-xs)}}.button.quick-order-list__remove-all-button{letter-spacing:0;border:1px solid;text-transform:capitalize}.quick-order-list-total__subtotal-value:first-of-type{margin:0}quick-order-list-component .price{justify-content:flex-end}.quick-order-list-block:not(.hidden)~.product-form{display:none}
/*# sourceMappingURL=/cdn/shop/t/30/assets/quick-order-list.css.map */