body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.colorWheelRoot{text-align:center}html{box-sizing:border-box}:root{--pageBg:#d5deee;--imgOpacity:.8;--bgFill:#a8c7f0;--btnBg:hsla(214,71%,100%,.);--btnShadow:rgba(7,23,44,.5);--btnShadowHover:#07172c;--btnColor:#2168c4;--btnColorHover:#fff;--rotationBgFill:#c4d0e2;--rotationBgOpacity:1;--rotationBgStroke:#fff;--rotationMajorStroke:#fff;--rotationMajorStrokeWidth:3;--circlesMajorStroke:#fff;--circlesMajorStrokeWidth:3;--shieldFill:#fff;--shieldStroke:#eef;--shieldOverlayFill:#acbcd6;--shieldOverlayFillOpacity:0.4;--shieldSus4Fill:none;--shieldSus4FillOpacity:0.25;--shieldKeyFill:#d7d8fb;--shieldTextLinesColor:#000;--shieldTextLinesFill:#000;--shieldTextLinesShadow:0 1px 1px #fff;--shieldTextFill:#000}@media (prefers-color-scheme:dark){:root{--pageBg:#224472;--imgOpacity:1;--bgFill:rgba(18,58,109,.05);--rotationBgFill:#fff;--rotationBgOpacity:0.25;--rotationBgStroke:#000;--rotationMajorStroke:#000;--rotationMajorStrokeWidth:1;--circlesMajorStroke:currentcolor;--circlesMajorStrokeWidth:1;--shieldFill:#fff;--shieldStroke:currentcolor;--shieldOverlayFill:#41437b;--shieldOverlayFillOpacity:0.65;--shieldSus4Fill:#000;--shieldSus4FillOpacity:0.2;--shieldKeyFill:#d7d8fb;--shieldTextLinesColor:#fff;--shieldTextLinesFill:#fff;--shieldTextLinesShadow:0 2px 1px #000;--shieldTextFill:#000}}*,:after,:before{box-sizing:inherit}body{text-rendering:optimizeLegibility;background-color:#d5deee;background-color:var(--pageBg);color:#000;font-family:sans-serif;margin:0}.-visually-hidden{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}[class^=fullScreen_btn]::-moz-focus-inner{border:0}[class^=fullScreen_btn]{background-color:hsla(214,71%,100%,.);background-color:var(--btnBg);border:.125rem solid #2168c4;border:.125rem solid var(--btnColor);border-radius:.24rem;box-shadow:0 .125rem .25rem rgba(7,23,44,.5);box-shadow:0 .125rem .25rem var(--btnShadow);color:#2168c4;color:var(--btnColor);cursor:pointer;font-size:inherit;left:1rem;padding:.5rem;position:absolute;top:1rem;transition:all .3s;z-index:2}[class^=fullScreen_btn]:focus,[class^=fullScreen_btn]:hover{background-color:#2168c4;background-color:var(--btnColor);border-color:#fff;border-color:var(--btnColorHover);box-shadow:0 .25rem .5rem #07172c;box-shadow:0 .25rem .5rem var(--btnShadowHover);color:#fff;color:var(--btnColorHover);outline:none;-webkit-transform:scale(1.2);transform:scale(1.2)}[class^=fullScreen_svg]{fill:currentColor;display:block;height:1.75rem;transition:fill .3s;width:1.75rem}.circle{margin:0 auto}.circle:-webkit-full-screen{height:100%;width:100%}.svg_circle-of-fifths{left:50%;max-width:calc(100vmin - 2.8rem);overflow:visible;position:relative;-webkit-transform:translate(-50%);transform:translate(-50%);width:100%}.circlesLayer,.imgLayer,.rotationLayer,.shieldLayer,.shieldTextLines,.textLayer{pointer-events:none}.bgLayer{fill:#a8c7f0;fill:var(--bgFill)}.imgLayer{opacity:.8;opacity:var(--imgOpacity)}.clickLayer_major{stroke:currentcolor;stroke-width:1}.rotationLayer{--rotation:0deg;--transitionDuration:.3s;-webkit-transform:rotate(var(--rotation)) translateZ(0);transform:rotate(var(--rotation)) translateZ(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;transition:var(--transitionDuration) transform linear;will-change:transform}.rotationLayer_bg{fill-rule:evenodd;fill:#c4d0e2;fill:var(--rotationBgFill);fill-opacity:1;fill-opacity:var(--rotationBgOpacity);stroke:#fff;stroke:var(--rotationBgStroke);stroke-width:2}.rotationLayer_minor{opacity:.85}.rotationLayer_major{stroke:#fff;stroke:var(--rotationMajorStroke);stroke-width:3;stroke-width:var(--rotationMajorStrokeWidth);opacity:.85}.circlesLayer{fill:none;stroke:#fff;stroke:var(--circlesMajorStroke);stroke-width:3;stroke-width:var(--circlesMajorStrokeWidth)}.shieldLayer{fill:#fff;fill:var(--shieldFill);stroke:#eef;stroke:var(--shieldStroke);stroke-width:2}.sheildLayer_overlay{fill:#acbcd6;fill:var(--shieldOverlayFill);fill-opacity:.4;fill-opacity:var(--shieldOverlayFillOpacity)}.sheildLayer_sus4{fill:none;fill:var(--shieldSus4Fill);fill-opacity:.25;fill-opacity:var(--shieldSus4FillOpacity)}.shieldLayer_key{fill:#d7d8fb;fill:var(--shieldKeyFill)}.shieldTextLines{fill:#000;fill:var(--shieldTextLinesFill);color:#000;color:var(--shieldTextLinesColor)}.shieldTextLines_circle,.shieldTextLines_click,.shieldTextLines_tap{text-shadow:0 1px 1px #fff;text-shadow:var(--shieldTextLinesShadow)}.shieldTextLines_key{fill:#000}.shieldText{fill:#000;fill:var(--shieldTextFill)}[data-rotate]:hover{fill:#fff;cursor:pointer}[data-drag]{cursor:move}.noPointerEvents .requiresPointerEvents{display:none}
/*# sourceMappingURL=main.b609877e.css.map*/