.cap-color{display:block;width:80%}.cap-color__group{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.cap-color__heading{color:var(--cap-color-heading, #570000);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.9rem;white-space:nowrap}.cap-color__options{display:flex;align-items:flex-start;justify-content:flex-start;flex:0 1 auto;min-width:0;gap:.5rem;flex-wrap:wrap}.cap-color__option{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center;justify-content:center;column-gap:.4rem;row-gap:.5rem;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.cap-color__frame{order:1;display:flex;align-items:center;justify-content:center;flex:0 0 100%;width:100%;height:82px;padding:6px;margin:0;background:var(--color-background, #fff)}.cap-color__img{display:block;width:auto;height:auto;max-width:62px;max-height:100%;object-fit:contain}.cap-color__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.cap-color__radio{order:2;display:inline-block;width:20px;height:20px;border-radius:50%;border:1.5px solid rgb(var(--color-foreground-rgb) / .55);flex:0 0 20px;position:relative;transition:border-color .15s ease}.cap-color__input:checked+.cap-color__radio{border-color:var(--cap-color-heading, #570000)}.cap-color__input:checked+.cap-color__radio:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--cap-color-heading, #570000)}.cap-color__input:focus-visible+.cap-color__radio{outline:var(--focus-outline-width, 2px) solid var(--cap-color-heading, #570000);outline-offset:2px}.cap-color__label{order:3;display:inline-flex;align-items:center;margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.95rem;white-space:nowrap}.cap-color--compact{margin-inline:auto}.cap-color--compact .cap-color__group{gap:.75rem;justify-content:center}.cap-color--compact .cap-color__heading{width:100%;text-align:center;font-size:.72rem;letter-spacing:.14em}.cap-color--compact .cap-color__options{flex:0 1 auto;justify-content:center;gap:.75rem}.cap-color--compact .cap-color__option{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:center;gap:0}.cap-color--compact .cap-color__frame{width:34px;height:46px;flex:0 0 46px;padding:3px;margin:0}.cap-color--compact .cap-color__img{max-width:34px;max-height:40px}.cap-color--compact .cap-color__radio,.cap-color--compact .cap-color__label{display:none}.cap-color--compact .cap-color__option:has(.cap-color__input:checked) .cap-color__frame{border-color:var(--cap-color-heading, #570000);box-shadow:0 0 0 1px var(--cap-color-heading, #570000)}@media screen and (max-width:749px){.cap-color{width:80%}.cap-color__group{align-items:flex-start;gap:.75rem}.cap-color__heading{width:100%}.cap-color__options{width:auto;justify-content:flex-start;gap:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/cap-color.css.map */