@charset "UTF-8";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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.svg-container{border:1px solid red}.box{background-color:#f08;border-radius:5px;display:inline-block;height:100px;width:100px}.box div{text-align:center;top:50%}.exercise-blocks>div{background-color:#fff;border:3px solid #7d7b84;border-radius:15px;margin:25px;padding:15px}.exercise-block-container{background-color:#a9a9a9;padding:35px}.translucent{opacity:.5}.hex-petal{fill:none}svg.hex-parent{background-color:#fff;border:1px solid #4e83aa;border-radius:12px}.hex-map-group{cursor:pointer}.hex-map-group.single-key .key-comp .key-hexagon{stroke-width:.5}.hex-map-group .key-comp.closed{opacity:.2}.hex-map-group .key-comp .key-hexagon{fill:#e9f0f5;stroke:#3e6887;stroke-width:1.5px;transition:all;transition-duration:1s}.hex-map-group .key-comp .key-hexagon:hover{fill:#c6d8e5}.hex-map-group .key-comp .key-hexagon.selected{fill:#a3c0d5}.hex-map-group .key-comp .key-hexagon.hilited{fill:#5d8fb5}.hex-map-group .key-comp .key-hexagon.disabled{fill:#fcfcfc;stroke:#c6d8e5}.hex-map-group .key-comp .key-label{fill:#3e6887;text-anchor:middle;dominant-baseline:middle;pointer-events:none;-webkit-user-select:none;user-select:none}.hex-map-group .key-comp .key-label.hilited,.hex-map-group .key-comp .key-label.selected{fill:#fcfcfc}.hex-map-group .key-comp .key-label.disabled{fill:#c6d8e5}.hex-map-group .note-comp-transformer .note-comp-circle{fill:#e9f0f5;stroke:#3e6887;stroke-width:1px;transition:all;transition-duration:1s}.hex-map-group .note-comp-transformer .note-comp-circle.selected{fill:#a3c0d5}.hex-map-group .note-comp-transformer .note-comp-circle.hilited{fill:#5d8fb5}.hex-map-group .note-comp-transformer .note-comp-circle.hilited,.hex-map-group .note-comp-transformer .note-comp-circle.selected{stroke:#fcfcfc}.hex-map-group .note-comp-transformer .note-comp-circle.disabled{fill:#fcfcfc;stroke:#c6d8e5}.hex-map-group .note-comp-transformer .halo{fill:#fcfcfc;stroke:#3e6887;stroke-width:1px}.hex-map-group .note-comp-transformer .hex-petal-cluster .hex-petal-shell .hex-petal{fill:#3e6887;stroke:#fcfcfc;stroke-width:.5px}.hex-map-group .note-comp-transformer .hex-petal-cluster .hex-petal-shell .hex-petal.odd{fill:#80a7c5}.hex-map-group .note-comp-transformer .hex-petal-cluster .hex-petal-shell .hex-petal.seven{fill:#fcfcfc}.hex-map-group .note-comp-transformer .hex-petal-cluster .hex-petal-shell .hex-petal-text{text-anchor:middle;dominant-baseline:middle;fill:#3e6887;font-weight:700;pointer-events:none;-webkit-user-select:none;user-select:none}.hex-map-group .note-comp-transformer .hex-petal-cluster .hex-petal-shell .hex-petal-text.has-petal.even,.hex-map-group .note-comp-transformer .hex-petal-cluster .hex-petal-shell .hex-petal-text.has-petal.odd,.hex-map-group .note-comp-transformer .hex-petal-cluster .hex-petal-shell .hex-petal-text.key-hilited{fill:#fcfcfc}.hex-map-group .note-comp-transformer .hex-petal-cluster .hex-petal-shell .hex-petal-text.dorian,.hex-map-group .note-comp-transformer .hex-petal-cluster .hex-petal-shell .hex-petal-text.phrygian{text-anchor:end}.hex-map-group .note-comp-transformer .hex-petal-cluster .hex-petal-shell .hex-petal-text.no-petal.aeolian{dominant-baseline:inherit}.hex-map-group .note-comp-transformer .hex-petal-cluster .hex-petal-shell .hex-petal-text.no-petal.ionian{dominant-baseline:hanging}.hex-map-group .note-comp-transformer .hex-petal-cluster .hex-petal-shell .hex-petal-text.no-petal.lydian,.hex-map-group .note-comp-transformer .hex-petal-cluster .hex-petal-shell .hex-petal-text.no-petal.mixolydian{text-anchor:start}.hex-map-group .note-comp-transformer .note-comp-name{text-anchor:middle;dominant-baseline:middle;fill:#3e6887;pointer-events:none;-webkit-user-select:none;user-select:none}.hex-map-group .note-comp-transformer .note-comp-name.hilited,.hex-map-group .note-comp-transformer .note-comp-name.selected{fill:#fcfcfc}.hex-map-group .note-comp-transformer .note-comp-name.with-secondary{scale:.8}.hex-map-group .note-comp-transformer .note-comp-name .secondary-label{scale:.6}.half-ghosted{opacity:.5}.half-ghosted .key-label{opacity:.3}.outline-box{border:1px solid #4e83aa;border-radius:12px;margin:60px auto auto;padding-bottom:30px;padding-top:30px;position:relative}.outline-box .outline-box-title-container{position:absolute;text-align:center;top:-25px;width:100%}.outline-box .outline-box-title{background-color:#fcfcfc;border:1px solid #4e83aa;border-radius:12px;color:#4e83aa;display:inline-block;font-size:20px;padding:10px;position:relative}.chapter-nav button.current{background-color:#4e83aa;color:#fcfcfc;font-weight:700}.chord-shape{stroke:#80a7c5;stroke-width:2px;fill:#80a7c5}.chord-type-helper .caption{font-size:14px}.chord-type-helper .caption ul{padding-left:0}.chord-type-helper .caption li{list-style-type:none;text-align:center}.chord-type-helper .note-comp .note-comp-name{font-size:18px;font-weight:400;scale:.7}.chord-type-helper .note-comp .note-comp-circle{stroke-width:1px}.chord-type-helper .note-comp.selected.dim .note-comp-circle,.chord-type-helper .note-comp.selected.maj .note-comp-circle,.chord-type-helper .note-comp.selected.min .note-comp-circle{fill:#2194f2;stroke:#2194f2}.chord-type-helper .note-comp.selected.dim .note-comp-name,.chord-type-helper .note-comp.selected.maj .note-comp-name,.chord-type-helper .note-comp.selected.min .note-comp-name{fill:#fcfcfc;font-weight:700}.chord-type-helper .note-comp.min .note-comp-name{fill:#fcfcfc}.chord-type-helper .note-comp.min .note-comp-circle{fill:#3e6887;stroke:#fcfcfc}.chord-type-helper .note-comp.maj .note-comp-name{fill:#3e6887}.chord-type-helper .note-comp.maj .note-comp-circle{fill:#e9f0f5;stroke:#3e6887}.chord-type-helper .note-comp.dim .note-comp-name{fill:#fcfcfc}.chord-type-helper .note-comp.dim .note-comp-circle{fill:#264053;stroke:#fcfcfc}.note-line{fill:#3e6887;stroke:#3e6887}.note-line .click-trap{opacity:0}.note-line .middle-fill-line{stroke:#fff}.key-compass.intervals-on .predefined-label{transform:translateY(-6px)}.key-compass.intervals-on .secondary-label{transform:translate(-3px,12px)}.key-compass .secondary-label{scale:1}.note-circle{overflow:visible}.note-circle-inner{cursor:pointer}.note-circle-container{transform:translate(50% 50%)}.note-circle-caption{text-anchor:middle;dominant-baseline:middle;fill:#4e83aa;font-size:14px;font-weight:700;transform:translateY(50%);-webkit-user-select:none;user-select:none}.note-circle-element circle{fill:#e9f0f5;stroke-width:1px;stroke:#3e6887}.note-circle-element.topnote circle{fill:#6b6b6b;stroke-width:1px}.note-circle-element.hilite circle{fill:#3e6887;stroke-width:1px}.note-circle-element.selected circle{fill:#80a7c5;stroke-width:1px}.note-circle-element text{text-anchor:middle;dominant-baseline:middle;fill:#3e6887;-webkit-user-select:none;user-select:none}.note-circle-element.hilite text,.note-circle-element.selected text,.note-circle-element.topnote text,.note-circle-element.topnote.hilite text{fill:#fff}.intro-chapter .scale-container{transition:all 1s}.intro-chapter .note-line{stroke:#a3c0d5;stroke-width:2px}.intro-chapter .hex-map-group .key-comp.open .key-hexagon{fill:#f3f7fa;stroke-width:.5}.intro-chapter .hex-map-group .key-comp.open .key-hexagon.selected{fill:#e2ebf2}.intro-chapter .hex-map-group .key-comp.open .key-hexagon.hilited{fill:#a3c0d5}.intro-chapter .hex-map-group .note-comp .note-comp-circle{fill:#f3f7fa;stroke-width:.5}.intro-chapter .hex-map-group .note-comp .note-comp-circle.selected{stroke:#3e6887;fill:#dee8f0}.intro-chapter .hex-map-group .note-comp .note-comp-circle.hilited{fill:#a3c0d5;stroke:#3e6887}.intro-chapter .hex-map-group .key-comp.open .key-label.selected,.intro-chapter .hex-map-group .note-comp .note-comp-name.selected{fill:#3e6887}.dot-nav{margin-top:30px}.dot-nav .dot{background:#a3c0d5;border-radius:50%;cursor:pointer;display:inline-block;height:20px;margin-left:3px;margin-right:3px;width:20px}.dot-nav .dot.selected{background:#3e6887}.linear-key table{font-size:22px;margin:auto auto 40px}.linear-key table .notes{color:#5d8fb5;font-weight:700}.linear-key table .numbers{color:#5d8fb5}.linear-key table td{border:1px solid #0000;padding:0 15px;width:25px}.linear-key .hilited{background-color:#5d8fb5;border:1px solid #5d8fb5;color:#fcfcfc;font-weight:700}.linear-key .linear-note-name.hilited{border-bottom-width:0;border-radius:4px 4px 0 0}.linear-key .linear-note-number.hilited{border-radius:0 0 4px 4px;border-top-width:0}.Hex .key-notes table{font-size:22px;margin:auto auto 40px}.Hex .key-notes table .notes{color:#3e6887;font-weight:700}.Hex .key-notes table .numbers{color:#5d8fb5}.Hex .key-notes table td{padding:0 15px}.Hex .key-notes table td.hilited{color:red}.hex-pattern-positions{margin-top:40px}.hex-pattern-positions .note-comp-name.default{opacity:.35}.exercise-message{margin:30px auto;text-align:center}.hex-builder .note-comp-name.default{opacity:.35}.hex-builder .message.title{font-size:30px;transform:translateY(-40px)}.hex-builder-settings{margin-top:30px}.HexBuilder_hex-builder__zuJ9o button{background-color:#e9e9e9;border:1px solid #c7c7c7;border-radius:5px;color:gray;font-size:18px;margin:5px;padding:8px}.HexBuilder_hex-builder__zuJ9o .HexBuilder_note-comp-name__qgWD9.HexBuilder_default__Bmbig{opacity:.35}.HexBuilder_hex-builder-settings__7iZ2z{margin-top:30px}.teststt{font-size:20px}.flex-row{align-items:flex-start;display:flex;gap:0;justify-content:space-between}.column-container{margin-top:40px}.helper-column{text-align:left}.helper-selector .helpers-container{position:fixed;right:100px;top:50px}.helper-window-closer{cursor:pointer;position:absolute;right:10px;text-align:right;top:0}div.helpers-container{pointer-events:none;position:relative}.helpers-container .helper-window-shell{pointer-events:all}.mode-helper{color:#3e6887}.mode-helper .primary-label{scale:.8!important}.mode-helper .secondary-label{scale:.8!important;transform:translateY(27px)!important}.mode-helper .caption{font-size:14px}.mode-helper .caption ul{padding-left:0}.mode-helper .caption li{list-style-type:none;text-align:center}.mode-helper .note-comp .note-comp-name{font-size:18px;font-weight:400;scale:.7}.mode-helper .note-comp .note-comp-circle{stroke-width:1px}.mode-helper .note-comp.selected.dim .note-comp-circle,.mode-helper .note-comp.selected.maj .note-comp-circle,.mode-helper .note-comp.selected.min .note-comp-circle{fill:#2194f2;stroke:#2194f2}.mode-helper .note-comp.selected.dim .note-comp-name,.mode-helper .note-comp.selected.maj .note-comp-name,.mode-helper .note-comp.selected.min .note-comp-name{fill:#fcfcfc;font-weight:700}.mode-helper .note-comp.min .note-comp-name{fill:#fcfcfc}.mode-helper .note-comp.min .note-comp-circle{fill:#3e6887;stroke:#fcfcfc}.mode-helper .note-comp.maj .note-comp-name{fill:#3e6887}.mode-helper .note-comp.maj .note-comp-circle{fill:#e9f0f5;stroke:#3e6887}.mode-helper .note-comp.dim .note-comp-name{fill:#fcfcfc}.mode-helper .note-comp.dim .note-comp-circle{fill:#264053;stroke:#fcfcfc}.modal-spectrum .interval-cell{border-radius:5px;padding:6px;text-align:center;width:42px}.modal-spectrum .mode-row td{background-color:#e9f0f5}.modal-spectrum .mode-row.hilited td{background-color:#5d8fb5;color:#fcfcfc}.modal-spectrum .interval-cell.hilited{background-color:#264053!important;color:#fcfcfc!important}.modal-spectrum td{text-align:left}.modes .inner-nav span{cursor:pointer;padding:0 10px}.multi-hex-key-exercise .key-button,.multi-hex-key-exercise .position-button{background-color:#fcfcfc;border:1px solid #4e83aa;border-radius:5px;color:#4e83aa;margin:5px;padding:3px;width:30px}.multi-hex-key-exercise .key-button.selected,.multi-hex-key-exercise .position-button.selected{background-color:#5d8fb5;color:#fcfcfc}.multi-hex-key-exercise .key-button.selected.hilited,.multi-hex-key-exercise .position-button.selected.hilited{background-color:#3e6887}.multi-hex-key-exercise .start-button-container{text-align:center;width:100%}.multi-hex-key-exercise .start-button-container .start-button{display:inline-block}.multi-hex-key-exercise .position-button{width:70px}.BuildingTheHexKey .key-notes table{font-size:22px;margin:auto auto 40px}.BuildingTheHexKey .key-notes table .notes{color:#3e6887;font-weight:700}.BuildingTheHexKey .key-notes table .numbers{color:#5d8fb5}.BuildingTheHexKey .key-notes table td{padding:0 15px}.BuildingTheHexKey .key-notes table td.hilited{color:red}.linear-chain-of-fifths table,.linear-key table{font-size:22px;margin:auto auto 40px}.linear-chain-of-fifths table .notes,.linear-key table .notes{color:#5d8fb5;font-weight:700}.linear-chain-of-fifths table .numbers,.linear-key table .numbers{color:#5d8fb5}.linear-chain-of-fifths table td,.linear-key table td{border:1px solid #0000;padding:0 15px;width:25px}.linear-chain-of-fifths .hilited,.linear-key .hilited{background-color:#5d8fb5;border:1px solid #5d8fb5;color:#fcfcfc;font-weight:700}.linear-chain-of-fifths .linear-note-name.hilited,.linear-key .linear-note-name.hilited{border-bottom-width:0;border-radius:4px 4px 0 0}.linear-chain-of-fifths .linear-note-number.hilited,.linear-key .linear-note-number.hilited{border-radius:0 0 4px 4px;border-top-width:0}.linear-chain-of-fifths .invisible{opacity:0}.note-circle-caption{display:none}.hex-map-chapter .scale{transition:all 1s}.hex-map-chapter .hex-map-group .key-comp .key-hexagon{stroke:#c6d8e5}.hex-map-notes-chapter .scale{transition:all 1s}.hex-map-notes-chapter .hex-map-svg{overflow:hidden!important}.hex-map-notes-chapter .hex-map-group .note-comp .halo{display:none}.hex-map-notes-chapter .hex-map-group .note-comp:hover .halo{display:block}.hex-map-notes-chapter .hex-map-group .key-comp .key-hexagon{stroke:#c6d8e5}.borrowed-chords-chapter .scale{transition:all 1s}.borrowed-chords-chapter .hex-map-svg{overflow:visible;transform:translate(-20px,20px)}.borrowed-chords-chapter .hex-map-group .note-comp .halo{display:none}.borrowed-chords-chapter .hex-map-group .note-comp:hover .halo{display:block}.borrowed-chords-chapter .hex-map-group .key-comp .key-hexagon{stroke:#c6d8e5}.key-compass-chapter .scale{transition:all 1s}.key-compass-chapter .key-label{scale:.85}.key-compass-chapter .hex-map-svg{overflow:visible;transform:translateY(20px)}.key-compass-chapter .hex-map-group .note-comp .halo{display:none}.key-compass-chapter .hex-map-group .note-comp:hover .halo{display:block}.key-compass-chapter .hex-map-group .key-comp .key-hexagon{stroke:#c6d8e5}.secondary-dominants-chapter .free-space-container{scale:1.5;transform:translateX(-80px)}.secondary-dominants-chapter .free-space-container .free-space .controls{display:none}.intervals-chapter .hex-pattern{margin-top:80px}.intervals-chapter .interval-rows{cursor:pointer;font-weight:700;margin:50px auto auto;width:150px}.intervals-chapter .interval-rows .flex-row{gap:10px}.intervals-chapter .interval-rows .flex-row:first-child{border-bottom:1px solid}.intervals-chapter .interval-rows .interval-row{background-color:#fcfcfc;font-size:18px;margin-bottom:5px}.intervals-chapter .interval-rows .interval-row.selected{background-color:#e9f0f5;border:1px solid;border-radius:5px}.intervals-chapter .interval-rows .interval-row div{padding:2px}.intervals-chapter .interval-rows .interval-row div.label{text-align:left}.intervals-chapter .dot-nav{margin-top:50px}.harmonic-cycles .free-space-container{scale:1}.harmonic-cycles .free-space-container .free-space .controls{display:none}.open-helpers{height:90vh;padding-bottom:100px;position:fixed;right:20px;scrollbar-color:#4e83aa #fcfcfc;top:10vh;width:auto}.open-helpers .open-helpers-container{background-color:#fcfcfc;border:1px solid #c6d8e5;border-radius:10px;cursor:pointer;max-height:90vh;overflow:auto;padding-left:25px;padding-right:25px;padding-top:10px}.open-helpers .open-helpers-container.empty{display:none}.open-helpers .helper-window-shell{background-color:#fff;border:1px solid #4e83aa;border-radius:12px;margin-bottom:20px;padding:10px;position:relative;scale:1}.open-helpers .helper-window-shell svg.hex-parent{border:none}.open-helpers .helper-window-shell .helper-title,body{color:#4e83aa}body{background-color:#fcfcfc}body a{color:#4e83aa;text-decoration:none}.ghosted{opacity:.3}.ghosted .key-label{opacity:0}.helper-menu-container{position:fixed;right:42px;top:20px}.szh-menu-container{font-size:20px}.szh-menu-container .szh-menu__item{color:#4e83aa}.szh-menu-container .szh-menu__item.szh-menu__item--hover{background-color:#e9f0f5}.course-settings{position:relative;text-align:left}.course-settings .course-settings-bounding-box{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%}.course-settings .setting-button{border:none;font-size:20px;padding-left:20px;text-align:left;width:200px}.course-settings .setting-button svg{margin-right:5px;transform:translateY(2px)}.course-header{background-color:#fcfcfc;height:100%;left:-350px;overflow:visible;position:fixed;top:0;transition:all;transition-duration:1s}.course-header .burger{left:40px;margin-top:34px;position:fixed;scale:2}.course-header .course-header-content{border:1px solid;border-radius:10px;display:block;margin-top:70px;max-height:90vh;overflow:auto;padding-bottom:30px}.course-header.down{left:5px}.course-header .toc-content{padding:20px;transition:all 1s;width:250px}.course-header .toc-content .toc-link{border:1px solid #0000;border-radius:5px;font-size:20px;padding:5px;text-align:left}.course-header .toc-content .toc-link.selected,.course-header .toc-content .toc-link.selected:hover{border-color:#4e83aa;border-style:solid}.course-header .toc-content .toc-link:hover{border-color:#c6d8e5}.course-header .arrow-container{padding:10px}.course-header .arrow{margin:auto}.arrow.up{border-bottom:12px solid #3e6887}.arrow.down,.arrow.up{border-left:9px solid #0000;border-right:9px solid #0000;height:0;width:0}.arrow.down{border-top:12px solid #3e6887}.arrow.left{border-right:12px solid #3e6887}.arrow.left,.arrow.right{border-bottom:9px solid #0000;border-top:9px solid #0000;height:0;width:0}.arrow.right{border-left:12px solid #3e6887}.chapter-container{transition:all 1s}.chapter-container.has-open-helpers{margin-right:350px}h1{color:#4e83aa;font-size:35px}.clickable{cursor:pointer}button,select{background-color:#fcfcfc;border:1px solid #4e83aa;border-radius:5px;color:#4e83aa;font-size:18px;margin:5px;padding:8px}button.note-button,select.note-button{min-width:45px}.outline{border:1px solid #4e83aa;border-radius:12px}button.selected{background-color:#4e83aa;color:#fcfcfc}.centered{text-align:center}.centered *{margin:auto}.message{background-color:#fcfcfc;border:1px solid #4e83aa;border-radius:12px;color:#4e83aa;display:inline-block;padding:10px;position:relative}.message .container{align-items:center;display:flex}.message .container span{font-size:20px;margin-left:10px;margin-right:10px}.message.incorrect{border-color:red;color:red}.message.correct{border-color:green;color:green}.blue-note .note-comp-circle{fill:#2194f2}.blue-note .primary-label{fill:#fcfcfc}.szh-menu{background-color:#fff;border:1px solid #0000001a;box-sizing:border-box;list-style:none;margin:0;padding:0;width:-webkit-max-content;width:max-content;z-index:100}.szh-menu:focus{outline:none}.szh-menu__arrow{background-color:#fff;border-color:#0000001a #0000 #0000 #0000001a;border-style:solid;border-width:1px;box-sizing:border-box;height:.75rem;width:.75rem;z-index:-1}.szh-menu__arrow--dir-left{right:-.375rem;transform:translateY(-50%) rotate(135deg)}.szh-menu__arrow--dir-right{left:-.375rem;transform:translateY(-50%) rotate(-45deg)}.szh-menu__arrow--dir-top{bottom:-.375rem;transform:translateX(-50%) rotate(-135deg)}.szh-menu__arrow--dir-bottom{top:-.375rem;transform:translateX(-50%) rotate(45deg)}.szh-menu__item{cursor:pointer}.szh-menu__item:focus{outline:none}.szh-menu__item--hover{background-color:#ebebeb}.szh-menu__item--focusable{background-color:inherit;cursor:default}.szh-menu__item--disabled{color:#aaa;cursor:default}.szh-menu__group{box-sizing:border-box}.szh-menu__radio-group{list-style:none;margin:0;padding:0}.szh-menu__divider{background-color:#0000001f;height:1px;margin:.5rem 0}.szh-menu-button{box-sizing:border-box}.szh-menu{border:none;border-radius:.25rem;box-shadow:0 3px 7px rgba(0,0,0,.133),0 .6px 2px #0000001a;color:#212529;min-width:10rem;padding:.5rem 0;-webkit-user-select:none;user-select:none}.szh-menu__item{align-items:center;display:flex;padding:.375rem 1.5rem;position:relative}.szh-menu-container--itemTransition .szh-menu__item{transition-duration:.15s;transition-property:background-color,color;transition-timing-function:ease-in-out}.szh-menu__item--type-radio{padding-left:2.2rem}.szh-menu__item--type-radio:before{content:"○";font-size:.8rem;left:.8rem;position:absolute;top:.55rem}.szh-menu__item--type-radio.szh-menu__item--checked:before{content:"●"}.szh-menu__item--type-checkbox{padding-left:2.2rem}.szh-menu__item--type-checkbox:before{left:.8rem;position:absolute}.szh-menu__item--type-checkbox.szh-menu__item--checked:before{content:"✔"}.szh-menu__submenu>.szh-menu__item{padding-right:2.5rem}.szh-menu__submenu>.szh-menu__item:after{content:"❯";position:absolute;right:1rem}.szh-menu__header{color:#888;font-size:.8rem;padding:.2rem 1.5rem;text-transform:uppercase}@keyframes szh-menu-show-zoom{0%{opacity:.1;transform:scale(.95)}}@keyframes szh-menu-hide-zoom{to{opacity:.1;transform:scale(.95)}}.szh-menu--state-opening{animation:szh-menu-show-zoom .125s ease-out}.szh-menu--state-closing{animation:szh-menu-hide-zoom .125s ease-in forwards}.szh-menu--dir-left.szh-menu--align-start{transform-origin:right top}.szh-menu--dir-left.szh-menu--align-center{transform-origin:right center}.szh-menu--dir-left.szh-menu--align-end{transform-origin:right bottom}.szh-menu--dir-right.szh-menu--align-start{transform-origin:left top}.szh-menu--dir-right.szh-menu--align-center{transform-origin:left center}.szh-menu--dir-right.szh-menu--align-end,.szh-menu--dir-top.szh-menu--align-start{transform-origin:left bottom}.szh-menu--dir-top.szh-menu--align-center{transform-origin:center bottom}.szh-menu--dir-top.szh-menu--align-end{transform-origin:right bottom}.szh-menu--dir-bottom.szh-menu--align-start{transform-origin:left top}.szh-menu--dir-bottom.szh-menu--align-center{transform-origin:center top}.szh-menu--dir-bottom.szh-menu--align-end{transform-origin:right top}.helper-button{display:flex}.helper-button .label{display:block;margin-right:5px}.login{border:1px solid #5d8fb5;border-radius:5px;line-height:30px;text-align:center}
/*# sourceMappingURL=main.ffa6657b.css.map*/