.fs12{font-size:.75rem!important}.fs14{font-size:.875rem!important}.fs18{font-size:1.125rem!important}.fs20{font-size:1.25rem!important}.fs24{font-size:1.5rem!important}.fs28{font-size:1.75rem!important}.fs30{font-size:1.875rem!important}.fw300{font-weight:300!important}.fw400{font-weight:400!important}.fw600{font-weight:600!important}.fw700{font-weight:700!important}.fw800{font-weight:800!important}.d-block{display:block}.d-inline{display:inline}.d-inblock{display:block}.d-none{display:none}.m-auto{margin:auto}.visible{visibility:visible}.hidden{visibility:hidden}.flex{display:flex}.flex>.grow{flex:1 1}.flex.wrap{flex-wrap:wrap}.flex.row{flex-direction:row}.flex.col{flex-direction:column}.flex.a-start{align-items:flex-start}.flex.a-end{align-items:flex-end}.flex.a-self-start{align-self:flex-start}.flex.a-self-end{align-self:flex-end}.flex.a-self-center{align-self:center}.flex.j-self-start{justify-self:flex-start}.flex.j-self-end{justify-self:flex-end}.flex.j-self-center{justify-self:center}.flex.j-start{justify-content:flex-start}.flex.j-end{justify-content:flex-end}.flex.j-center{justify-content:center}.flex.j-around{justify-content:space-around}.flex.j-between{justify-content:space-between}.flex.j-evenly{justify-content:space-evenly}.flex.a-center{align-items:center}.flex.a-baseline{align-items:baseline}.grid{display:grid}.grid.j-center{justify-items:center}.grid.j-start{justify-items:start}.grid.j-end{justify-items:end}.grid.j-stretch{justify-items:stretch}.grid.a-center{align-items:center}.grid.a-start{align-items:start}.grid.a-end{align-items:end}.grid.a-stretch{align-items:stretch}.left{float:left}.right{float:right}.transparent-input{background-color:inherit;border:none;outline:none}.loader-container{height:100%;width:100%}.loader-container .loader{top:50%}.loader,.loader-container .loader{left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loader{border:5px solid #f3f3f3;border-top-color:#13acca;border-radius:50%;width:80px;height:80px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;position:relative;top:40%}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.clean-list{list-style:none}.capitalize{text-transform:capitalize}.bold{font-weight:bolder}.muted{font-size:.9em;opacity:.5}.disabled{opacity:.5;cursor:default;pointer-events:none}.pointer{cursor:pointer}.txt-center{text-align:center}.border-top{border-top:1px solid #dee2e6}.border-bottom{border-bottom:1px solid #dee2e6}.main-layout{max-width:90%;margin:auto;transition:max-width .5s}*{box-sizing:border-box;margin:0}* html{scroll-behavior:smooth}* body,* button,* input,* textarea{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}* body{overflow-x:hidden;background-color:#333}* body button{cursor:pointer;outline:none}* body input,* body textarea{caret-color:#d90007}* body a{color:inherit;text-decoration:none}* body textarea{resize:none}* body div.ReactModalPortal div.help-modal-content *{display:block;margin-bottom:5px}* body div.ReactModalPortal div.help-modal-content .instructions{border:1px solid #d3d3d3;padding:10px}@media (min-height:600px){* body div.ReactModalPortal div.help-modal-content .instructions{line-height:25px;margin:20px 0}}* body div.ReactModalPortal div.help-modal-content .instructions>label{font-weight:600}* body div.ReactModalPortal div.help-modal-content button{border:none;font-size:1em;background-color:transparent}.home-page>img{height:50px;position:absolute;bottom:48px;left:10px}.home-page .global-play-container{background-color:#fff;padding:5px;position:fixed;width:100%;bottom:0}.home-page .global-play-container button{border:none;background-color:transparent}.home-page .global-play-container button:not(:last-of-type){-webkit-margin-end:5px;margin-inline-end:5px}.home-page .global-play-container button img{height:40px}@media (max-width:350px){.home-page .global-play-container button img{height:30px}}.home-page .global-play-container .play-time-status{width:100%;position:relative}.home-page .global-play-container .play-time-status>span{height:100%;display:block;position:absolute;border-left:2px solid grey}.home-page .global-play-container .play-time-status>label{margin:auto;font-weight:700;color:#d42a54}.home-page .global-play-container .play-time-status>label.playback-mode{color:#127c12}@media (max-width:350px){.home-page .global-play-container .play-time-status>label{font-size:.75rem}}.home-page .global-play-container .play-time-status.active>span{-webkit-animation:play-anim 0s linear infinite normal forwards;animation:play-anim 0s linear infinite normal forwards}@-webkit-keyframes play-anim{0%{left:0}20%{left:20%}40%{left:40%}60%{left:60%}80%{left:80%}to{left:100%}}@keyframes play-anim{0%{left:0}20%{left:20%}40%{left:40%}60%{left:60%}80%{left:80%}to{left:100%}}.app-header{height:75px;background-color:transparent;color:#fff;z-index:2;transition:background-color .5s}.app-header section{height:inherit}.app-header section .logo>img{-webkit-margin-end:10px;margin-inline-end:10px;height:64px;width:64px}.app-header section .logo label{font-size:1.5em;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.app-header section nav>button{border:none;background-color:transparent}.app-header section nav>button .help-btn-svg{-webkit-transform:translateY(4px);transform:translateY(4px)}.app-header section nav :not(:last-child){-webkit-margin-end:20px;margin-inline-end:20px}.pad-list{display:grid;align-items:center;justify-items:center;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(150px,auto);grid-gap:1em;margin-bottom:45px;padding-bottom:45px}@media (min-width:700px){.pad-list{grid-auto-rows:minmax(250px,auto)}}@media (min-width:1300px){.pad-list{max-width:60%}}.pad-preview{height:100%;width:100%;border-radius:7px;transition:box-shadow .1s,-webkit-transform .1s;transition:transform .1s,box-shadow .1s;transition:transform .1s,box-shadow .1s,-webkit-transform .1s}.pad-preview:hover{-webkit-transform:scale(1.01);transform:scale(1.01)}.pad-preview.active{box-shadow:1px 1px 10px 5px #ccc}.pad-preview>button{height:inherit;width:inherit;border:none;color:#fff;background-color:#333;border-radius:inherit}.pad-preview>button>span{font-weight:600}@media (min-width:700px){.pad-preview>button>span{font-size:1.5em}}
/*# sourceMappingURL=main.29137865.chunk.css.map */