html{height:100%;font-family:'Roboto', helvetica, arial, sans-serif;font-weight:400;font-size:62.5%;line-height:1.6;background-color:#e7edf3;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}body{height:100vh;color:#00102A;font-weight:400;margin:0;background-color:#e7edf3}header{min-height:7vh}main{min-height:80vh}footer{position:relative;bottom:0;min-height:10vh}.content--wrapper{margin:0 auto;max-width:96em;padding:0 1em}a{color:#478195;text-decoration:none}a:hover{color:#2B687B;text-decoration:underline}:focus-visible{outline:2px solid #2B687B;outline-offset:2px}.icon{width:1.6rem;height:1.6rem;display:block;flex:none}p{font-size:1.6rem}.primary{background-color:#2B687B;color:#FFFFFF}.primary:hover{background-color:#478195;color:#FFFFFF}.primary--color{color:#6DA2B4}.secondary{background-color:#D1E8EE;color:#6DA2B4}.secondary:hover{background-color:#A0C7D6}.p-tb{padding:1.6rem 0}.m-l{margin-left:1.6rem}.centered{text-align:center;margin:auto;display:block}.text{font-size:1.6rem}.underline{text-decoration:underline}.blue-1{background-color:#2B687B}.blue-2{background-color:#478195}.blue-3{background-color:#A0C7D6}.main-container{padding:1.6rem;border-radius:0.5333333333rem;min-height:65vh}.main-container__title{padding:1.6rem 0 1.6rem 0;font-size:3.2rem;font-weight:500}.main-container__title ul{padding:0;margin:0;list-style:none}.main-container__title ul :last-child{font-size:1.4rem;font-weight:400}.pot-pot{display:none}.beta{font-size:3.2rem;font-weight:500}.epsilon{font-size:1.3333333333rem;text-transform:uppercase;color:#00102A}.flex-row{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.flex--left{margin-left:auto}#partition-error{display:none}#nav-progress{position:fixed;top:0;left:0;z-index:100;height:2px;width:0;background:#478195;pointer-events:none}#nav-progress.is-active{width:70%;transition:width 8s cubic-bezier(0.1, 0.4, 0.2, 1)}#nav-progress.is-done{width:100%;opacity:0;transition:width 0.15s linear, opacity 0.25s ease 0.15s}h4{margin:0;font-size:1.8rem;font-weight:500}.global--header .content--wrapper{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.global--header{position:sticky;top:0;z-index:40;background:#FFFFFF;padding:1.2rem 0;border-bottom:1px solid #D1E8EE}.logo{display:flex;align-items:center}.logo img{display:block;width:11rem;height:auto}.nav--bar{margin-left:auto}.nav--bar ul{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:0;margin:0;list-style-type:none}.nav--bar a{color:#00102A;text-decoration:none}.nav--bar a:hover{color:#2B687B;text-decoration:none}.nav--bar li{font-size:1.5rem;font-weight:400;padding:0 1.6rem 0 1.6rem}.nav--bar li:last-child{padding-right:0}.nav--bar .d-nav{display:none}.masthead{padding:3.2rem 0 3.2rem 0;margin:auto;background-color:#2B687B;text-align:center;color:#FFFFFF;font-size:2.8rem;font-weight:500}.masthead h1{margin:0;font:inherit}.masthead-search{max-width:36rem;margin:auto;padding:1.6rem 0 1.6rem 0}.dropdown--wrapper{position:relative;width:40px}.dropdown--wrapper ul{z-index:1;margin:0.5333333333rem 0 0 0;width:10rem;-webkit-box-align:start;align-items:flex-start;padding:1.6rem}.dropdown--wrapper li:hover{background-color:#D1E8EE}.dropdown--button{height:40px;width:40px;border-radius:50%;background-color:#A0C7D6;display:inline-block}.dropdown--button :hover,.dropdown--button :active,.dropdown--button :focus{cursor:pointer}.initial{width:40px;height:32px;text-align:center;padding:8px 0 0 0;font-weight:500;color:#FFFFFF}.initial :active{background-color:#FFCD98;color:#00102A}.dropdown--list{position:absolute;right:-5%;text-align:left;box-shadow:0 8px 24px rgba(0,16,42,0.12);background-color:#FFFFFF;border-radius:0.4rem;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.dropdown--list :first-child{font-size:1.2rem;line-height:2.4rem;text-transform:uppercase}.dropdown--list li{padding:0;width:10.4rem;display:-webkit-box;display:flex;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center}.dropdown--list li i{width:15px;-webkit-transform:scale(var(--ggs, 0.7));transform:scale(var(--ggs, 0.7))}.dropdown--list li i :hover{background-color:#D1E8EE}.dropdown--list li span{padding-left:0.8rem}.dropdown--list li a:hover{color:#2B687B}@media screen and (min-width: 480px){.masthead{padding:6.4rem}.nav--bar .d-nav{display:block}.dropdown--list .m-nav{display:none}}.global--footer{background:#FFFFFF;padding:3.2rem 1.6rem 1.6rem;margin:0;border-top:1px solid #D1E8EE}.site--footer{background:#FFFFFF;padding:1.6rem 1.6rem 1.6rem 1.6rem;margin-top:0;list-style-type:none;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:baseline;align-items:stretch}.site--footer li:first-child{padding:0 3.2rem 0 0}.site--footer .logo--wrapper{margin:0 0 1.6rem 0}.footer__logo{color:#00102A;font-size:1.6rem;font-weight:400}.footer__navigation--wrapper{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.footer__navigation{color:#00102A;font-size:1.4rem;margin:0 0 1.6rem 0}.footer__navigation span{text-transform:uppercase;font-weight:500}.footer__navigation ul{padding:0;margin:0;list-style-type:none}.footer__navigation li{padding:0}.bottom--footer{border-top:1px solid #D1E8EE;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.bottom--footer ul{padding:0;list-style:none}.palette-links-wrapper{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.palette-links-wrapper :first-child{padding-left:0}.palette-links-wrapper li{padding:1.6rem}.palette-icons-wrapper a{display:flex;color:#00102A}.palette-icons-wrapper a:hover{color:#2B687B}.palette-icons-wrapper{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center}.palette-icons-wrapper li:first-child{padding:0 1.6rem 0 0}.palette-icons-wrapper li{padding:0 1.6rem 0 1.6rem}@media screen and (min-width: 480px){.site--footer{margin-top:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.footer__navigation{padding:0 0 0 4.8rem}.footer__navigation--wrapper{margin-left:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:stretch;align-items:stretch}.bottom--footer{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:stretch;align-items:stretch}.palette-icons-wrapper{margin-left:auto}}.login-card{max-width:40rem;margin:6.4rem auto;padding:3.84rem 3.2rem;background:#FFFFFF;border:1px solid #D1E8EE;border-radius:4px;font-size:1.5rem}.login-card__title{text-align:center;font-size:2.6rem;font-weight:500;margin-bottom:0.8rem}.input--group{padding:0.8rem 0 0.8rem 0;width:100%}.input--group ul{padding:0;margin:0;text-indent:none;list-style:none;font-size:1.2rem}.input--group ul :first-child{font-size:1.6rem;color:#2B687B}.input--group ul li{padding:0 0 0.8rem 0}.input-group__label{display:block;color:#2B687B;margin:0 0 0.8rem 0;font-size:1.3rem}.input-group__field{width:100%;margin:0.4rem 0 0 0;padding:1rem 1.2rem;background:#FFFFFF;border-radius:4px;border:1px solid #A0C7D6;font-family:inherit;font-size:1.5rem;color:#00102A}.input-group__field:focus{outline:none;border-color:#2B687B}.input--group legend{display:block;margin:0.6rem 0 0;padding:0;font-size:1.2rem;line-height:1.4;color:#478195}.input--file{margin:0 0 1.6rem 0}.login-prompt{padding:1.6rem 0 1.6rem 0;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.login-prompt :first-child{margin-right:1.6rem}.login-prompt .login-prompt__remember input{margin-right:0}.login-prompt__password{margin-left:auto}.login-prompt__password a{color:#00102A}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.6rem;min-height:4rem;padding:0 1.6rem;margin:0;border:1px solid #D1E8EE;border-radius:4px;background-color:#FFFFFF;color:#00102A;font-family:inherit;font-size:1.4rem;font-weight:500;line-height:1;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn:hover{text-decoration:none;color:#00102A}.btn.primary,.btn--primary{background-color:#2B687B;border-color:#2B687B;color:#FFFFFF}.btn.primary:hover,.btn--primary:hover{background-color:#478195;border-color:#478195;color:#FFFFFF}.btn--secondary{background-color:#D1E8EE;border-color:#D1E8EE;color:#2B687B}.btn--secondary:hover{background-color:#A0C7D6;border-color:#A0C7D6;color:#2B687B}.btn--small{min-height:3.2rem;padding:0 1.2rem;font-size:1.3rem}.btn--inline{width:100%;text-transform:none;margin-top:0.4rem;text-align:center}form.button_to{display:inline;margin:0}.alert{background-color:#BB4430}.btn--ghost{background-color:transparent;color:#2B687B;border-color:#A0C7D6}.btn--ghost:hover{background:#D1E8EE;color:#2B687B;border-color:#A0C7D6}.sheet-actions{display:inline-flex;gap:0.8rem;align-items:center}.sheet-actions form{margin:0}.preview-banner{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between;padding:1.2rem 2rem;background:#FFEFDF;color:#00102A;border-bottom:2px solid #FFCD98;font-size:1.4rem}.preview-banner form{margin:0}.preview-banner .btn{padding:1rem 1.6rem}.preview-end{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(0,16,42,0.6)}.preview-end[hidden]{display:none}.preview-end__card{background:#FFFFFF;color:#00102A;border-radius:6px;padding:2.4rem 3.2rem;max-width:42rem;margin:1.6rem;text-align:center;font-size:1.6rem}.preview-end__card h3{margin-top:0;font-size:2.2rem}.preview-end__card form{margin:1.6rem 0 0.8rem}.preview-end__card .btn{display:block;width:100%;box-sizing:border-box;margin-top:0.8rem;text-align:center;font-size:1.4rem}.svg-missing{padding:3.2rem 1.6rem;text-align:center;color:#FFFFFF;font-size:1.6rem}.table-header{padding:1.6rem 0 1.6rem 0;font-size:3.2rem;font-weight:500;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.table-title{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:baseline;align-items:baseline}.table-title a{padding-left:1.6rem;font-size:1.6rem;font-weight:400}.pagination{display:flex;flex-wrap:wrap;gap:0.4rem;align-items:center;padding:1.6rem 0 0.4rem;font-size:1.4rem}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:3.2rem;min-height:3.2rem;padding:0 0.8rem;border-radius:4px;color:#00102A;text-decoration:none}.pagination a:hover{background:#D1E8EE;color:#2B687B;text-decoration:none}.pagination .current{background:#2B687B;color:#FFFFFF}.pagination .gap{color:#478195}.table-footer{padding:0.8rem 0 0 0;margin:auto;text-align:left}.table-footer a{color:#00102A;font-size:1.6rem}.table-footer span{color:#6DA2B4;font-size:1.6rem}.table-container{background-color:#FFFFFF;padding:1.6rem 1.6rem 2.3rem 1.6rem;border-radius:0.5333333333rem}.table-container .btn{padding:0.8rem 1.6rem 0.8rem 1.6rem}.table-container .btn:hover{background-color:#FFCD98}table{border-collapse:collapse;margin:0;padding:0;width:100%;table-layout:fixed}table caption{font-size:1.6rem;margin:.5em 0 .75em}table tr{background-color:#FFFFFF;border-bottom:1px solid #D1E8EE;padding:1.6rem}table td{padding:1.6rem;text-align:center;font-size:1.3333333333rem}table th{font-size:1rem;font-weight:400;padding:0.8rem;text-align:center;color:#478195;letter-spacing:.1em;text-transform:uppercase}@media screen and (max-width: 600px){table{border:0}table caption{font-size:1.6rem}table thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}table tr{border-bottom:3px solid #D1E8EE;display:block;margin-bottom:.625em}table td{border-bottom:1px solid #D1E8EE;display:block;font-size:1.3333333333rem;text-align:right}table td::before{content:attr(data-label);float:left;color:#478195;font-size:1rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}table td:last-child{border-bottom:0}}.table-search{margin:1.6rem 0 1.6rem 0}.sheet-tag{font-size:0.8rem;border-radius:1.6rem;padding:0.5333333333rem 1.6rem 0.5333333333rem 1.6rem}.sheet-tag.free{color:#FFFFFF;background-color:#6DA2B4}.sheet-tag.premium{color:#00102A;background-color:#FFCD98}.sheet-tag.active{color:#FFFFFF;background-color:#6BBE92}.sheet-tag.inactive{color:#FFFFFF;background-color:#BB4430}.section{margin:1.6rem 0 1.6rem 0}.modal{position:fixed;width:100%;height:100%;z-index:1;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.modal ul{max-width:32rem;margin:auto;padding:4.8rem;background-color:#FFFFFF;box-shadow:0.16rem 0.16rem 1.6rem #A0C7D6}@media screen and (min-width: 480px){.table-header{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center}.table-search{margin-left:auto}}.search [type="text"]{background:transparent;border:0;-webkit-box-flex:1;flex:1;outline:none;margin-left:2rem;font-size:1.4rem;color:#6DA2B4}.search form{border-radius:1.6rem;padding:0.8rem;background:#FFFFFF;border:1px solid #2B687B;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-direction:row-reverse;display:flex;-webkit-box-align:center;align-items:center}.search label{display:flex;align-items:center;padding:0 0 0 0.8rem;color:#2B687B}.search__secondary form{border:1px solid rgba(255,255,255,0.55);color:#FFFFFF;background:rgba(255,255,255,0.08)}.search__secondary i{color:#FFFFFF}.search__secondary [type="text"]{color:#FFFFFF}.search__secondary [type="text"]::placeholder{color:rgba(255,255,255,0.7)}.new-form{padding:1.6rem;width:50%;margin:auto;font-size:1.6rem}.new-form .input-group{padding:0 0 1.6rem 0}.new-form .login-prompt{display:block}body.player{background:#FFFFFF;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body.player .global--footer{display:none}.note-highlighted{fill:green !important}#player-preview{display:none;z-index:10000;position:fixed;overflow:hidden;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.6);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#player-preview #player-preview-counter{position:absolute;left:50%;top:50%;width:9.6rem;height:9.6rem;margin:-4.8rem 0 0 -4.8rem;border-radius:50%;background:#2B687B;color:#FFFFFF;font-size:4.8rem;font-weight:500;font-variant-numeric:tabular-nums;line-height:9.6rem;text-align:center}#partition-canvas-container{background-color:white;position:relative;overflow-y:auto;border-bottom:1px solid lightgrey}#partition-container{position:relative;min-height:24rem;background:#FFFFFF}#partition-svg-container{background-color:white;position:relative;overflow-y:auto;width:100%}#partition-canvas{background-color:transparent;width:100%}#cursor-canvas{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;pointer-events:none}#fabric-canvas{width:100%;position:absolute;top:0;left:0}#options{font-size:11px;display:none}#options #refresh-view{margin-top:1em}#options input{width:3em;margin:auto}.option{padding:0}.player-stage{background:#FFFFFF}.sheet-loader{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;background:#FFFFFF;color:#2B687B;font-size:1.4rem}.sheet-loader[hidden]{display:none !important}.sheet-loader__spin{width:2.2rem;height:2.2rem;border:2px solid #D1E8EE;border-top-color:#2B687B;border-radius:50%;animation:sheet-spin 0.7s linear infinite}@keyframes sheet-spin{to{transform:rotate(360deg)}}#partition-error{padding:4.8rem 1.6rem;font-size:1.6rem;color:#2B687B}#partition-navbar-container{position:relative;z-index:6;display:flex;align-items:center;gap:0.4rem;height:56px;padding:0 1.2rem;background:#2B687B;color:#FFFFFF;text-align:left}#partition-navbar-container #player-controls-container,#partition-navbar-container #tempo-container,#partition-navbar-container .dodeka-dropdown-container{display:flex;align-items:center;height:100%;flex:none}#partition-navbar-container .player-controls-wrapper{display:flex;align-items:center;gap:0.2rem;height:100%}#partition-navbar-container .transport-btn,#partition-navbar-container .stepper{display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;border:0;border-radius:4px;background:transparent;color:inherit;cursor:pointer;font-family:inherit;-webkit-appearance:none;appearance:none}#partition-navbar-container .transport-btn .icon,#partition-navbar-container .stepper .icon{width:1.8rem;height:1.8rem}#partition-navbar-container .transport-btn:hover,#partition-navbar-container .stepper:hover{background:rgba(255,255,255,0.14)}#partition-navbar-container #play-pause-button{position:relative;width:3.6rem;height:3.6rem;border-radius:50%;background:#FFFFFF;color:#2B687B}#partition-navbar-container #play-pause-button:hover{background:#FFEFDF}#partition-navbar-container #play-pause-button .icon{position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;transform:translate(-50%, -50%)}#partition-navbar-container #play-pause-button #play-img{margin-left:0.1rem}#partition-navbar-container .mg-pause{display:none}#partition-navbar-container #timeline-container{flex:1 1 auto;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 1.6rem}#partition-navbar-container #timeline-title{font-size:1.3rem;font-weight:500;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#partition-navbar-container #timeline-timebar-container{position:relative;height:1.4rem;margin-top:0.2rem;cursor:pointer}#partition-navbar-container #timeline-timebar-container:hover #timeline-bar-full,#partition-navbar-container #timeline-timebar-container:hover #timeline-bar-time{height:6px}#partition-navbar-container #timeline-bar-full,#partition-navbar-container #timeline-bar-time{position:absolute;left:0;top:4px;height:4px;border-radius:99px;transition:height 0.1s}#partition-navbar-container #timeline-bar-full{width:100%;background:rgba(255,255,255,0.28)}#partition-navbar-container #timeline-bar-time{width:0;max-width:100%;background:#FFCD98}#partition-navbar-container #tempo-container{gap:0.2rem;padding:0 0.4rem}#partition-navbar-container #tempo-current-container{min-width:4.4rem;text-align:center;line-height:1.15}#partition-navbar-container .tempo-title{display:block;font-size:1rem;letter-spacing:0.06em;text-transform:uppercase;opacity:0.75}#partition-navbar-container #tempo-current-value{font-size:1.5rem;font-weight:500;font-variant-numeric:tabular-nums}#partition-navbar-container .dodeka-dropdown-container{position:relative}#partition-navbar-container .dodeka-dropdown-content{display:none;position:absolute;top:calc(100% + 6px);right:0;width:18rem;padding:0.6rem;background:#FFFFFF;color:#00102A;border:1px solid #D1E8EE;border-radius:4px;box-shadow:0 8px 24px rgba(0,16,42,0.12);z-index:30}#partition-navbar-container #dropdown-view:hover .dodeka-dropdown-content,#partition-navbar-container #dropdown-view.is-open .dodeka-dropdown-content{display:block}#partition-navbar-container .view-menu__zoom{display:flex;align-items:center;justify-content:space-between;padding:0.4rem 0.6rem 0.6rem;font-size:1.3rem;color:#478195}#partition-navbar-container .dodeka-dropdown-content .stepper:hover{background:#D1E8EE}#partition-navbar-container .view-menu__row{display:flex;align-items:center;width:100%;padding:0.8rem;border:0;border-radius:3px;background:transparent;color:#00102A;font:inherit;font-size:1.4rem;text-align:left;cursor:pointer}#partition-navbar-container .view-menu__row:hover{background:#e7edf3}#partition-navbar-container .view-menu__row.selected{color:#2B687B;font-weight:500}@media (max-width: 700px){#partition-navbar-container{height:auto;flex-wrap:wrap;padding:0.6rem 0.8rem 0.4rem;gap:0.2rem 0.4rem}#partition-navbar-container #player-controls-container{order:1}#partition-navbar-container #tempo-container{order:2}#partition-navbar-container #dropdown-view{order:3;margin-left:auto}#partition-navbar-container #timeline-container{order:4;flex:1 1 100%;height:auto;padding:0.2rem 0.4rem 0.6rem}#partition-navbar-container #play-pause-button{width:3.6rem;height:3.6rem}}.edit-top-bar{padding:1.6rem 0 1.6rem 0;display:-webkit-box;-webkit-box-align:baseline;align-items:baseline;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.edit-delete{margin-left:auto}.edit-item{padding:0 0 1.6rem 0}.edit-container{background-color:#FFFFFF;padding:1.6rem 0 1.6rem 0}.edit-container .edit-top-bar{padding:0 1.6rem 0 1.6rem}.edit-container .main-container__title{padding:1.6rem}.edit-container .main-container__title li{flex-wrap:wrap}.edit-form{width:100%}.form--row{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;margin:1.6rem 0 1.6rem 0;padding:1.6rem;background-color:#FFFFFF;border-top:1px solid #D1E8EE;font-size:1.6rem}.form--container{max-width:96rem}.admin-commands-wrapper a{padding:0 0.8rem 0 0.8rem}.plan-wrapper{display:-webkit-box;display:flex;padding:1.6rem 1.6rem 1.6rem 0}.plan-box{border:1px solid #2B687B;border-radius:0.8rem;padding:1.6rem;margin-right:1.6rem}.plan-box:hover{color:#FFFFFF}.plan-box ul{padding:0;margin:0;list-style:none}.plan-box ul :first-child{font-weight:600;text-transform:uppercase;font-size:1.2rem}.plan-box ul :last-child{font-size:1.4rem;line-height:3.0rem}.plan-box ul :last-child span{font-weight:600}.plan-box i{display:none}.plan-box li{line-height:2.5rem}.plan-box.selected{border:2px solid #2B687B;box-shadow:0.16rem 0.16rem 1.6rem #A0C7D6}.plan-box.selected ul:first-child{color:#2B687B}.plan-box.selected i{display:block}.plan-box:hover{background-color:#A0C7D6}.plan-box-title{display:-webkit-box;display:flex;padding:0 0 1.6rem 0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center}.plan-box-title i{margin-left:auto}.purchase--wrapper{background-color:#FFFFFF;padding:1.6rem 1.6rem 3.2rem 1.6rem;margin:4.8rem 1.6rem 1.6rem 1.6rem;text-align:center}.purchase--card--wrapper{margin:auto;padding:1.6rem 0 1.6rem 0;-webkit-box-pack:center;justify-content:center;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center}.purchase--card{width:22rem;margin:0 0.8rem 1.6rem 0.8rem;border-radius:0.5;border:1px solid #2B687B;font-size:1.6rem;font-weight:400;box-shadow:0.16rem 0.16rem 1.6rem #A0C7D6}.purchase--card ul{padding:0;margin:0;list-style:none}.purchase--card ul :last-child{padding:1.6rem 0 0 0;font-weight:500}.purchase--card_header{color:#FFFFFF;padding:1.6rem;font-weight:500}.purchase--card_body{padding:3.2rem 1.6rem 3.2rem 1.6rem}.purchase--card_footer .btn{font-size:1.6rem !important}.purchase--card_footer .btn:hover{background-color:#6DA2B4;color:#FFFFFF}.price--tag{padding:1.6rem 0;font-size:3.2rem !important}.options-toggle--rows{display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-align:center;align-items:center}.options-toggle--rows .form-group{padding:0 1.6rem 0 1.6rem;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;flex-wrap:nowrap}@media screen and (min-width: 480px){.form--row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.edit-info{min-width:30rem}.purchase--card--wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.edit-top-bar{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}}.progress-stats{display:grid;grid-template-columns:repeat(auto-fit, minmax(16rem, 1fr));gap:1.6rem;margin-bottom:2.4rem}.progress-stat{padding:1.6rem;background:#FFFFFF;border-radius:6px;border:1px solid #D1E8EE}.progress-stat__value{display:block;font-size:3.6rem;font-weight:500;color:#2B687B}.progress-stat__label{display:block;font-size:1.3rem;color:#478195}.progress-continue{list-style:none;padding:0}.progress-continue li{padding:0.8rem 0;font-size:1.6rem}.progress-continue li span{margin-left:1.2rem;color:#478195;font-size:1.3rem}.progress-empty{padding:2.4rem;background:#FFFFFF;border-radius:6px;font-size:1.6rem}.progress-table{background:#FFFFFF}.plus-card{max-width:48rem;margin:0 auto 2.4rem;padding:2.4rem;background:#FFFFFF;border:2px solid #6DA2B4;border-radius:6px;font-size:1.6rem}.plus-card h3{margin:0 0 0.8rem;font-size:2.4rem}.plus-card form{margin-top:1.2rem}.purchase--or{text-align:center;font-size:1.4rem;color:#478195}[x-cloak]{display:none !important}.account{padding:4rem 0 8rem}.account h1{font-size:3.2rem;font-weight:500;margin:0 0 2.8rem}.account-block{max-width:64rem;margin:0 0 1.6rem;padding:2.4rem 2.8rem;background:#FFFFFF;border:1px solid #D1E8EE;border-radius:4px}.account-block h2{margin:0 0 1.6rem;font-size:1.3rem;font-weight:500;color:#2B687B}.account-fields{display:grid;grid-template-columns:12rem minmax(0, 1fr);gap:1.2rem 2rem;margin:0;font-size:1.5rem}.account-fields dt{margin:0;color:#478195}.account-fields dd{margin:0}.account-form{max-width:36rem}.account-form .input--group{padding-top:0}.account-email{margin:0.4rem 0 0;font-size:1.4rem;color:#478195}.account-line{margin:0 0 0.8rem;font-size:1.5rem}.account-credits{margin:0 0 1.2rem;font-size:2.4rem;font-weight:500}.account-actions{display:flex;flex-wrap:wrap;gap:0.8rem;margin-top:2rem;padding:0}.account-actions :first-child{margin-right:0}@media (max-width: 800px){.account{padding:2.4rem 0 4.8rem}.account h1{font-size:2.6rem}.account-block{padding:2rem}.account-fields{grid-template-columns:1fr;gap:0.2rem 0}.account-fields dt{margin-top:1.2rem}}.notice--wrapper{padding:0 0 1.6rem 0;text-align:center;z-index:0}.notice{padding:1rem 1.6rem;color:#FFFFFF;background-color:#478195;font-size:1.4rem;z-index:1;display:flex;align-items:center;gap:1.2rem}.notice__close{margin-left:auto;padding:0 0.4rem;border:0;background:transparent;color:#FFFFFF;font:inherit;font-size:2rem;line-height:1;cursor:pointer}.alert--notice{background-color:#BB4430 !important;font-size:1.6rem;padding:1.6rem;margin:0 1.6rem}@media (max-width: 700px){.note-key{width:64% !important}#octave-plus{font-size:10px}#octave-minus{font-size:10px}}#octave-plus{font-size:12px;max-width:100%}#octave-minus{font-size:12px;max-width:100%}#piano-container{display:none;box-sizing:border-box;white-space:nowrap;bottom:0;left:0;padding:2px 10px 0 10px;width:100%;z-index:1;box-shadow:0 0 15px #4b4758;background-color:#45687a;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center}#piano-container #piano-head img{width:100px}#piano-container #piano-left-panel{width:10%;display:inline-block;text-align:left;vertical-align:top}#piano-container #piano-left-panel button{margin-bottom:3px;width:6em}#piano-container #piano-right-panel{width:90%;display:inline-block}#piano-container #piano-notes-container{height:100px;background:#7ea0b1;padding-bottom:4px;box-sizing:content-box;position:relative;white-space:nowrap}#piano-container #piano-notes-container .top-shadow{-webkit-box-shadow:inset 0 3px 10px;-moz-box-shadow:inset 0 3px 10px;box-shadow:inset 0 3px 10px;background-color:transparent;position:absolute;width:100%;height:100%;top:0;z-index:1;pointer-events:none;touch-action:none}#piano-container #piano-notes-container .note-container{cursor:pointer;display:inline-block;user-select:none;height:100px;width:24px;color:black}#piano-container #piano-notes-container .note-container .note-key{pointer-events:none;width:60%;position:relative;border:1px solid #555;border-top:0;border-radius:0 0 4px 4px;height:100px;display:block;margin:auto;font-size:8px;overflow:hidden;background-color:#e9e9e9}#piano-container #piano-notes-container .note-container .note-key .note-top{pointer-events:none;background-color:white;height:90%;position:absolute;left:50%;top:0;transform:translateX(-50%);border-radius:0 0 7px 7px;border:1px solid #d1d1d1;width:60%}#piano-container #piano-notes-container .note-container .note-key.note-black{background-color:#2c2c2c}#piano-container #piano-notes-container .note-container .note-key.note-black .note-top{background:linear-gradient(to bottom, #2c2c2c, #3e3e3e);border:1px solid #747474}#piano-container #piano-notes-container .note-container .note-key.note-red{background-color:#a35555}#piano-container #piano-notes-container .note-container .note-key.note-red .note-top{background:linear-gradient(to bottom, rgba(173,98,98,0.933333), #b36565);border:1px solid #c57777}#piano-container #piano-notes-container .note-container .note-key.note-blue{background-color:#2525a2}#piano-container #piano-notes-container .note-container .note-key.note-blue .note-top{background:linear-gradient(to bottom, rgba(75,75,160,0.933333), #4747b3);border:1px solid #333395}#piano-container #piano-notes-container .note-container.pressed .note-top{height:95%}#piano-container #piano-notes-container .note-container:last-child{border-width:1px}#piano-container #piano-notes-container .note-container .note-info{font-size:8px}.team-1.fdb-block img{border-bottom:solid 5px #528bff;border-radius:0 !important;-moz-border-radius:0 !important;-webkit-border-radius:0 !important}.team-1.fdb-block .fdb-box{padding:0}.team-1.fdb-block .fdb-box .content{padding:20px}.team-2.fdb-block img{border-radius:100% !important;-moz-border-radius:100% !important;-webkit-border-radius:100% !important}.team-3.fdb-block img{border-radius:100% !important;-moz-border-radius:100% !important;-webkit-border-radius:100% !important;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}.fdb-block{font-family:'Roboto', sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;padding:100px 0;color:#444444;position:relative;background-size:cover;background-position:center;overflow:hidden;background-color:#FFFFFF}.fdb-block.fdb-viewport{min-height:calc(100% - 2 * $block-padding)}.fdb-block.fdb-viewport .container{min-height:calc(100% - 2 * $block-padding)}.fdb-block.fdb-image-bg{color:#f2f2f2}.fdb-block .fdb-box{background:#FFFFFF;color:#444444;padding:60px 40px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);overflow:hidden}.fdb-block .fdb-touch{border-top:solid 5px #528bff}.fdb-block h1,.fdb-block .text-h1{font-size:2.75rem;margin-bottom:.5em;margin-top:.3em;font-weight:400}.fdb-block h2,.fdb-block .text-h2{font-size:2rem;margin-bottom:.5em;margin-top:.3em;font-weight:400}.fdb-block h3,.fdb-block .text-h3{font-size:1.125rem;margin-bottom:.5em;margin-top:.3em;font-weight:400}.fdb-block h4,.fdb-block .text-h4{font-size:1rem;margin-bottom:.5em;margin-top:.3em;font-weight:400}.fdb-block h5,.fdb-block .text-h5{font-size:0.9rem;margin-bottom:.5em;margin-top:.3em;font-weight:400}.fdb-block h6,.fdb-block .text-h6{font-size:0.75rem;margin-bottom:.5em;margin-top:.3em;font-weight:400}.fdb-block .font-weight-light{font-weight:300}.fdb-block img{border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}.fdb-block img+p,.fdb-block img+h3,.fdb-block img+h4{margin-top:20px}.fdb-block img+h1,.fdb-block img+h2{margin-top:40px}.fdb-block .col-fill-left{width:50%;position:absolute;left:0;top:0;bottom:0;background-size:cover;background-position:center;z-index:1}.fdb-block .col-fill-left+div{position:relative;z-index:2}.fdb-block .col-fill-right{width:50%;position:absolute;right:0;top:0;bottom:0;background-size:cover;background-position:center;z-index:1}.fdb-block .col-fill-right+div{position:relative;z-index:2}.fdb-block img.fdb-icon{width:auto;width:60px}.fdb-block img.fdb-icon-round{width:auto;width:60px;border-radius:60px;-moz-border-radius:60px;-webkit-border-radius:60px}.fdb-block .row-100{height:100px;width:100%}.fdb-block .row-50{height:50px;width:100%}.fdb-block .row-70{height:70px;width:100%}footer{padding:30px 0 !important}footer.footer-large{padding:100px 0 !important}footer .flex-column .nav-link{padding-left:0}footer.bg-dark{background:#2d313c;color:#f2f2f2}footer.bg-dark a{color:#f2f2f2}footer a{color:#444444}header{background-color:#FFFFFF}header .navbar-nav a.nav-link{color:#777}header .navbar-nav a.nav-link:hover{color:#528bff}header .navbar-nav .active a.nav-link{color:#444444}header .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#444' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")}header.bg-dark .navbar-nav a.nav-link{color:#dcdcdc}header.bg-dark .navbar-nav a.nav-link:hover{color:#528bff}header.bg-dark .navbar-nav .active a.nav-link{color:#FFFFFF}header.bg-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#fff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")}header+header{border-top:solid 1px #EEE}.bg-dark{background-color:#2d313c;color:#f2f2f2}.bg-gray{background-color:#fafafa;color:#444444}.br{border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;overflow:hidden}.br-0{border-radius:0 !important;-moz-border-radius:0 !important;-webkit-border-radius:0 !important}.heart{color:#df584e;font-weight:bold}*.text-light{font-weight:300 !important}.sl-1{-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);z-index:2}table tr.no-border th,table tr.no-border td{border-top:0}.sheet-detail{padding-top:2.4rem;padding-bottom:4.8rem}.sheet-detail__back{display:inline-block;margin-bottom:1.6rem;font-size:1.4rem}.sheet-detail__layout{display:grid;grid-template-columns:minmax(0, 1.4fr) minmax(26rem, 1fr);gap:2.4rem;align-items:start}.sheet-detail__layout:has(.sheet-detail__score[hidden]){grid-template-columns:minmax(0, 52rem)}.sheet-detail__score{background:#FFFFFF;border:1px solid #D1E8EE;border-radius:4px;overflow:auto;max-height:72rem}.sheet-detail__score img{display:block;width:100%;height:auto}.sheet-detail__info{background:#FFFFFF;border:1px solid #D1E8EE;border-radius:4px;padding:2rem}.sheet-detail h1{margin:1rem 0 0.4rem;font-size:3.2rem;font-weight:500;line-height:1.15}.sheet-detail__artist{margin:0 0 1.6rem;font-size:1.6rem;color:#2B687B}.sheet-detail__meta{display:grid;grid-template-columns:auto 1fr;gap:0.4rem 1.2rem;margin:0 0 1.6rem;font-size:1.4rem}.sheet-detail__meta dt{color:#478195}.sheet-detail__meta dd{margin:0}.sheet-detail__desc{margin:0 0 1.6rem;font-size:1.5rem;line-height:1.5}.sheet-detail__actions{display:flex;flex-wrap:wrap;gap:0.8rem;align-items:center}.sheet-detail__actions form{margin:0}@media (max-width: 800px){.sheet-detail__layout{grid-template-columns:1fr}.sheet-detail h1{font-size:2.6rem}}.sheet-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(24rem, 1fr));gap:1.6rem;padding:0 1.6rem 1.6rem}.sheet-grid__empty{padding:1.6rem;font-size:1.6rem}.sheet-tile{display:flex;flex-direction:column;padding:1.6rem;background:#FFFFFF;border:1px solid #D1E8EE;border-radius:4px}.sheet-tile:hover{border-color:#A0C7D6}.sheet-tile__top{display:flex;justify-content:space-between;align-items:center;font-size:1.3rem}.sheet-tile__title{margin:1rem 0 0.2rem;font-size:1.8rem;font-weight:500}.sheet-tile__title a{color:#00102A;text-decoration:none}.sheet-tile__artist{margin:0;font-size:1.4rem;color:#2B687B}.sheet-tile__meta{margin:0.4rem 0 1.2rem;font-size:1.3rem;color:#478195}.sheet-tile__actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:0.8rem;align-items:center}.sheet-tile__actions form{margin:0}.sheet-tile__hear{min-height:4rem;font-size:1.3rem}.sheet-tile__hear.playing{background:#FFEFDF;border-color:#FFCD98}.catalog-filters{display:flex;flex-wrap:wrap;gap:1.2rem;padding:0 1.6rem 1.6rem;font-size:1.3rem;color:#2B687B}.catalog-filters label{display:flex;flex-direction:column;gap:0.4rem}.catalog-filters select{min-height:4rem;font-size:1.4rem;padding:0 0.8rem;border:1px solid #A0C7D6;border-radius:3px;background:#FFFFFF}.landing__hero{background:#FFFFFF;padding:6.4rem 0 6.4rem}.landing__hero-grid{display:grid;grid-template-columns:minmax(0, 1fr) minmax(28rem, 1fr);gap:6.4rem;align-items:center}.landing__hero h1{font-size:3.6rem;font-weight:500;line-height:1.25;margin:0 0 2rem;max-width:14em}.landing__lead{font-size:1.7rem;line-height:1.6;margin:0 0 2rem;max-width:36em}.landing__cta{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:2.8rem}.landing__featured{padding-top:7.2rem;padding-bottom:8rem}.landing__featured h2{font-size:2rem;font-weight:500;margin:0 0 2rem}.landing__featured .sheet-grid{padding-left:0;padding-right:0}.landing__more{font-size:1.5rem;margin:0}.landing__featured .landing__more{margin-top:2.4rem}.landing__quotes{padding:0 0 9.6rem}.landing__quote-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:4.8rem 5.6rem;padding-top:6.4rem;border-top:1px solid #A0C7D6}.landing blockquote{margin:0}.landing blockquote p{font-size:1.6rem;line-height:1.55;margin:0 0 1.2rem}.landing blockquote footer{font-size:1.3rem;color:#2B687B}.player-shot{display:block;background:#FFFFFF;border:1px solid #A0C7D6;border-radius:4px;overflow:hidden;color:inherit;text-decoration:none}.player-shot:hover{border-color:#2B687B;text-decoration:none;color:inherit}.player-shot img{display:block;width:100%;height:auto;background:#FFFFFF;padding:1.2rem 1.2rem 1.6rem}.player-shot__nav{display:flex;align-items:center;gap:1rem;height:4.8rem;padding:0 1rem;background:#2B687B;color:#FFFFFF}.player-shot__play{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background:#FFFFFF;color:#2B687B;flex:none}.player-shot__play svg{width:1.4rem;height:1.4rem;margin-left:0.15rem}.player-shot__meta{flex:1;min-width:0}.player-shot__name{display:block;font-size:1.3rem;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-shot__track{display:block;height:4px;margin-top:0.5rem;background:rgba(255,255,255,0.28);border-radius:99px}.player-shot__fill{display:block;width:28%;height:100%;background:#FFCD98;border-radius:99px}.player-shot__bpm{font-size:1.2rem;font-variant-numeric:tabular-nums;flex:none}.library-pitch{padding:0 0 3.2rem}.library-pitch p{font-size:1.5rem;line-height:1.5;margin:0;max-width:46em}@media (max-width: 800px){.landing__hero-grid,.landing__quote-grid{grid-template-columns:1fr}.landing__hero{padding:4rem 0}.landing__featured{padding-top:4.8rem;padding-bottom:5.6rem}.landing__hero h1{font-size:3rem}.landing__quote-grid{padding-top:4rem;gap:3.2rem}}#partition-svg-container svg .practice-target{fill:#FF9200 !important;stroke:#FF9200 !important;animation:practice-pulse 1s ease-in-out infinite}#partition-svg-container svg .practice-correct{fill:#2E9D62 !important;stroke:#2E9D62 !important}#partition-svg-container svg .practice-wrong{fill:#BB4430 !important;stroke:#BB4430 !important}@keyframes practice-pulse{50%{opacity:0.45}}.practice-toggle{height:3.2rem;margin-left:0.6rem;padding:0 1.2rem;font-family:inherit;font-size:1.3rem;font-weight:500;line-height:1;color:#FFFFFF;background:transparent;border:1px solid rgba(255,255,255,0.55);border-radius:99px;cursor:pointer}.practice-toggle:hover{background:rgba(255,255,255,0.12)}.practice-toggle.active{background:#FFCD98;color:#00102A;border-color:#FFCD98}.practice-hud{position:absolute;top:0.8rem;right:1.2rem;z-index:5;display:flex;gap:1.2rem;align-items:center;padding:0.6rem 1.2rem;font-size:1.4rem;background:#00102A;color:#FFFFFF;border-radius:3px;opacity:0.92}.practice-hud[hidden]{display:none}.practice-hud__exit{font-size:1.3rem;color:#FFFFFF;background:transparent;border:1px solid #FFFFFF;border-radius:3px;cursor:pointer}#piano-container .note-container.target .note-key{box-shadow:inset 0 0 0 3px #FF9200}#piano-container .note-container.wrong .note-key{box-shadow:inset 0 0 0 100px rgba(187,68,48,0.6)}.practice-hint{position:absolute;top:5.6rem;right:1.2rem;z-index:5;max-width:30rem;margin:0;padding:0.8rem 1.2rem;font-size:1.3rem;background:#FFEFDF;color:#00102A;border-left:3px solid #FFCD98;border-radius:3px}.practice-hint[hidden]{display:none}@media (max-width: 700px){.practice-toggle{height:3.6rem;padding:0 1.2rem}.transport-btn,.stepper{width:3.6rem;height:3.6rem}.practice-hud{top:0.4rem;right:0.6rem;left:0.6rem;justify-content:space-between;flex-wrap:wrap;font-size:1.3rem}.practice-hud__exit{min-height:3.6rem;padding:0 1.2rem}.practice-hint{left:0.6rem;right:0.6rem;max-width:none;top:6.4rem}#piano-container #piano-left-panel{width:18%}#piano-container #piano-right-panel{width:80%}#piano-container #piano-left-panel button{padding:0.4rem 0.2rem;font-size:1rem}.preview-banner{padding:1rem 1.2rem}}