.badge-selector{display:block;margin:2.4rem 0}.badge-selector__header{display:flex;align-items:flex-end;justify-content:space-between;gap:1.6rem;margin-bottom:1.6rem}.badge-selector__title{margin:0 0 .4rem;color:#c9003c;font-size:2rem}.badge-selector__intro,.badge-selector__counter,.badge-selector__message,.badge-selector__empty{margin:0}.badge-selector__counter{flex:0 0 auto;padding:.6rem 1.1rem;border-radius:999px;background:#ffd1e0;color:#103948;font-size:1.3rem;font-weight:700}.badge-selector__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin:0;padding:0;border:0}.badge-selector__option{position:relative}.badge-selector:not(.is-expanded) .badge-selector__option--extra{display:none}.badge-selector__card{position:relative;display:block;height:100%;overflow:hidden;border:2px solid #ffd1e0;border-radius:1.4rem;background:#fff;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.badge-selector__option:hover .badge-selector__card,.badge-selector__option:focus-within .badge-selector__card{transform:translateY(-2px);border-color:#c9003c}.badge-selector__option.is-selected .badge-selector__card{border-color:#c9003c;box-shadow:0 0 0 2px #c9003c}.badge-selector__image-wrap{display:block;aspect-ratio:1;overflow:hidden;background:#fff}.badge-selector__image{display:block;width:100%;height:100%;object-fit:cover}.badge-selector__name{display:block;padding:.9rem .8rem 1rem;color:#103948;font-size:1.2rem;font-weight:600;line-height:1.25;text-align:center}.badge-selector__quantity-controls{display:grid;grid-template-columns:2.8rem minmax(2.4rem,auto) 2.8rem;align-items:center;justify-content:center;gap:.5rem;padding:0 1.2rem 1.2rem}.badge-selector__quantity-button{display:grid;width:2.8rem;height:2.8rem;padding:0;place-items:center;border:1px solid #c9003c;border-radius:50%;background:#fff;color:#c9003c;cursor:pointer;font:inherit;font-size:1.6rem;font-weight:700;line-height:1}.badge-selector__quantity-button:hover:not(:disabled),.badge-selector__quantity-button:focus-visible{background:#ffd1e0}.badge-selector__quantity-button:focus-visible{outline:2px solid #103948;outline-offset:2px}.badge-selector__quantity-button:disabled{cursor:not-allowed;opacity:.35}.badge-selector__quantity{color:#103948;font-size:1.4rem;font-weight:700;text-align:center}.badge-selector__message,.badge-selector__empty{margin-top:1.2rem;color:#c9003c;font-size:1.3rem}.badge-selector__toggle{display:flex;align-items:center;justify-content:center;gap:.7rem;width:100%;margin-top:1.2rem;padding:1rem 1.4rem;border:1px solid #c9003c;border-radius:999px;background:#fff;color:#c9003c;cursor:pointer;font:inherit;font-size:1.4rem;font-weight:700}.badge-selector__toggle:hover{background:#ffd1e0}.badge-selector__toggle-icon{font-size:1.8rem;line-height:1;transition:transform .2s ease}.badge-selector.is-expanded .badge-selector__toggle-icon{transform:rotate(180deg)}.badge-selection-required{cursor:not-allowed;opacity:.55}@media screen and (max-width:749px){.badge-selector__header{align-items:flex-start;flex-direction:column;gap:1rem}.badge-selector__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-badge-selector.css.map */
