.SelectboxLabelNormal{display:flex;flex-direction:row;align-items:center;justify-content:center;border:1px solid var(--secondary_gray);border-radius:.125rem;padding:.5rem;min-width:51px;background-color:var(--tertiary_gray);color:var(--primary_text);cursor:pointer;transition:color .3s ease-in,background-color .3s ease-in,border-color .3s ease-in}.SelectboxLabelNormal.out-of-stock{color:var(--secondary_gray)}adapter-selector .SelectboxLabelNormal.out-of-stock{pointer-events:none}.inputSelectboxCheckbox{width:0px;opacity:0;margin:0!important;-webkit-appearance:none;appearance:none;padding:0;height:0px;border:0px;overflow:hidden;position:absolute}.inputSelectboxCheckbox:checked+.SelectboxLabelNormal{cursor:default;pointer-events:none;background-color:var(--primary_text);color:var(--secondary_text);border-color:var(--primary_text)}.SelectBox--Wrapper{display:flex;align-items:center;flex-direction:row;gap:.25rem;flex-wrap:wrap}.VariantSelectTiles{display:flex;flex-direction:row;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.25rem}.VariantSelectTile{flex:0 0 auto}.VariantSelectTile__label{display:flex;flex-direction:column;gap:.375rem;width:6.25rem;cursor:pointer}.VariantSelectTile__image{width:100%;aspect-ratio:1 / 1;border:1px solid transparent;border-radius:.25rem;overflow:hidden;background-color:var(--tertiary_gray);transition:border-color .2s ease-in}.VariantSelectTile__img{width:100%;height:100%;object-fit:cover;display:block}.VariantSelectTile__name{color:var(--primary_text);line-height:1.2}.VariantSelectTile .selectbox__input{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0}.VariantSelectTile .selectbox__input:checked+.VariantSelectTile__label .VariantSelectTile__image{border-color:var(--primary_gray)}.SelectboxLabelNormal,.VariantSelectTile__image,.VariantSelectTile .VariantSelectTile__label .VariantSelectTile__image{transition-property:color,background-color,border-color}@media(prefers-reduced-motion:reduce){.SelectboxLabelNormal,.VariantSelectTile__image,.VariantSelectTile .VariantSelectTile__label .VariantSelectTile__image{transition:none!important}}.pm__recommended-color-card.swiper-slide:has(.selectbox__input:checked){cursor:default;pointer-events:auto}.VariantSelect,.pm__recommended-colors-wrapper{display:flex;flex-direction:column;gap:.5rem}.variant-select__tooltip{position:relative;display:inline-flex;align-items:center;z-index:3}.variant-select__tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:9999px;background:var(--tertiary_gray);color:var(--primary_text);cursor:pointer}.variant-select__tooltip-trigger .variant-select__tooltip-icon{display:inline-flex;align-items:center;justify-content:center}.variant-select__tooltip-trigger svg path{fill:var(--primary_text)}.variant-select__tooltip-panel{position:absolute;left:1rem;bottom:-3px;width:221px;padding:.25rem;background-color:var(--tertiary_gray);border-radius:.125rem;z-index:3;pointer-events:none;box-sizing:content-box;flex-direction:row;gap:1rem;opacity:0;visibility:hidden;display:none}.variant-select__tooltip:has(.variant-select__tooltip-trigger:hover) .variant-select__tooltip-panel,.variant-select__tooltip:has(.variant-select__tooltip-trigger:focus-visible) .variant-select__tooltip-panel{opacity:1;visibility:visible;pointer-events:auto;display:flex}.variant-select__tooltip-image{display:flex;flex-direction:row;align-items:center;justify-content:center}.variant-select__tooltip-image img{width:44px;height:44px;display:block;border-radius:.125rem}@media screen and (min-width:768px){.pm__recommended-color-card.swiper-slide:hover .VariantSelectTile__image{border:1px solid var(--primary_gray)}}@media(hover:hover){.SelectboxLabelNormal:not(.out-of-stock):hover{background-color:var(--primary_text);color:var(--secondary_text);border-color:var(--primary_text)}}@media screen and (min-width:1025px){.variant-select__tooltip-panel{top:calc(100% + 18px);bottom:auto}.VariantSelectors .RevolutionSelectbox--Item{transition:all .3s ease-in;width:100%;text-align:left}.VariantSelectors .RevolutionSelectbox--Item:hover{background-color:var(--loader_color);transition:all .3s ease-in}}
/*# sourceMappingURL=/cdn/shop/t/154/assets/component-selectbox.css.map */