.pack-selector__wrapper,.pack-selector{display:block;width:100%}.pack-selector__options{display:grid;grid-template-columns:repeat(var(--pack-selector-columns, 3),minmax(0,1fr));gap:var(--grid-mobile-horizontal-spacing, 12px);padding-top:calc(var(--font-body-scale) * 10px)}@media screen and (min-width:750px){.pack-selector__options{gap:var(--grid-desktop-horizontal-spacing, 16px)}}.pack-selector__option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;min-height:88px;padding:calc(var(--font-body-scale) * 12px) calc(var(--font-body-scale) * 8px);border:1px solid color-mix(in srgb,rgba(var(--color-border-rgba)),transparent 10%);border-radius:var(--block-border-radius);background-color:color-mix(in srgb,var(--color-background),rgba(var(--color-border-rgba)) 14%);color:var(--color-text);font-family:var(--font-body-family);cursor:pointer;box-shadow:0 1px 2px color-mix(in srgb,var(--color-text),transparent 94%);transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,border-width .2s ease}.pack-selector__option:hover{border-color:color-mix(in srgb,var(--color-text),transparent 65%);background-color:color-mix(in srgb,var(--color-background),rgba(var(--color-border-rgba)) 22%);box-shadow:0 2px 4px color-mix(in srgb,var(--color-text),transparent 90%)}.pack-selector__option.is-active{border:2px solid var(--color-text);background-color:color-mix(in srgb,var(--color-button-background),transparent 84%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-text),transparent 80%)}.pack-selector__option.is-active .pack-selector__value{font-weight:var(--font-head-weight-bold, var(--font-head-weight))}.pack-selector__option:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.pack-selector__badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);padding:4px 10px;border-radius:var(--block-border-radius);background-color:var(--color-button-background);color:var(--color-button-text);font-family:var(--font-body-family);font-size:calc(var(--font-body-scale) * 11px);font-weight:var(--font-body-weight-bold);line-height:1.2;white-space:nowrap;z-index:1}.pack-selector__label{font-size:calc(var(--font-body-scale) * 12px);line-height:calc(var(--font-body-scale) * 12px * var(--body-line-height));color:color-mix(in srgb,var(--color-text),transparent 25%)}.pack-selector__value{font-family:var(--font-head-family);font-size:calc(var(--heading-font-size-h3) * 1.15);font-weight:var(--font-head-weight);line-height:1;letter-spacing:var(--heading-letter-spacing-h3)}
/*# sourceMappingURL=/cdn/shop/t/10/assets/block-pack-selector.css.map */