.flavor__cta{display:inline-grid}.flavor__swatch-label{display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:6px;border:1px solid rgba(0,0,0,.6);color:#000;top:0;left:0;height:32px;width:100%;font-size:14px;line-height:1;text-align:center;cursor:pointer;padding:0 12px}.flavor__swatch-label span{margin-left:10px}.flavor__swatch-label.checked{background-color:#121212;color:#fff}.flavor__swatch-label.checked svg{fill:#fff}.flavor__modal{display:flex;position:fixed;z-index:1000;top:0;left:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;opacity:1;transition:opacity .3s;width:100%;height:100%;background:#696969a6}.flavor__modal-content{display:flex;position:relative;z-index:2;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;padding:40px 20px 10px;padding-bottom:max(10px,env(safe-area-inset-bottom));width:min(90vw,500px);max-height:100vh;max-height:100dvh;height:100vh;height:100dvh;box-shadow:0 0 10px #0000001a;background:#fff}.flavor__widget-container{overflow-y:auto;flex:1;min-height:0;border:1px solid #c91e15;border-radius:3px;margin:10px 0}.flavor__column-header{position:sticky;top:0;z-index:2;font-size:1.2rem;padding:11px 0;background-color:#fff}.flavor__row{padding:10px 0}.flavor__widget{width:100%;border-spacing:2px;border-color:gray;position:relative;border-collapse:collapse}.flavor__column{padding:5px 10px}.flavor__switch-input[type=checkbox]{display:none}.flavor__input-quantity{height:46px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:1px solid #f0f0f0;border-radius:2px;display:-ms-flexbox;display:flex}.input-number__input{width:30px;outline:none;border:0;text-align:center;background-color:transparent}.flavor__button{border:none;box-shadow:none;outline:none;-webkit-appearance:none;background:none;cursor:pointer;min-width:30px}.flavor__modal-header{display:flex;justify-content:center}.flavor__modal-header span{position:absolute;top:9px}.flavor__modal-close{position:absolute;top:9px;right:16px;opacity:.5;transition:opacity 1s;border:none;box-shadow:none;outline:none;-webkit-appearance:none;background:none;cursor:pointer}.flavor__modal-close svg path{stroke:#000;height:100%}.flavor__switch{position:relative;-ms-flex-align:center;align-items:center;height:30px;width:50px}.flavor__item.disabled * :not([flavor-name]){color:#666}.flavor__switch-icon{position:absolute;display:flex;z-index:1;top:-4px;transition:all .5s}.flavor__switch-label{cursor:pointer}.flavor__switch-label:after{content:"";position:absolute;width:100%;height:100%;border:1px solid #f0f0f0;background-color:#f0f0f0;border-radius:30px;transition:background-color .5s ease}.flavor__switch-input:checked+.flavor__switch-label .flavor__switch-icon{right:0;transform:rotate(90deg)}.flavor__switch-input:checked+.flavor__switch-label:after{background-color:#bada55;border:1px solid #bada55}.flavor__section-divider td{padding:8px 10px;background-color:#f7f7f7;font-size:1.1rem;font-weight:600;color:#555;text-align:center;letter-spacing:.02em}.flavor__premium-badge{display:inline-block;margin-left:6px;padding:1px 6px;font-size:1rem;font-weight:600;color:#be0411;background-color:#fef2f2;border:1px solid #fecaca;border-radius:4px;vertical-align:middle;line-height:1.4}.flavor__item.disabled .flavor__premium-badge{opacity:.4}.alert__error{border:1px solid #fa0f0f}.alert__text-container{max-width:400px;margin:auto;line-height:21px}.alert__text{color:#fa0f0f;line-height:.8}.alert{padding:10px 15px;text-align:center}.flavor__modal-content--card{width:min(92vw,620px)}.flavor__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:12px}@media(min-width:480px){.flavor__grid{grid-template-columns:repeat(3,1fr)}}.flavor__card{display:flex;flex-direction:column;border:2px solid #e5e5e5;border-radius:8px;overflow:hidden;transition:border-color .2s,box-shadow .2s;background:#fff}.flavor__card.disabled{cursor:pointer}.flavor__card--selected{border-color:#be0411;box-shadow:0 0 0 1px #be0411}.flavor__card--premium:before{content:"";display:block;height:3px;background:#d97706;flex-shrink:0}.flavor__card--premium.flavor__card--selected:before{background:#be0411}.flavor__card-media{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#f5f5f5;flex-shrink:0}.flavor__card-img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s,filter .2s}.flavor__card.disabled .flavor__card-img{opacity:.55;filter:grayscale(25%)}.flavor__card--selected .flavor__card-img{opacity:1;filter:none}.flavor__card-img-placeholder{display:none;width:100%;height:100%;align-items:center;justify-content:center;padding:22%}.flavor__card-media.no-img .flavor__card-img{display:none}.flavor__card-media.no-img .flavor__card-img-placeholder,.flavor__card-media:not(:has(img)) .flavor__card-img-placeholder{display:flex}.flavor__card-img-placeholder svg{width:100%;height:100%;opacity:.2}.flavor__card-premium-img-badge{position:absolute;top:8px;right:8px;background:#d97706;color:#fff;font-size:.85rem;font-weight:700;padding:2px 7px;border-radius:20px;line-height:1.5;z-index:1;pointer-events:none}.flavor__card-body{padding:8px 8px 4px;text-align:center;flex:1;display:flex;flex-direction:column;align-items:center;gap:3px}.flavor__card.disabled .flavor__name{color:#888}.flavor__card.disabled .flavor__premium-badge{opacity:.4}.flavor__card-footer{padding:8px;display:flex;justify-content:center;border-top:1px solid #f0f0f0}.flavor__section-heading{grid-column:1 / -1;padding:7px 12px;background-color:#fef9ee;border:1px solid #fde68a;border-radius:6px;font-size:1.1rem;font-weight:600;color:#92400e;text-align:center;letter-spacing:.02em}.flavor__modal-cta{display:flex;justify-content:center;align-items:center;margin-top:10px;gap:25px}.flavor__modal-cta .button{min-height:32px}.flavor__modal-cta .button:after{--color-button: rgb(190, 4, 17);box-shadow:0 0 0 1px #be0411}.flavor__modal-cta .button--secondary{color:#be0411}.flavor__modal-cta .button--secondary:hover{box-shadow:0 0 0 2px #be0411}.flavor__modal-cta .button--primary{background-color:#be0411}.flavor__modal-cta .button--primary:hover{background-color:transparent;--color-button: rgb(190, 4, 17);color:#be0411}.flavor__modal-cta .button--primary:hover:after{--border-opacity: 1;box-shadow:0 0 0 2px rgb(190,4,17,var(--border-opacity))}
/*# sourceMappingURL=/cdn/shop/t/74/assets/component-flavor-assortment.css.map */