.compact-flavor-selector{display:block;position:relative;margin-bottom:1.5rem}.compact-flavor-selector__trigger{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:1.2rem 1.5rem;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.3);border-radius:var(--inputs-radius, .4rem);cursor:pointer;font-size:1.5rem;text-align:left}.compact-flavor-selector__trigger:hover{border-color:rgba(var(--color-foreground),.6)}.compact-flavor-selector__label{font-weight:600;flex-shrink:0}.compact-flavor-selector__current{display:flex;align-items:center;gap:.8rem;flex:1;min-width:0}.compact-flavor-selector__current-swatch img{display:block;border-radius:.3rem;object-fit:cover}.compact-flavor-selector__current span[data-current-name]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-flavor-selector__trigger svg{flex-shrink:0;width:1.2rem;height:1.2rem}.compact-flavor-selector__backdrop{margin:0;border:0;padding:0;background:transparent}.compact-flavor-selector__backdrop:popover-open{position:fixed;top:0;right:0;bottom:0;left:0;width:auto;height:auto;z-index:100;display:block}.compact-flavor-selector__popover{position:absolute;top:calc(100% + .8rem);left:0;width:min(44rem,calc(100vw - 3.2rem));max-height:46rem;display:flex;flex-direction:column;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.12);border-radius:1rem;box-shadow:0 .8rem 2.4rem #00000024;overflow:hidden}.compact-flavor-selector__panel-header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.6rem;border-bottom:.1rem solid rgba(var(--color-foreground),.08);flex-shrink:0}.compact-flavor-selector__panel-heading{font-size:1.5rem;font-weight:600;margin:0}.compact-flavor-selector__close{background:none;border:none;cursor:pointer;padding:.4rem;line-height:0}.compact-flavor-selector__close svg{width:1.4rem;height:1.4rem}.compact-flavor-selector__panel-body{overflow-y:auto;flex:1;min-height:0}.compact-flavor-selector__search-wrap{position:sticky;top:0;z-index:1;background:rgb(var(--color-background));padding:1rem 1.6rem;border-bottom:.1rem solid rgba(var(--color-foreground),.06)}.compact-flavor-selector__search{width:100%;padding:.9rem 1.2rem;border:.1rem solid rgba(var(--color-foreground),.3);border-radius:var(--inputs-radius, .4rem);font-size:1.4rem}.compact-flavor-selector__list{list-style:none;margin:0;padding:.4rem .8rem 1rem}.compact-flavor-selector__item{margin:0}.compact-flavor-selector__option{display:flex;align-items:center;gap:1rem;width:100%;min-height:5.2rem;padding:.6rem .8rem;background:none;border:none;border-radius:.6rem;cursor:pointer;text-align:left;font-size:1.4rem}.compact-flavor-selector__option:hover{background:rgba(var(--color-foreground),.05)}.compact-flavor-selector__option.is-selected{background:rgba(var(--color-foreground),.06)}.compact-flavor-selector__option.is-unavailable{opacity:.55}.compact-flavor-selector__thumb{width:4rem;height:4rem;flex-shrink:0;border-radius:.5rem;overflow:hidden;background:rgba(var(--color-foreground),.05)}.compact-flavor-selector__thumb img{display:block;width:100%;height:100%;object-fit:cover}.compact-flavor-selector__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.5rem}.compact-flavor-selector__soldout{flex-shrink:0;font-size:1.1rem;opacity:.6;white-space:nowrap}.compact-flavor-selector__check{flex-shrink:0;width:1.6rem;height:1.6rem;line-height:0}.compact-flavor-selector__check svg{width:100%;height:100%}.compact-flavor-selector__empty{text-align:center;padding:2rem;opacity:.7;margin:0}@media screen and (max-width:749px){.compact-flavor-selector__backdrop:popover-open{background:#0006;display:flex;align-items:flex-end}.compact-flavor-selector__popover{position:relative;top:auto;left:auto;width:100%;max-height:75vh;border-radius:1.2rem 1.2rem 0 0;box-shadow:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-compact-flavor-selector.css.map */