.vpc{display:block;--vpc-accent-rgb: var(--color-button);--vpc-accent: rgb(var(--vpc-accent-rgb));--vpc-border: rgba(var(--color-foreground), .18);--vpc-radius: .8rem}.vpc__field.product-form__input{max-width:100%;min-width:0}.vpc__dropdown{position:relative;display:block}.vpc__trigger{display:flex;align-items:center;gap:1.2rem;width:100%;min-height:6.4rem;padding:.8rem 1.2rem;background:rgb(var(--color-background));border:.1rem solid var(--vpc-border);border-radius:var(--vpc-radius);cursor:pointer;text-align:left;transition:border-color var(--duration-short, .1s) ease,box-shadow var(--duration-short, .1s) ease;-webkit-tap-highlight-color:transparent}.vpc__trigger:hover{border-color:rgba(var(--color-foreground),.45)}.vpc__trigger:focus{outline:none}.vpc__trigger:focus-visible,.vpc__dropdown--open .vpc__trigger{border-color:var(--vpc-accent);box-shadow:0 0 0 .1rem var(--vpc-accent),0 .4rem 1.2rem rgba(var(--color-foreground),.08)}.vpc__trigger:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.vpc__value{flex:1 1 auto}.vpc__chevron{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:50%;background:rgba(var(--color-foreground),.06);color:rgb(var(--color-foreground));transition:transform var(--duration-default, .2s) ease,background-color var(--duration-short, .1s) ease}.vpc__chevron .svg-wrapper,.vpc__chevron svg{width:1.1rem;height:1.1rem}.vpc__trigger:hover .vpc__chevron{background:rgba(var(--color-foreground),.1)}.vpc__dropdown--open .vpc__chevron{transform:rotate(180deg)}.vpc__content{display:flex;align-items:center;gap:1.2rem;min-width:0}.vpc__media{flex:0 0 4.4rem;width:4.4rem;height:4.4rem;border-radius:.6rem;overflow:hidden;background:rgba(var(--color-foreground),.04)}.vpc__img{width:100%;height:100%;object-fit:contain}.vpc__text{display:flex;flex-direction:column;gap:.2rem;min-width:0;line-height:1.35}.vpc__line{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.8rem;row-gap:.2rem}.vpc__title{font-size:1.6rem;font-weight:600;color:rgb(var(--color-foreground))}.vpc__placeholder{font-weight:400;color:rgba(var(--color-foreground),.7)}.vpc__price{font-size:1.6rem;font-weight:700;color:var(--vpc-price-color, rgb(var(--color-foreground)))}.vpc__compare{font-size:1.35rem;color:rgba(var(--color-foreground),.6)}.vpc__meta{display:flex;flex-wrap:wrap;align-items:center;column-gap:.6rem;font-size:1.25rem;color:rgba(var(--color-foreground),.72)}.vpc__unit{font-weight:600;color:rgba(var(--color-foreground),.85)}.vpc__sep{color:rgba(var(--color-foreground),.4)}.vpc__tag{align-self:center;padding:.2rem .7rem;border-radius:10rem;font-size:1.2rem;font-weight:600;line-height:1.5;letter-spacing:.02rem;white-space:nowrap}.vpc__tag--best{background:#e6f6ec;color:#1c5c33}.vpc__tag--soldout{background:rgba(var(--color-foreground),.08);color:rgba(var(--color-foreground),.75)}.vpc__list{position:absolute;z-index:5;top:calc(100% + .6rem);left:0;right:0;max-height:36rem;margin:0;padding:.6rem;list-style:none;overflow-y:auto;overscroll-behavior:contain;background:rgb(var(--color-background));border:.1rem solid var(--vpc-border);border-radius:var(--vpc-radius);box-shadow:0 1.2rem 3rem #00000024,0 .2rem .6rem #0000000f;animation:vpcIn var(--duration-short, .1s) ease-out}.vpc__list[hidden]{display:none}.vpc__dropdown--up .vpc__list{top:auto;bottom:calc(100% + .6rem)}@keyframes vpcIn{0%{opacity:0;transform:translateY(-.4rem)}}.vpc__dropdown--up .vpc__list{animation-name:vpcInUp}@keyframes vpcInUp{0%{opacity:0;transform:translateY(.4rem)}}.vpc__option{position:relative;display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;border-radius:.6rem;cursor:pointer;scroll-margin:.6rem}.vpc__option+.vpc__option{margin-top:.2rem}.vpc__option .vpc__content{flex:1 1 auto}.vpc__option--active{background:rgba(var(--color-foreground),.06);box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.2)}.vpc__option[aria-selected=true]{background:rgba(var(--vpc-accent-rgb),.1)}.vpc__option[aria-selected=true].vpc__option--active{box-shadow:inset 0 0 0 .1rem var(--vpc-accent)}.vpc__option--unavailable .vpc__media,.vpc__option--unavailable .vpc__title,.vpc__option--unavailable .vpc__price,.vpc__option--unavailable .vpc__meta{opacity:.75}.vpc__check{flex:0 0 auto;width:1.6rem;height:1.6rem;color:var(--vpc-accent);visibility:hidden}.vpc__option[aria-selected=true] .vpc__check{visibility:visible}@media screen and (max-width:749px){.vpc__trigger{gap:.8rem;padding:.8rem 1rem}.vpc__content{gap:1rem}.vpc__title,.vpc__price{font-size:1.5rem}.vpc__list{max-height:30rem}}@media(prefers-reduced-motion:reduce){.vpc__list,.vpc__chevron{animation:none;transition:none}}@media(forced-colors:active){.vpc__option--active,.vpc__option[aria-selected=true]{outline:.2rem solid Highlight}.vpc__check{color:Highlight}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/component-pdp-variant-dropdown.css.map */