.StudioSelect-module__OdlKyW__wrapper{justify-content:center;margin-bottom:2rem;display:flex}.StudioSelect-module__OdlKyW__circle{--circle-size:350px;width:var(--circle-size);height:var(--circle-size);border:4px solid var(--theme-surface);border-radius:50%;position:relative;overflow:hidden}@media (min-width:768px){.StudioSelect-module__OdlKyW__circle{--circle-size:500px}}.StudioSelect-module__OdlKyW__slice{cursor:pointer;border:none;width:50%;height:50%;padding:0;transition:z-index .2s;position:absolute;overflow:hidden}.StudioSelect-module__OdlKyW__q1{border-right:2px solid var(--theme-surface);border-bottom:2px solid var(--theme-surface);top:0;left:0}.StudioSelect-module__OdlKyW__q2{border-left:2px solid var(--theme-surface);border-bottom:2px solid var(--theme-surface);top:0;right:0}.StudioSelect-module__OdlKyW__q3{border-left:2px solid var(--theme-surface);border-top:2px solid var(--theme-surface);bottom:0;right:0}.StudioSelect-module__OdlKyW__q4{border-right:2px solid var(--theme-surface);border-top:2px solid var(--theme-surface);bottom:0;left:0}.StudioSelect-module__OdlKyW__slice:hover{z-index:1}.StudioSelect-module__OdlKyW__slice:focus-visible{outline:2px solid var(--theme-surface);outline-offset:2px;z-index:2}.StudioSelect-module__OdlKyW__slice.StudioSelect-module__OdlKyW__active{z-index:2}.StudioSelect-module__OdlKyW__sliceBg{pointer-events:none;background-repeat:no-repeat;background-size:cover;transition:filter .25s;position:absolute;inset:0}.StudioSelect-module__OdlKyW__q1 .StudioSelect-module__OdlKyW__sliceBg{background-position:0 0}.StudioSelect-module__OdlKyW__q2 .StudioSelect-module__OdlKyW__sliceBg{background-position:100% 0}.StudioSelect-module__OdlKyW__q3 .StudioSelect-module__OdlKyW__sliceBg{background-position:100% 100%}.StudioSelect-module__OdlKyW__q4 .StudioSelect-module__OdlKyW__sliceBg{background-position:top}.StudioSelect-module__OdlKyW__slice:hover:not(.StudioSelect-module__OdlKyW__active) .StudioSelect-module__OdlKyW__sliceBg{filter:brightness(1.08)}.StudioSelect-module__OdlKyW__sliceOverlay{background:color-mix(in srgb, var(--theme-primary) 50%, transparent);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.StudioSelect-module__OdlKyW__slice.StudioSelect-module__OdlKyW__active .StudioSelect-module__OdlKyW__sliceOverlay{opacity:1}.StudioSelect-module__OdlKyW__label{z-index:1;color:#fff;letter-spacing:.02em;text-shadow:0 1px 4px #00000073;white-space:nowrap;opacity:0;pointer-events:none;font-size:1rem;font-weight:600;transition:opacity .2s;position:absolute;transform:translate(-50%,-50%)}.StudioSelect-module__OdlKyW__slice:hover .StudioSelect-module__OdlKyW__label,.StudioSelect-module__OdlKyW__slice:focus-visible .StudioSelect-module__OdlKyW__label,.StudioSelect-module__OdlKyW__slice.StudioSelect-module__OdlKyW__active .StudioSelect-module__OdlKyW__label{opacity:1}@media (min-width:768px){.StudioSelect-module__OdlKyW__label{font-size:1.125rem}}