.configurator-attributes,.variant-buttons{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1.25rem}@media screen and (min-width:768px){.configurator-attributes,.variant-buttons{gap:1.5rem}}.configurator-attribute-group,.variant-buttons__group{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.75rem;width:100%}.configurator-attribute-label,.variant-buttons__label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#333;color:var(--color-text,#333);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.875rem;font-weight:600;gap:.375rem;line-height:1;margin:0}.configurator-attribute-label svg,.variant-buttons__label svg{height:1rem;opacity:.6;width:1rem}.configurator-attribute-buttons,.variant-buttons__options{grid-gap:.625rem;display:grid;gap:.625rem;grid-template-columns:repeat(2,1fr);width:100%}@media screen and (min-width:768px){.configurator-attribute-buttons,.variant-buttons__options{gap:.75rem}}.configurator-attribute-buttons--flex,.variant-buttons__options--flex{-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem}.configurator-info-button,.variant-buttons__info-btn{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:none;border:none;color:var(--color-text-75);cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-weight:900;justify-content:center;margin-left:.25rem;padding:0;position:relative;-webkit-transition:color var(--duration-short) ease;transition:color var(--duration-short) ease}.configurator-info-button:before,.variant-buttons__info-btn:before{bottom:-.5rem;content:"";left:-.5rem;position:absolute;right:-.5rem;top:-.5rem}.configurator-info-button:focus,.configurator-info-button:hover,.variant-buttons__info-btn:focus,.variant-buttons__info-btn:hover{color:var(--color-text)}.configurator-info-button svg,.variant-buttons__info-btn svg{height:1rem;width:1rem}.configurator-attribute-button,.variant-button{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:#f0f0f0;background:var(--color-background-dark,#f0f0f0);border:1px solid transparent;color:#333;color:var(--color-text,#333);cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;padding:.75rem;text-align:center;-webkit-transition:all var(--duration-short) ease;transition:all var(--duration-short) ease}.configurator-attribute-button:hover:not(:disabled):not(.active),.variant-button:hover:not(:disabled):not(.active){background:#c9c9c9;background:var(--color-background-dark,#c9c9c9)}.configurator-attribute-button.active,.variant-button.active{background:#000;background:var(--color-black,#000);color:#fff;color:var(--color-white,#fff);outline-offset:2px}.configurator-attribute-button--image,.variant-button--image{border:0 solid #e0e0e0;border:0 solid var(--color-border,#e0e0e0);border-radius:50%;height:2.5rem;padding:0;position:relative;width:2.5rem}.configurator-attribute-button--image:hover .tooltip,.configurator-attribute-button--image:hover .variant-button__tooltip,.variant-button--image:hover .tooltip,.variant-button--image:hover .variant-button__tooltip{opacity:1;top:-75%}.configurator-attribute-button--image img,.variant-button--image img{border-radius:50%;display:block;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:100%}.configurator-attribute-button--image:hover:not(:disabled):not(.active),.variant-button--image:hover:not(:disabled):not(.active){border-color:#333;border-color:var(--color-text,#333)}.configurator-attribute-button--image.active,.variant-button--image.active{border-color:#000;border-color:var(--color-black,#000);border-width:2px;-webkit-box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px #fff;-webkit-box-shadow:0 0 0 2px var(--color-white,#fff);box-shadow:0 0 0 2px var(--color-white,#fff)}.tooltip,.variant-button__tooltip{text-wrap:nowrap;background:#000;color:#fff;font-size:.75rem;height:auto;left:50%;opacity:0;padding:4px 6px;position:absolute;top:-30%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all .25s ease;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:3}.tooltip:after,.variant-button__tooltip:after{border-bottom:8px solid #000;border-right:8px solid hsla(0,0%,100%,0);bottom:0;content:" ";height:0;left:50%;position:absolute;-webkit-transform:rotate(-45deg) translateX(-50%);-ms-transform:rotate(-45deg) translateX(-50%);transform:rotate(-45deg) translateX(-50%);width:0;width:8px}.configurator-none-button{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:transparent;border:0;color:var(--color-primary);cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;margin-top:0;padding:.75rem 0;text-align:center;text-decoration:underline;text-underline-offset:3px;-webkit-transition:all var(--duration-short) ease-in-out;transition:all var(--duration-short) ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.configurator-none-button:hover:not(:disabled):not(.active){color:#333;color:var(--color-text,#333)}.configurator-none-button.active{background:#000;background:var(--color-black,#000);color:#fff;font-weight:400;padding:12px;text-decoration:none}