.section-toggle-circles{width:100vw;display:block;overflow:hidden}.section-toggle-circles .toggle{text-transform:uppercase;font-size:var(--font-size-6);line-height:var(--line-height-6);cursor:pointer;padding:20px var(--padding-general)}.section-toggle-circles.expanded .toggle,.section-toggle-circles .toggle:hover{color:var(--color-white)!important}.section-toggle-circles.expanded .toggle .arrow{transform:-webkit-rotate(90deg);transform:rotate(90deg)}.section-toggle-circles .circles{opacity:0;height:0;position:relative;display:block;display:flex;align-items:center;width:100%;overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;pointer-events:none;padding:0 var(--padding-general)}.section-toggle-circles.expanded .circles{pointer-events:initial}.section-toggle-circles .circles::-webkit-scrollbar{display:none}.section-toggle-circles .inner{position:absolute;display:flex;padding:40px 0}.section-toggle-circles .circle{font-size:var(--font-size-7);line-height:var(--line-height-7);display:inline-flex;flex-wrap:wrap;text-align:center;border-radius:100%;margin:0 5px;width:24vw;height:24vw;justify-content:center;align-items:center;padding:40px;position:relative;border:2px solid var(--color-black)}.section-toggle-circles .circle span{text-transform:none;position:relative;width:100%}.section-toggle-circles .circle span.label{text-transform:uppercase}.section-toggle-circles .circle:hover{background-color:var(--color-almost-white)!important}.section-toggle-circles .circle span.text,.section-toggle-circles .circle:hover span.label{display:none}.section-toggle-circles .circle:hover span.text{display:block}.section-toggle-circles .button{color:var(--color-white);font-size:var(--font-size-7);line-height:var(--line-height-7);text-decoration:none;padding:8px 15px;border-radius:30px;width:max-content;display:inline-block;align-self:center;margin:0 100px;text-align:center}@media only screen and (max-width: 1800px){.section-toggle-circles .circle span.label,.section-toggle-circles .circle span.text{font-size:var(--font-size-1);line-height:var(--line-height-1)}}@media only screen and (max-width: 740px){.section-toggle-circles .toggle{padding:var(--padding-general)}.section-toggle-circles .circle{width:60vw;height:60vw;font-size:var(--font-size-7);line-height:var(--line-height-7)}.section-toggle-circles .button{width:60vw;margin:0 20vw;font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-toggle-circles.css.map */