@charset "UTF-8";
@layer reset, base, app.base;
.iUdPEW_wrapper{grid-template-columns:repeat(5,1fr);gap:28px;display:grid}@media (max-width:640px){.iUdPEW_wrapper{gap:16px}}.iUdPEW_circleWrapper{aspect-ratio:1;background:0 0;border:none;width:100%;padding:0;position:relative}.iUdPEW_dividedCircles{grid-template-columns:repeat(2,1fr);width:100%;height:100%;display:grid}.iUdPEW_dividedCircles[data-level="2"]{gap:16px}@media (max-width:640px){.iUdPEW_dividedCircles[data-level="2"]{gap:4px}}.iUdPEW_dividedCircles[data-level="3"]{gap:4px}@media (max-width:640px){.iUdPEW_dividedCircles[data-level="3"]{gap:2px}}.iUdPEW_circle{aspect-ratio:1;background:var(--bg-color-primary);border:1px dashed var(--color-border-tertiary);cursor:pointer;border-radius:100%;width:100%;transition:color .2s;position:relative}.iUdPEW_circle[data-variant=secondary],.iUdPEW_circle[data-variant=tertiary]{border-style:solid}:is(.iUdPEW_circle[data-variant=secondary],.iUdPEW_circle[data-variant=tertiary]):after{content:"";background-image:repeating-linear-gradient(45deg, var(--color-border-tertiary) 0px, var(--color-border-tertiary) 1px, transparent 1px, transparent 5px);opacity:.6;border-radius:100%;position:absolute;inset:3px}.iUdPEW_circle[data-variant=tertiary]{border-color:var(--color-text-primary)}.iUdPEW_circle:hover{background:#ffffff03}