fostr-variant-display{position:absolute;display:none;width:100%;background:var(--fostr-color-white);bottom:0;left:0;z-index:2;padding:0;margin:0;opacity:0;transition:opacity .18s ease-in-out;pointer-events:none}fostr-variant-display .product-option{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;padding:0;width:100%;height:auto}fostr-variant-display .product-option__variant{margin:0;font-size:var(--fostr-typography-text-size-1xs);letter-spacing:var(--fostr-typography-tracking-widest);line-height:var(--fostr-typography-leading-normal);flex-basis:10%;flex-shrink:1;flex-grow:0;padding:0;text-align:left}fostr-variant-display .product-option__variant.option-rows{margin:var(--fostr-layout-space-1) 0 0 0}fostr-variant-display .product-option__variant.unavailable{opacity:.3;text-decoration:line-through}.fostr .card__content .card-information{position:relative}.fostr .card-wrapper .card-information>fostr-variant-display:not(.visually-hidden:first-child){margin:0}.fostr .product-form__input .form__label,fostr-product-group .form__label{display:flex;flex-direction:row;flex-wrap:wrap;text-transform:uppercase;align-content:center;justify-content:flex-start;margin-bottom:0;font-size:var(--fostr-typography-text-size-md)}.fostr .product-form__input--dropdown label{padding-right:1.5rem}.fostr .product-form__input--dropdown{border-bottom:1px solid black;margin-right:10%}.fostr .product-form__input .form__label span,fostr-product-group .form__label span{margin-right:var(--fostr-layout-space-2)}.fostr .product-form__input .form__label span.group-title,fostr-product-group .form__label span.group-title{margin-right:var(--fostr-layout-space-1)}.fostr .product-form__input .form__label span.group-type,fostr-product-group .form__label span.group-type{margin-right:0;color:var(--fostr-color-gray-500)}.fostr .product-form__input .form__label .low-stock{color:var(--fostr-color-brand-secondary);margin-bottom:-1rem;margin-top:1.5rem;font-size:2rem}@media (min-width: 750px){.fostr .card-wrapper:hover .card-information fostr-variant-display,.fostr .card-wrapper:focus-within .card-information fostr-variant-display{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/108/assets/fostr-product-variant-display.css.map */
