.b-variant-switcher{position:relative;padding-top:5rem;padding-bottom:5rem;display:flex;align-items:center;margin-top:4rem;margin-bottom:5.5rem}@media(min-width: 1020px){.b-variant-switcher{min-height:35rem}}@media(min-width: 1340px){.b-variant-switcher{min-height:43rem}}.b-variant-switcher__container{background-color:#fff;padding:3.5rem;display:flex;flex-direction:column;gap:3rem}@media(min-width: 920px){.b-variant-switcher__container{padding-left:17rem;margin-left:10rem}}@media(min-width: 1020px){.b-variant-switcher__container{padding-left:22rem}}@media(min-width: 1340px){.b-variant-switcher__container{padding-left:30rem}}.b-variant-switcher__colors-container{display:flex;flex-wrap:wrap;position:relative;padding-bottom:calc(48vh + 1.5rem)}@media(min-width: 920px){.b-variant-switcher__colors-container{padding-bottom:0;position:static}}.b-variant-switcher__variant{width:3.5rem;height:3.5rem;display:flex;justify-content:center;align-items:center}.b-variant-switcher__variant.active .b-variant-switcher__variant-btn{outline:3px solid var(--wp--preset--color--contrast)}.b-variant-switcher__variant.active .b-variant-switcher__variant-btn:hover{border:2px solid #fff}.b-variant-switcher__variant-btn{width:calc(100% - 6px);height:calc(100% - 6px);border:2px solid #fff;outline:3px solid #fff;cursor:pointer;padding:0;margin:0;transition:250ms outline ease-in-out,200ms border ease-in-out;position:relative;border-radius:50%}.b-variant-switcher__variant-btn:hover{outline:1px solid var(--wp--preset--color--blue)}.b-variant-switcher__variant-btn:hover .screen-reader-text{z-index:4}.b-variant-switcher__variant-btn:focus{outline:2px solid var(--wp--preset--color--blue)}.b-variant-switcher__variant-btn:hover .screen-reader-text,*:not(:hover)>.active .b-variant-switcher__variant-btn .screen-reader-text{top:-0.75rem;left:50%;transform:translate(-50%, -100%);padding:.125rem .25rem .25rem;font-size:.625rem;color:#fff;background-color:var(--wp--preset--color--contrast);height:auto;width:auto;clip-path:unset;border:1px solid #fff;font-family:var(--wp--preset--font-family--main);opacity:1}.b-variant-switcher__variant-btn .screen-reader-text{display:block;position:absolute;border-radius:3px;overflow:visible;pointer-events:none;opacity:0;transition:250ms opacity ease-in-out}.b-variant-switcher__variant-btn .screen-reader-text:after{position:absolute;content:"";top:100%;left:50%;transform:translateX(-50%);z-index:-1;width:.5rem;height:.325rem;margin-top:-1px;background-color:var(--wp--preset--color--contrast);clip-path:polygon(50% 100%, 0 0, 100% 0)}.b-variant-switcher__variant-texture{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%;overflow:hidden}.b-variant-switcher__variant-img-con{position:absolute;left:50%;z-index:1;pointer-events:none;height:48vh;width:max-content;bottom:0;transform:translateX(-50%)}@media(min-width: 920px){.b-variant-switcher__variant-img-con{max-height:80vh;max-width:22rem;height:auto;top:50%;transform:translateY(-50%);bottom:unset;left:0}}@media(min-width: 1024px){.b-variant-switcher__variant-img-con{max-width:28rem}}@media(min-width: 1340px){.b-variant-switcher__variant-img-con{max-width:36rem}}.hide>.b-variant-switcher__variant-img-con{z-index:2}.active>.b-variant-switcher__variant-img-con{z-index:3;opacity:1;animation:fadeIn 250ms ease forwards}.b-variant-switcher__variant-img-con img{width:100%;height:100%;object-fit:scale-down}@media(min-width: 920px){.b-variant-switcher__variant-img-con img{object-fit:contain}}.b-variant-switcher__variant-img-con:after{content:"";z-index:-1;position:absolute;top:1.5rem;left:1.5rem;width:100%;height:100%;background-color:var(--wp--preset--color--contrast)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}