.mix-and-match{padding:5px}.mix-grid{display:grid;gap:1rem;margin-bottom:1rem;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr}@media (min-width: 768px){.mix-grid{grid-template-columns:repeat(4,1fr)}}.mix-card{height:100%;display:flex;flex-direction:column;position:relative}.mix-card .product-tile,.mix-card .product-tile__container{display:flex;flex-direction:column;height:100%}.mix-card .product-tile__container{flex:1}.mix-card .product-tile h3,.mix-card .price{font-size:.7rem}.mix-card__select,.mix-add-button{margin-top:.5rem;font-size:.6rem}.mix-card__info-button{position:absolute;top:.5rem;right:.5rem;width:20px;height:20px;border-radius:50%;background:#000;color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:.75rem;cursor:pointer}.mix-add-button{display:block;margin:0 auto}.mix-footer{position:sticky;bottom:0;background:#fff;padding:1rem 0;z-index:1000}.mix-footer__title{margin:0 0 .5rem;text-align:center}.mix-selection{display:flex;gap:.5rem;margin-bottom:.5rem}.mix-slot{flex:1;border:1px solid #ccc;border-radius:.25rem;padding:.5rem;min-height:3rem;display:flex;align-items:center;gap:.5rem;position:relative;background:#fff}.mix-slot__image{width:40px;height:auto}.mix-slot__info{display:flex;flex-direction:column}.mix-slot__title,.mix-slot__price{font-size:.7rem;display:block}.mix-slot__remove{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:#000;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.6rem}.mix-add-button[disabled]{opacity:.5;cursor:not-allowed}.mix-error{color:#d00;margin-bottom:1rem}@media (max-width: 767px){.mix-card .product-tile h3,.mix-card .price{font-size:.7rem}}.mix-removing{position:relative;pointer-events:none}.mix-removing:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#f4f4f4,#e0e0e0,#f4f4f4);background-size:200% 100%;animation:mix-shimmer 1.5s infinite;z-index:1;opacity:.6}@keyframes mix-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/mix-and-match.css.map */