assortment-drawer.is-qty-message-active .drawer__content.flex-auto.items-center{-ms-overflow-style:none;scrollbar-width:none}assortment-drawer.is-qty-message-active .drawer__content.flex-auto.items-center::-webkit-scrollbar{display:none}.assortment-drawer__header{background-color:var(--assortment-drawer-header-bg, #002a8a);border-bottom-color:#fff3}.assortment-drawer__header .js-assortment-drawer-heading{color:#fff;font-weight:700}.assortment-drawer__header .drawer__close-btn{color:#fff}#assortment-drawer-form{width:100%}.card__assortment-drawer{position:relative;z-index:3}.open-assortment-drawer-wrap{display:flex;align-items:center;gap:calc(2 * var(--space-unit));width:100%}.open-assortment-drawer-wrap__btn{flex:1 1 auto;min-width:0}.open-assortment-drawer-qty{flex-shrink:0;width:auto;min-width:6.5rem}.open-assortment-drawer-qty .qty-input__input{width:2.5em;text-align:center}.assortment-drawer__component:last-child{border-top:0}.assortment-drawer__component-row{flex:1 1 auto;display:grid;grid-template-columns:repeat(3,1fr);padding:8px 0;justify-content:space-between;align-items:center;gap:8px}.assortment-drawer__component-row .component-title{color:var(--DARK-800, #343A3D);font-size:16px;font-style:normal;font-weight:400;line-height:22px;display:flex;gap:8px;align-items:center}.component-title__swatch-slot{flex:0 0 var(--swatch-card-size, 24px);width:var(--swatch-card-size, 24px);flex-shrink:0;display:flex;align-items:center;justify-content:center}.component-title__label{min-width:0}.assortment-drawer__component .assortment-drawer__component-swatch.opt-label{width:var(--swatch-card-size, 24px);height:var(--swatch-card-size, 24px);min-width:var(--swatch-card-size, 24px);margin:0;flex-shrink:0;border-width:1px}.assortment-drawer__component .assortment-drawer__component-swatch.swatch-shape--portrait{height:calc(var(--swatch-card-size, 24px) / .75)}.assortment-drawer__component .assortment-drawer__component-swatch.opt-label--image{width:var(--swatch-card-size, 24px);min-width:var(--swatch-card-size, 24px);height:var(--swatch-card-size, 24px);padding:0;overflow:hidden}.assortment-drawer__component .assortment-drawer__component-swatch.opt-label--image img{display:block;width:100%;height:100%}.assortment-drawer__stock-label{color:rgb(var(--error-text-color, 180 0 0))}.assortment-drawer__footer{padding:calc(4 * var(--space-unit));box-shadow:unset}.assortment-drawer__content,.assortment-drawer__body{display:flex;flex-direction:column;width:100%;gap:40px;align-self:stretch;justify-content:space-between}@media screen and (max-width:768px){.assortment-drawer__body{gap:16px}}.assortment-drawer__case-quantity{width:100%}.case-quantity-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}@media screen and (max-width:768px){.case-quantity-row{flex-wrap:wrap;row-gap:12px}.case-quantity-row .case-quantity__title{flex:0 0 100%;width:100%}.case-quantity-row [data-assortment-qty]{margin-inline-start:auto}}.case-quantity-row [data-assortment-qty]{flex-shrink:0}.case-quantity-row .case-quantity__title{color:var(--DARK-800, #343A3D);font-size:18px;font-style:normal;font-weight:700;line-height:28px}.case-quantity-row__units-per-case{display:inline-block;box-sizing:border-box;height:44px;line-height:44px;padding:0 calc(1.5 * var(--space-unit));background-color:#f5f5f6;border-radius:var(--volume-card-pill-radius, 999px);border:1px solid rgb(var(--text-color));font-size:12px;flex-shrink:0}.case-quantity-row .qty-input,.assortment-drawer__component .qty-input{flex-shrink:0;width:142px;display:flex;height:44px;align-items:center;justify-content:space-between;border-radius:5px;border:1px solid #00123D;background:#fff}[data-assortment-qty].inline-block,[data-assortment-qty]{display:flex;justify-content:flex-end}.assortment-drawer__qty-message-region{grid-column:1 / -1}.assortment-drawer__qty-message{overflow:hidden;box-sizing:border-box;width:100%;max-height:0;padding:0 12px;transform:translateY(-8px);border:1px solid transparent;border-radius:8px;background-color:#fff5e0;color:#151718;font-size:14px;line-height:18px;text-align:left;pointer-events:none;transition:max-height .35s ease,transform .35s ease,padding .35s ease,border-color .35s ease}.assortment-drawer__qty-message.is-visible{max-height:6rem;padding:12px;transform:translateY(0);border-color:#c47a00;pointer-events:auto}.assortment-drawer__qty-message.is-hiding{max-height:0;padding:0 12px;transform:translateY(-8px);border-color:transparent}.case-quantity-row .qty-input--combined{align-items:center}.case-quantity-row__field{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 0}.case-quantity-row__field .qty-input__input{flex:0 0 auto;width:2.5em;text-align:center}.js .qty-input--combined .qty-input__input.js-assortment-case-qty{padding:0}.case-quantity-row__unit{display:block;font-size:12px;line-height:1;color:#666;text-align:center}.btn.js-assortment-drawer-add{display:flex;height:44px;padding:10px 16px;justify-content:center;align-items:center;gap:8px;flex:1 0 0}.btn.js-assortment-drawer-add:disabled{background:#69777d;border-color:#69777d}.assortment-drawer__footer--subtotal{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem;width:100%;padding-bottom:8px}.assortment-drawer__footer--subtotal .subtotal-title{font-weight:700}.assortment-drawer__footer--subtotal .subtotal-value{margin-left:auto;font-weight:700}.assortment-drawer__footer--buttons{display:flex;align-items:flex-start;gap:8px;align-self:stretch;padding-top:8px}.subtotal-multiplier{color:var(--DARK-700, #444D51);font-size:14px;font-style:normal;font-weight:400;line-height:18px}.components-and-total__wrapper{display:flex;flex-direction:column;gap:16px;justify-content:space-between}.total-count{display:flex;justify-content:space-between;align-items:center}.total-count__title{color:var(--LIGHT-500, #69777D);font-size:16px;font-style:normal;font-weight:400;line-height:22px}.total-count__total{color:var(--DARK-800, #343A3D);text-align:center;width:142px;font-size:18px;font-style:normal;font-weight:700;line-height:28px}.case-quantity-row>.warning-message__wrapper{flex:0 0 100%;margin-top:24px;margin-bottom:0}@media screen and (max-width:768px){.case-quantity-row>.warning-message__wrapper{margin-top:0}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/assortment-drawer.css.map */