.card__information--has-picker{position:relative;min-height:9rem}.card__information--has-picker>.card__heading,.card__information--has-picker>.card-information{opacity:1;visibility:visible;transition:opacity var(--duration-default) var(--ease-out-slow)}.card__information--picking>.card__heading,.card__information--picking>.card-information{opacity:0;visibility:hidden;transition:opacity var(--duration-default) var(--ease-out-slow),visibility 0s var(--duration-default)}card-variant-picker{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;gap:.8rem;box-sizing:border-box;padding:inherit;opacity:0;visibility:hidden;transition:opacity var(--duration-default) var(--ease-out-slow),visibility 0s var(--duration-default)}card-variant-picker[hidden]{display:none}.card__information--picking card-variant-picker{opacity:1;visibility:visible;transition:opacity var(--duration-default) var(--ease-out-slow)}.card-variant-picker__header{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.card-variant-picker__title{color:rgba(var(--color-foreground),.6);font-size:1.1rem;letter-spacing:.1rem;text-transform:uppercase}.card-variant-picker__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.4rem;height:2.4rem;padding:0;border:0;border-radius:50%;background-color:rgba(var(--color-foreground),.05);color:rgb(var(--color-foreground));cursor:pointer;transition:background-color var(--duration-short) ease}.card-variant-picker__close:hover{background-color:rgba(var(--color-foreground),.1)}.card-variant-picker__close svg{width:1.2rem;height:1.2rem;pointer-events:none}.card-variant-picker__options{display:flex;flex-wrap:wrap;align-content:flex-start;gap:.6rem;min-height:0;overflow-y:auto}.card-variant-picker__pill{display:inline-flex;align-items:center;padding:.7rem 1.4rem;border:0;border-radius:99rem;background-color:rgba(var(--color-foreground),.05);color:rgb(var(--color-foreground));font-family:inherit;font-size:1.3rem;line-height:1;cursor:pointer;transition:background-color var(--duration-short) ease,color var(--duration-short) ease}.card-variant-picker__pill:hover{background-color:rgba(var(--color-foreground),.1)}.card-variant-picker__pill[aria-pressed=true]{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.card-variant-picker__pill[disabled]{opacity:.45;text-decoration:line-through;cursor:not-allowed}.card-variant-picker--pulse .card-variant-picker__options{animation:card-variant-picker-pulse var(--duration-medium) var(--ease-out-slow)}@keyframes card-variant-picker-pulse{0%,to{transform:translate(0)}25%{transform:translate(-.3rem)}50%{transform:translate(.3rem)}75%{transform:translate(-.2rem)}}.card-wrapper .card__media .media>img:first-child{transition:filter .15s cubic-bezier(.45,0,.55,1),transform var(--duration-long) ease}.card__media .media--image-swapping>img:first-child{filter:opacity(0)}@media screen and (min-width:990px){.card:hover .card__media .media.media--variant-image>img:first-child,.card-wrapper:hover .card__media .media.media--variant-image>img:first-child{transform:none;transition:filter .15s cubic-bezier(.45,0,.55,1)}}@media screen and (min-width:990px){.card-wrapper:hover .media.media--hover-effect.media--variant-image>img:first-child:not(:only-child){opacity:1}.card-wrapper:hover .media.media--hover-effect.media--variant-image>img+img{opacity:0}}@media screen and (max-width:749px){.card-variant-picker__pill{padding:.6rem 1.1rem;font-size:1.2rem}}@media(prefers-reduced-motion:reduce){.card__information--has-picker>.card__heading,.card__information--has-picker>.card-information,.card__information--picking>.card__heading,.card__information--picking>.card-information,card-variant-picker,.card__information--picking card-variant-picker{transition:none}.card-variant-picker--pulse .card-variant-picker__options{animation:none}.card-wrapper .card__media .media>img:first-child{transition:none}.card__media .media--image-swapping>img:first-child{filter:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-card-variant-picker.css.map */