.mix-and-match__sidebar-steps-container{display:flex;flex-direction:column;gap:1rem;text-align:center}.mix-and-match__sidebar-steps-container *{margin:0}.mix-and-match__sidebar-steps{display:flex;flex-direction:row;gap:10px;width:100%;justify-content:space-between}.mix-and-match__sidebar-products-list-item{display:flex;flex-direction:row;gap:10px;align-items:center}.mix-and-match__sidebar-products{overflow:scroll;min-height:150px}.mix-and-match__sidebar-step{width:100%;height:5px;border-radius:10px;background-color:#dbd9d9}.mix-and-match{display:flex;flex-direction:column;gap:20px}.mix-and-match__container{display:flex;flex-direction:column}.mix-and-match__header a{padding:10px 20px;font-weight:600;font-size:16px;color:#000;text-decoration:none}.mix-and-match__header a.selected{color:#000;border-bottom:2px solid #000}.mix-and-match__header-container{width:100%;position:sticky;top:var(--header-height, 80px);background-color:#fff;z-index:100;padding:0;border-bottom:1px solid #e5e5e5}.mix-and-match__header{display:flex;flex-direction:row;gap:20px;justify-content:start;width:100%}.mix-and-match__products-container{width:100%;padding-top:20px}.mix-and-match__products-container *:is(h2,h3,h4){margin-top:0}.mix-and-match__body{background-color:#fff7f3}.mix-and-match__body-container{display:flex;flex-direction:column;gap:20px}.mix-and-match__sidebar{width:100%}.mix-and-match__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;opacity:0;transition:opacity .3s ease}.mix-and-match__overlay--active{opacity:1;pointer-events:auto}.mix-and-match__sidebar-container,.mix-and-match__sidebar-preview{background-color:#fff;padding:1.5rem}.mix-and-match__sidebar-preview{display:flex;flex-direction:column;gap:1rem}.mix-and-match__sidebar-open-button{width:100%}.mix-and-match__sidebar-header{text-align:center}.mix-and-match__sidebar-header h2{margin-top:0}.mix-and-match__sidebar-product{margin-top:24px;display:flex;gap:1rem;align-items:center}.mix-and-match__sidebar-product-image-container{width:5rem;height:5rem;flex-shrink:0;border-radius:2px}.mix-and-match__sidebar-product-image{width:100%;height:100%;object-fit:cover}.mix-and-match__sidebar-product-content{flex-grow:1}.mix-and-match__sidebar-product-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.mix-and-match__sidebar-product-header *{margin:0}.mix-and-match__products-category:not(:first-child){margin-top:2rem;border-top:1px solid #c2bfbf;padding-top:2rem}.mix-and-match__products-category{margin-bottom:5rem}.mix-and-match__sidebar-product-discount{padding:.125rem .25rem;background-color:#06c;border-radius:2px;color:#fff;font-size:.75rem;line-height:1rem;font-weight:700}.mix-and-match__sidebar-product-footer{display:flex;align-items:center;justify-content:space-between}.mix-and-match__sidebar-button,.mix-and-match__sidebar-button .price{display:flex;align-items:center;justify-content:center}.mix-and-match__sidebar-button .border{width:1px;height:10px;background-color:#fff;margin:0 10px}.mix-and-match__sidebar-button .price-item{color:#fff}.mix-and-match__sidebar-product-quantity{display:flex;width:55px;border:1px solid #c4c4c4;border-radius:2px}.mix-and-match__sidebar-product-quantity-button{padding:.25rem;background:none;border:none;color:#222;cursor:pointer}.mix-and-match__sidebar-product-quantity-button:hover{color:#fff}.mix-and-match__sidebar-product-quantity-input{width:22px;text-align:center;border:none;pointer-events:none}.mix-and-match__sidebar-product-quantity-icon{width:1.25rem;height:1.25rem}.mix-and-match__sidebar-step.active{background-color:#000}.mix-and-match__sidebar-button{width:100%;margin-top:24px}.mix-and-match__sidebar-product-price-percentage{font-size:12px;color:#333;background-color:#fff8b6;padding:.25rem .5rem;font-weight:600}.mix-and-match__sidebar-percentage,.mix-and-match__sidebar-count{font-weight:900}.mix-and-match__sidebar-missing-products-text,.mix-and-match__sidebar-discount-success-text{font-size:12px}@media (max-width: 768px){.mix-and-match__sidebar-missing-products-text,.mix-and-match__sidebar-discount-success-text{font-size:10px;background-color:#fff8b6;line-height:normal;padding:7px 0}.mix-and-match__sidebar{height:100vh;display:flex;flex-direction:column;justify-content:flex-end;position:fixed;left:0;bottom:0;z-index:1000;pointer-events:none}.mix-and-match__sidebar-open-button:not(.mix-and-match__sidebar-open-button--active){background-color:#fff;border:1px solid #000;color:#000!important}.mix-and-match__sidebar-container,.mix-and-match__sidebar-preview{z-index:1;pointer-events:auto}.mix-and-match__sidebar-container{padding-bottom:0;transform:translateY(0);transition:transform .2s ease-in}.mix-and-match__sidebar-container:not(.mix-and-match__sidebar-container--open){transform:translateY(150%);opacity:0}}@media screen and (min-width: 750px){.mix-and-match__body-container{flex-direction:row}.mix-and-match__sidebar{max-width:400px;padding-top:20px}.mix-and-match__overlay{display:none}.mix-and-match__sidebar-container{max-height:calc(100vh - var(--header-height, 80px) - 80px);display:flex;flex-direction:column;position:sticky;top:calc(var(--header-height, 80px) + 70px)}.mix-and-match__sidebar-preview{display:none}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/mix-and-match.css.map */