.pack-composer-product,.pack-composer-product .product__info-wrapper,.pack-composer-product .product__info-container{width:100%;max-width:100%}.pack-composer-product .product__title-price-row{margin-bottom:0}.pack-composer-product .product__info-container .product__title{text-align:left}@media screen and (max-width:989px){.pack-composer-product .product-form__input{margin-top:0;margin-bottom:0}}.pack-composer-product .product__info-container .product-form__input--pill .product-form__input-content,.pack-composer-product .product__info-container .product-form__input--swatch .product-form__input-content{justify-content:flex-start;gap:.45rem;width:100%}@media screen and (max-width:989px){.pack-composer-product .product__info-container .product-form__input--pill .product-form__input-content,.pack-composer-product .product__info-container .product-form__input--swatch .product-form__input-content{justify-content:flex-start;gap:.935rem 1.25rem;width:100%}}.pack-composer-product product-recommendations:not(.is-accordion) .complementary-products__container{margin-top:0}[id^=MainProductPackComposer-] .product__info-container{display:grid;grid-template-columns:minmax(0,38.3%) minmax(0,1fr);column-gap:3rem}[id^=MainProductPackComposer-] .product__info-container>*{grid-column:1 / 2}[id^=MainProductPackComposer-] .product__info-container>product-recommendations.complementary-products--pack-source,[id^=MainProductPackComposer-] .product__info-container>.product__accordion,[id^=MainProductPackComposer-] .product__info-container>.pack-composer{grid-column:1 / -1}[id^=MainProductPackComposer-] .complementary-products-grid{grid-template-columns:repeat(8,minmax(0,1fr))}@media screen and (max-width:989px){[id^=MainProductPackComposer-] .product__info-container{grid-template-columns:minmax(0,1fr);row-gap:1.5rem}[id^=MainProductPackComposer-] .product__info-container>*{grid-column:1 / -1}[id^=MainProductPackComposer-] .complementary-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:0}}.pack-composer{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:2rem 4rem;background:rgb(var(--gray-light-100));border-radius:.75rem .75rem 0 0}.pack-composer-footer-spacer{width:100%;height:0;pointer-events:none;background-color:rgb(var(--black-100))}@media screen and (max-width:749px){.pack-composer{padding:1.25rem}}.pack-composer__inner{display:flex;flex-direction:column;align-items:stretch;gap:1.25rem}@media screen and (min-width:990px){.pack-composer__inner{flex-direction:row;align-items:center;gap:100px}}.pack-composer__slots-column{min-width:0;max-width:100%;display:flex;flex-direction:column;gap:1rem;overflow:visible}@media screen and (min-width:990px){.pack-composer__slots-column{flex:1 1 60%}}.pack-composer__max-message{margin:0;color:rgb(var(--signal-orange))}.pack-composer__slots{--pack-composer-gap: .625rem;--pack-composer-visible-columns: 4;--pack-composer-peek-columns: 4.5;display:flex;flex-wrap:nowrap;gap:var(--pack-composer-gap);min-width:0;padding-top:.55rem;padding-bottom:.25rem;margin-top:-.55rem}.pack-composer__slots:not(.pack-composer__slots--overflow){justify-content:flex-start}@media screen and (max-width:989px){.pack-composer__slots:not(.pack-composer__slots--overflow){justify-content:center}}.pack-composer__slots-scroller{position:relative;min-width:0;overflow:visible}.pack-composer__slots-nav{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.pack-composer__slots-nav[hidden]{display:none}.pack-composer__slots-arrow{position:absolute;top:50%;z-index:1;display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;background:transparent;color:rgb(var(--black-90));transform:translateY(-50%);cursor:pointer;pointer-events:auto}@media screen and (max-width:989px){.pack-composer__slots-arrow{width:20px;height:20px;display:none}}.pack-composer__slots-arrow--prev{right:calc(100% + 10px);left:auto}.pack-composer__slots-arrow--next{left:calc(100% + 10px);right:auto}.pack-composer__slots-arrow .svg-wrapper{display:flex;align-items:center;justify-content:center;line-height:0}.pack-composer__slots-arrow .svg-wrapper svg{width:.75rem;height:auto}.pack-composer__slots-arrow[disabled]{opacity:.35;cursor:not-allowed}.pack-composer__slots.pack-composer__slots--overflow{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;justify-content:flex-start;scrollbar-width:none;-ms-overflow-style:none}.pack-composer__slots.pack-composer__slots--overflow::-webkit-scrollbar{display:none}.pack-composer__slots .pack-composer__slot{flex:0 0 calc((100% - (var(--pack-composer-visible-columns) * var(--pack-composer-gap))) / var(--pack-composer-peek-columns));width:auto;min-width:0;scroll-snap-align:start}@media screen and (min-width:990px){.pack-composer__slots{--pack-composer-gap: 1rem;--pack-composer-visible-columns: 8;--pack-composer-peek-columns: 8.5;padding-top:.55rem;margin-top:-.55rem}}.pack-composer__slot{position:relative;width:auto;max-width:100%;aspect-ratio:79/110;box-sizing:border-box;border-radius:.55rem;overflow:visible}@media screen and (max-width:749px){.pack-composer__slot{border-radius:.25rem;overflow:visible}}.pack-composer div.pack-composer__slot.pack-composer__slot--empty:empty{background:rgba(var(--white-100));display:flex;flex-direction:column;align-items:center;justify-content:center}.pack-composer__slot.is-filled{background:rgb(var(--white-100))}.pack-composer__slot--locked{background:rgb(var(--white-110));display:flex;align-items:center;justify-content:center}.pack-composer__slot--locked .pack-composer__lock-icon{width:16px;height:21px}@media screen and (max-width:749px){.pack-composer__slot--locked .pack-composer__lock-icon{width:10.67px;height:14px}}.pack-composer__lock-fallback{font-size:1.6rem;opacity:.75}.pack-composer__slot>img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.pack-composer__remove{position:absolute;top:-.65rem;right:-.65rem;width:1.4rem;height:1.4rem;border:0;border-radius:99rem;background:rgb(var(--black-100));color:rgb(var(--white-100));display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;z-index:2}@media screen and (max-width:749px){.pack-composer__remove{top:-.5rem;right:-.35rem;width:1.25rem;height:1.25rem}}.pack-composer__remove:hover{background:rgb(var(--black-90))}.pack-composer__remove-icon{width:.45rem;height:.45rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0;pointer-events:none}.pack-composer__remove-icon svg{display:block;width:100%;height:100%}@media screen and (max-width:749px){.pack-composer__remove-icon{width:.4375rem;height:.4375rem}}.pack-composer__actions{width:100%;flex-shrink:0}@media screen and (min-width:990px){.pack-composer__actions{flex:0 0 40%;width:40%;max-width:40%}}.pack-composer__controls{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:1.25rem;width:100%;color:rgb(var(--black-90))}.pack-composer__qty-btn{background:rgb(var(--white-110));cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.pack-composer__qty-btn:focus{background:rgb(var(--white-110))}.pack-composer__qty-btn:hover{background:rgb(var(--white-110))}.pack-composer__controls .button{width:100%}.pack-composer__controls .button:disabled{background-color:rgb(var(--gray-light-110))}
/*# sourceMappingURL=/cdn/shop/t/4/assets/pack-composer.css.map */