.flavor-selector{position:relative;display:block;width:100%}.flavor-selector__heading{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1rem;font-size:1.5rem;line-height:1.4}.flavor-selector__heading-label{font-weight:600}.flavor-selector__toggle{position:relative;display:flex;align-items:center;gap:.8rem;width:100%;min-height:5.2rem;padding:.6rem 4.8rem .6rem .8rem;color:rgb(var(--color-foreground));font:inherit;text-align:left;-webkit-appearance:none;appearance:none;background:rgb(var(--color-background));border:.1rem solid rgb(var(--color-border-input));border-radius:var(--border-radius-button);cursor:pointer;transition:border-color var(--duration-default),box-shadow var(--duration-default)}.flavor-selector__toggle:hover{border-color:rgba(var(--color-border-input),.75)}.flavor-selector__toggle:focus-visible,.flavor-selector__option:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.flavor-selector__image{display:flex;align-items:center;justify-content:center;flex:0 0 3.6rem;width:3.6rem;height:3.6rem;overflow:hidden;border-radius:50%}.flavor-selector__image img{display:block;width:100%;height:100%;object-fit:contain}.flavor-selector__value{min-width:0;font-size:1.5rem;font-weight:600;line-height:1.4}.flavor-selector__caret{position:absolute;top:50%;right:1.6rem;display:flex;transform:translateY(-50%);transition:transform var(--duration-default);pointer-events:none}.flavor-selector[data-open] .flavor-selector__caret{transform:translateY(-50%) rotate(180deg)}.flavor-selector__list{position:absolute;z-index:11;top:calc(100% + .4rem);left:0;width:100%;max-height:min(32rem,50vh);margin:0;padding:.8rem 0;overflow-y:auto;background:rgb(var(--color-background));border:.1rem solid rgb(var(--color-border-input));border-radius:var(--border-radius-input);box-shadow:0 1.2rem 3.2rem rgba(var(--color-foreground),.12)}.flavor-selector__list[hidden]{display:none}.flavor-selector__option{position:relative;display:flex;align-items:center;gap:.8rem;min-height:4.4rem;padding:.6rem 4.8rem .6rem .8rem;color:rgb(var(--color-foreground));text-decoration:none;transition:background-color var(--duration-default)}.flavor-selector__option:hover,.flavor-selector__option:focus-visible,.flavor-selector__option[aria-current=page]{background-color:rgba(var(--color-background-secondary),.75)}.flavor-selector__option[aria-current=page]{font-weight:600}.flavor-selector[data-loading] .flavor-selector__option{cursor:progress}.flavor-selector__option[aria-current=page]:after{content:"";position:absolute;right:1.9rem;width:1.2rem;height:.6rem;border-bottom:.2rem solid currentColor;border-left:.2rem solid currentColor;transform:translateY(-.2rem) rotate(-45deg)}flavor-selector:not(:defined) .flavor-selector__toggle{cursor:default}flavor-selector:not(:defined) .flavor-selector__caret{display:none}flavor-selector:not(:defined) .flavor-selector__list{position:static;margin-top:.4rem;box-shadow:none}.flavor-page-transition{position:fixed;z-index:10000;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;color:var(--flavor-transition-color, rgb(var(--color-background)));pointer-events:all}.flavor-page-transition__wave{fill:currentColor}@media(max-width:749px){.flavor-selector__toggle{min-height:5.2rem}.flavor-selector__list{max-height:min(28rem,45vh)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-flavor-selector.css.map */