@layer components{.uc-room{container:uc-frame/inline-size}.uc-frame{place-items:center;gap:1rem;display:grid}.uc-dial{aspect-ratio:1;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:9999px;width:min(100%,18rem);position:relative}.uc-dial:active{cursor:grabbing}.uc-wave{width:100%}.uc-art{width:100%;height:auto;display:block;overflow:visible}.uc-art text{font-family:var(--font-math), math, serif}.uc-art .uc-numeral{font-family:var(--font-nunito), system-ui, sans-serif;font-weight:900}.uc-hover,.uc-focus{opacity:0}.uc-focus{stroke:var(--color-focus)}.uc-dial:focus-visible :is(.uc-hover,.uc-focus){opacity:1}@media (hover:hover) and (pointer:fine){.uc-dial:hover .uc-hover{opacity:1}}.uc-carry{display:none}@container uc-frame (min-width:50rem){.uc-frame{grid-template-columns:auto auto;justify-content:center;align-items:start;column-gap:0}.uc-dial{width:min(26rem,39.0625cqi)}.uc-wave{width:auto}.uc-wave .uc-art{width:auto;height:min(26rem,39.0625cqi)}.uc-carry{display:inline}}@media print{.uc-fold{border:0;padding:0;height:auto!important;overflow:visible!important}.uc-fold::details-content{content-visibility:visible;height:auto;display:block}.uc-fold>summary:after{display:none}.uc-fold table{min-width:0}}}