body{margin:0}body .slot-container{overflow:hidden;padding:0 11rem}@media(max-width:768px){body .slot-container{padding:0 1rem}}body input::-webkit-inner-spin-button,body input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}body input[type=number]{-moz-appearance:textfield}html{scroll-behavior:smooth}@media(max-width:768px){html,html body{overflow-x:hidden}html body{position:relative}}html body .fa-secondary{opacity:.4}html body hr{background-color:#21252959;border:none;height:1px;margin-top:1.4rem;width:100%}html body .number-input{border:1px solid #eee;color:var(--gray-text);font-family:var(--arial);font-size:1rem;font-weight:600;text-align:center}html body .btn-with-tooltip{background:none;border:none;cursor:pointer;position:relative}html body .btn-with-tooltip:after,html body .btn-with-tooltip:before{content:"";left:50%;position:absolute;top:-.25rem;transform:translate(-50%) translateY(100%)}html body .btn-with-tooltip:hover:before{border:10px solid transparent;border-bottom:10px solid var(--dark-blue);top:-6px}html body .btn-with-tooltip:hover:after{background:var(--dark-blue);border-radius:7px;color:var(--white);content:attr(data-tooltip);font-size:.75rem;padding:.5rem;width:-moz-max-content;width:max-content}html body input[type=checkbox]{align-items:center;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:var(--white);border:2px solid var(--dark-blue);border-radius:4px;cursor:pointer;display:flex;height:1.2rem;justify-content:center;transition:background-color .5s;width:1.2rem}html body input[type=checkbox]:after{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc.--%3E%3Cpath d='m447.9 142.5-23.2 22L181 395.3l-22 20.8-22-20.8L23.2 287.6 0 265.6l44-46.5 23.2 22L159 328l221.7-210 23.2-22z'/%3E%3C/svg%3E");filter:invert(14%) sepia(80%) saturate(503%) hue-rotate(174deg) brightness(99%) contrast(95%);height:.7rem;opacity:0;padding-bottom:1.05rem;transition:visibility .1s linear,opacity .1s linear,background-color .1s linear,filter .1s linear;visibility:hidden;width:.7rem}html body input[type=checkbox]:checked:after{opacity:1;visibility:visible}html body .content{height:100%;padding-bottom:4rem;padding-top:10rem}@media(max-width:768px)and (orientation:portrait){html body .content{margin:0 auto;padding-top:6rem;width:100%}}@media(max-width:768px)and (orientation:landscape){html body .content{margin:0 auto;width:60%}}html body .modal{background-color:#bfbfbfd1}html body .badge{border-radius:10px;color:var(--white);font-family:var(--inter);font-size:.5rem;font-weight:600;padding:5px 10px}@media(max-width:768px){html body .badge{font-size:.6rem;padding:4px 7px}}html body .badge-performance{background-color:var(--performance)}html body .badge-focus{background-color:var(--light-blue)}html .submit{align-items:center;background-color:var(--white);border:1px solid var(--gray-lines);border-radius:4px;color:var(--dark-blue);cursor:pointer;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;gap:1rem;justify-content:space-between;margin:2rem auto 0;padding:.5rem}html .submit svg{fill:var(--dark-blue);width:1rem}html .disabled{cursor:not-allowed;opacity:50%}html .expanding-textarea{border:none;color:var(--gray-text);font-family:var(--arial);font-size:1rem}html .expanding-textarea:focus-visible{outline:none}html .grow-wrap{position:relative;width:100%}html .grow-wrap:after{content:attr(data-replicated-value) " ";visibility:hidden;white-space:pre-wrap}html .grow-wrap>textarea{height:100%;overflow:hidden;position:absolute;resize:none;width:100%}html .grow-wrap:after,html .grow-wrap>textarea{font:inherit}@font-face{font-family:Bravura;src:url(./BravuraText.B4gRqp2j.woff) format("woff")}@font-face{font-family:EB Garamond;src:url(./EBGaramond.C_RGLRAb.ttf) format("truetype")}@font-face{font-family:EB Garamond Italic;src:url(./EBGaramond-Italic.nFhIimQ6.ttf) format("truetype")}@font-face{font-family:Inter;src:url(./Inter.Cl4AQHp9.ttf) format("truetype")}:root{--base-font-size:18}html{font-size:calc(var(--base-font-size)*1px)}html body a,html body span{font-family:var(--inter)}html body a:active,html body a:hover,html body a:link,html body a:visited{color:var(--white);text-decoration:none}html body a:hover{text-decoration:underline}html body h1{color:var(--gray-text);font-family:var(--garamond);font-size:2rem}html body label{font-size:1.5rem;font-weight:600}html body input,html body label{color:var(--dark-blue);font-family:var(--garamond)}html body input{font-size:1.3rem}html body input:focus-visible{outline:none}:root{--performance:#40ac5c;--dark-blue:#173152;--mid-blue:#3b5f8d;--light-blue:#3a719e;--header-blue:#005ea4;--gray-backdrop:#3a4249;--light-gray:#d8d8d8;--gray-text:#49525b;--gray-lines:#979797;--white:#fff;--black:#000;--arial:"Arial",Arial,Helvetica,sans-serif;--bravura:"Bravura";--garamond:"EB Garamond",serif;--garamond-italic:"EB Garamond Italic",sans-serif;--inter:"Inter",sans-serif}.add-shed-btn .heroBtn{align-items:center;background-color:#f9f9f9;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='gray' stroke-dasharray='6, 12' stroke-linecap='square' stroke-width='2' rx='15' ry='15'/%3E%3C/svg%3E");border:none;border-radius:15px;color:var(--dark-blue);cursor:pointer;display:flex;flex-direction:row;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:600;gap:.4rem;justify-content:center;margin:0 auto;padding:.7rem 0;transition:background-color .5s,color .5s;width:45%}@media(max-width:768px){.add-shed-btn .heroBtn{width:90%}}.add-shed-btn .heroBtn svg{fill:var(--dark-blue);height:.8rem;transition:fill}.add-shed-btn .heroBtn:hover{background-color:#fff;color:#4e5d74}.add-shed-btn .heroBtn:hover svg{fill:#4e5d74}.add-shed-btn .prompt-for-new{background-color:#dfe6f0}.add-recording{background-color:#fffffff4;border-radius:6px;display:flex;flex-direction:row;gap:5rem;height:100%;-webkit-mask-image:linear-gradient(180deg,#000 100%,transparent 0);mask-image:linear-gradient(180deg,#000 100%,transparent 0);position:absolute;top:0;width:100%}.add-recording .x{cursor:pointer;fill:var(--dark-blue);height:1.7rem;padding:.5rem;position:absolute}.add-recording .recording-form{display:flex;gap:2rem;height:100%;padding:6rem;width:100%}@media(max-width:768px){.add-recording .recording-form{flex-direction:column;gap:0;padding:0 1rem}}.add-recording .recording-form .form-label{font-size:2rem;margin-top:1.5rem}.add-recording .recording-form .left,.add-recording .recording-form .right{display:flex;flex-direction:column}.add-recording .recording-form .left{width:30%}@media(max-width:768px){.add-recording .recording-form .left{padding-top:1rem;width:100%}}.add-recording .recording-form .right{width:70%}@media(max-width:768px){.add-recording .recording-form .right{width:100%}}.add-recording .recording-form input,.add-recording .recording-form label{display:block}.add-recording .recording-form .text-input{background:transparent;border:none;border-bottom:1px solid var(--gray-lines);padding:.3rem 0}.add-recording .recording-form .youtube-url{margin-bottom:1.5rem}.add-recording .recording-form .error{border-color:#df3f3f}.add-recording .recording-form .error-text{color:#df3f3f;font-family:var(--inter);font-size:.7rem;font-weight:600}.add-recording .recording-form .recording-types{margin-top:1.5rem}.add-recording .recording-form .recording-type{align-items:center;border:1px solid #dfe6f0;border-radius:6px;box-shadow:0;cursor:pointer;display:flex;gap:.6rem;margin-bottom:.7rem;padding:1rem .7rem;transition:box-shadow .2s linear}.add-recording .recording-form .recording-type svg{fill:var(--dark-blue);height:1.3rem}.add-recording .recording-form .recording-type .check{height:.9rem}.add-recording .recording-form .recording-type .info{display:flex;flex-direction:column;gap:.2rem;width:80%}.add-recording .recording-form .recording-type .info .title{color:var(--dark-blue);font-family:var(--arial);font-size:.8rem;font-weight:600}.add-recording .recording-form .recording-type .info .type{color:#b8c2d6;font-family:var(--inter);font-size:.7rem;font-weight:300}.add-recording .recording-form .recording-source{width:200px}.add-recording .recording-form .selected{border:none;box-shadow:0 7px 29px #63636e33}.add-recording .recording-form .buttons{display:flex;flex-direction:row;justify-content:space-between}.add-recording .recording-form .buttons .submit{align-items:center;background-color:var(--white);border:1px solid var(--gray-lines);border-radius:4px;color:var(--dark-blue);cursor:pointer;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;gap:1rem;justify-content:space-between;margin-top:2rem;padding:.5rem}.add-recording .recording-form .buttons .submit svg{fill:var(--dark-blue);height:1.2rem}.currently-learning{align-items:center;display:flex;gap:1.5rem;padding-top:3rem}.currently-learning svg{height:1.3rem}.date-picker{align-items:center;cursor:pointer;display:flex;gap:.5rem;padding-top:.5rem}.date-picker .date-string{background-color:var(--white);border:none;color:var(--dark-blue);font-family:var(--garamond);font-size:1.2rem}.date-picker svg{color:var(--dark-blue);cursor:pointer;height:1.4rem}.date-picker input[type=date]{border:0;color:var(--black);margin:0;padding:0;visibility:collapse;width:0}.dropdown-list{padding-top:.9rem;width:100%}.dropdown-list button{align-items:center;background-color:#fff;border:1px solid #caced1;border-radius:.25rem;cursor:pointer;display:flex;font-size:1.15rem;justify-content:space-between;padding:.5em 1em;width:100%}.dropdown-list button .selected-piece{font-family:var(--garamond);text-align:left}.dropdown-list button svg{fill:var(--dark-blue);height:1rem;transition:transform .3s ease-in-out}.dropdown-list .dropdown{background-color:#fff;border:1px solid #caced1;border-radius:4px;list-style:none;margin-top:10px;max-height:0;opacity:0;overflow:hidden;padding:10px;transition:max-height .5s ease,opacity .5s ease-in,visibility .5s ease-in;visibility:hidden}.dropdown-list .dropdown li{align-items:center;cursor:pointer;display:flex;gap:1rem;position:relative}.dropdown-list .dropdown li:checked~label,.dropdown-list .dropdown li:hover{background-color:#f2f2f2;border-radius:8px}.dropdown-list .dropdown li label{cursor:pointer;font-size:1rem;padding:8px 10px;width:100%}.dropdown-list .dropdown::-webkit-scrollbar{width:7px}.dropdown-list .dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:25px}.dropdown-list .dropdown::-webkit-scrollbar-track .dropdown::-webkit-scrollbar-thumb{background:#ccc;border-radius:25px}.dropdown-list .dropdown input:focus~label{background-color:#f2f2f2;border-radius:8px}.dropdown-list .dropdown input[type=radio]{left:0;opacity:0;position:absolute}.dropdown-list .dropdown.active{max-height:200px;opacity:1;overflow-y:auto;visibility:initial}.focus-calendar{padding-top:1rem}.focus-calendar svg{cursor:pointer;fill:var(--dark-blue);height:1.6rem}.focus-calendar .icons{display:flex;gap:1.2rem;justify-content:center}@media(max-width:768px){.focus-calendar .icons{margin-bottom:.5rem}}.focus-calendar .focuses{margin:0 auto;padding-top:1.2rem;text-align:left;width:55%}@media(max-width:768px){.focus-calendar .focuses{padding:0 1rem;width:91%}}.focus-calendar .focuses .add-focus{display:flex;gap:.3rem;justify-content:center;margin:1.5rem 1.5rem 0}.focus-calendar .focuses .add-focus span{font-family:var(--garamond)}.focus-calendar .focuses .add-focus button{align-items:center;background-color:var(--white);border:none;cursor:pointer;display:flex;gap:.4rem}.focus-calendar .focuses .add-focus button svg{height:.7rem}.focus-calendar .focuses button{background-color:transparent;background-repeat:no-repeat;border:none;color:var(--gray-text);cursor:pointer;font-family:var(--garamond);font-weight:800;outline:none;overflow:hidden}.focus-calendar .focuses .focusBtn button{font-size:.65rem}.focus-calendar .focuses .focusBtn button:hover{color:#a5abb8}.focus-calendar .focuses .focusBtn:first-of-type button{font-size:2.6rem}@media(max-width:768px){.focus-calendar .focuses .focusBtn:first-of-type button{font-size:1.5rem}}.focus-calendar .focuses .focusBtn:nth-of-type(2) button{font-size:2rem}@media(max-width:768px){.focus-calendar .focuses .focusBtn:nth-of-type(2) button{font-size:1.2rem}}.focus-calendar .focuses .focusBtn:nth-of-type(3) button,.focus-calendar .focuses .focusBtn:nth-of-type(4) button,.focus-calendar .focuses .focusBtn:nth-of-type(5) button{font-size:1.5rem}@media(max-width:768px){.focus-calendar .focuses .focusBtn:nth-of-type(3) button,.focus-calendar .focuses .focusBtn:nth-of-type(4) button,.focus-calendar .focuses .focusBtn:nth-of-type(5) button{font-size:1.1rem}}.focus-calendar .focuses .focusBtn:nth-of-type(6) button,.focus-calendar .focuses .focusBtn:nth-of-type(7) button,.focus-calendar .focuses .focusBtn:nth-of-type(8) button{font-size:1.3rem}@media(max-width:768px){.focus-calendar .focuses .focusBtn:nth-of-type(6) button,.focus-calendar .focuses .focusBtn:nth-of-type(7) button,.focus-calendar .focuses .focusBtn:nth-of-type(8) button{font-size:1rem}}.focus-calendar .focuses .focusBtn:nth-of-type(8) button{font-size:1rem}@media(max-width:768px){.focus-calendar .focuses .focusBtn:nth-of-type(8) button{font-size:.8rem}}.focus-calendar .focuses .focusBtn:nth-of-type(9) button{font-size:.8rem}@media(max-width:768px){.focus-calendar .focuses .focusBtn:nth-of-type(9) button{font-size:.75rem}}.focus-calendar .focuses .focusBtn:nth-of-type(10) button{font-size:.75rem}@media(max-width:768px){.focus-calendar .focuses .focusBtn:nth-of-type(10) button{font-size:.7rem}}.focus-calendar .focuses .focusBtn:nth-of-type(11) button{font-size:.7rem}@media(max-width:768px){.focus-calendar .focuses .focusBtn:nth-of-type(11) button{font-size:.65rem}}.focus-calendar hr{width:55%}.focus-calendar .seinfeldian-calendar{display:flex;flex-direction:column}.focus-calendar .seinfeldian-calendar .week-arrows{display:flex;gap:1rem;justify-content:center}.focus-calendar .seinfeldian-calendar .week-arrows svg{fill:var(--dark-blue);height:1.3rem;opacity:25%}.focus-calendar .seinfeldian-calendar .week-arrows .clickable{opacity:50%}.focus-calendar .seinfeldian-calendar .calendar-days{display:flex;gap:3.5rem;justify-content:center}@media(max-width:768px){.focus-calendar .seinfeldian-calendar .calendar-days{display:grid;gap:1.5rem;grid-template-columns:1fr 1fr 1fr;padding:0 1rem}}.focus-calendar .seinfeldian-calendar .day{color:#5a5a5a;display:flex;flex-direction:column;font-family:var(--inter);font-size:.75rem;font-weight:600}@media(max-width:768px){.focus-calendar .seinfeldian-calendar .day{text-align:center}}.focus-calendar .seinfeldian-calendar .day a{display:flex;justify-content:center}.focus-calendar .seinfeldian-calendar svg{fill:var(--dark-blue)}.footer{background-color:var(--header-blue);display:flex;flex-direction:column;padding:4rem 3.4rem 3.2rem}@media(max-width:768px){.footer{padding:3rem 1.5rem}}.footer .main-links{align-items:center;display:flex;justify-content:space-between;width:100%}.footer .main-links .logo{height:30px}.footer .main-links .copyright{color:var(--white);font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:200}.footer .main-links .copyright a:hover{text-decoration:none}.footer .main-links .youtube svg{fill:var(--white);height:1.5rem}.footer hr{background-color:var(--white);width:100%}.footer .nav-links{color:var(--white);display:flex;flex-direction:column;flex-wrap:wrap;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:200;height:80px;padding-top:1rem;width:50%}@media(max-width:768px){.footer .nav-links{width:100%}}.footer .nav-links a:hover{text-decoration:none}.footer .nav-links .nav-link{flex:1 1 2rem}.non-field-errors{color:#ff5151;display:flex;justify-content:center}.non-field-errors ul{font-family:var(--inter);list-style-type:none}.shared-header{background-color:var(--header-blue);height:6.5rem;padding-bottom:1.75rem;padding-top:1rem;position:fixed;transition:height .4s;width:100%;z-index:100}@media(max-width:768px){.shared-header{height:3rem;padding:1rem}}.shared-header .links{display:flex;justify-content:space-between;padding-left:3.85rem;padding-right:3.85rem;position:relative}@media(max-width:768px){.shared-header .links{padding-left:0;padding-right:2rem}}.shared-header .left{align-items:center;color:var(--white);cursor:pointer;display:flex;flex-direction:column;font-size:1.3rem;gap:.4rem}@media(max-width:768px){.shared-header .left .better-shed{font-size:.7rem}.shared-header .left .practice-anywhere{display:none}}.shared-header .left .logo{width:70px}@media(max-width:768px){.shared-header .left .logo{width:45px}}.shared-header .left a:hover{text-decoration:none}.shared-header .left .practice-anywhere{font-size:.7rem}.shared-header .right .nav-icons{align-items:baseline;color:var(--white);display:flex;font-weight:400;gap:1rem;padding-bottom:30px;padding-top:56px;transition:padding .4s}@media(max-width:768px){.shared-header .right .nav-icons{padding-bottom:0;padding-right:.9;padding-top:.8rem}}.shared-header .right .nav-icons svg{height:1.3rem}.shared-header .right .nav-icons .nav-icon{background-color:initial;border:none;position:relative}.shared-header .right .nav-icons .show,.shared-header .right .nav-icons .show .account-wrapper{display:block}@media(max-width:768px){.shared-header .right .nav-icons .profile-wrapper{transform:translate(-79%)!important}}.shared-header .right .nav-icons .account-wrapper{background-color:var(--white);border:none;border-radius:7px;box-shadow:0 7px 29px #63636e33;color:var(--white);display:none;font-size:.75rem;left:50%;padding:10px 15px;position:absolute;transform:translate(-50%);white-space:nowrap;z-index:10}.shared-header .right .nav-icons .account-wrapper:hover{display:block}.shared-header .right .nav-icons .account-wrapper .profile-links{display:flex;flex-direction:column;gap:.8rem}.shared-header .right .nav-icons .account-wrapper button{background-color:#e4e5e5;border:none;border-radius:7px;cursor:pointer;font-family:var(--gray-text);font-family:var(--arial);font-size:.75rem;padding:.4rem}.shared-header .right .nav-icons a,.shared-header .right .nav-icons svg{cursor:pointer}.shared-header .right .nav-icons svg path{fill:var(--white)}.shared-header .hide{display:none}.collapse-nav{height:1rem}@media(max-width:768px){.collapse-nav{height:1.5rem}}.collapse-nav .left .logo{width:45px}.collapse-nav .right .nav-icons{align-items:normal;padding-bottom:0;padding-top:.3rem}.key-selector{display:flex;flex-direction:row;gap:1.5rem;width:100%}.key-selector .selector-wrapper{height:100%;width:60%}.key-selector .selector-wrapper .notes{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.key-selector .selector-wrapper .scales{display:grid;grid-template-columns:1fr 1fr}.key-selector .selector-wrapper .note{aspect-ratio:1;background-color:#eee;border:none;border-radius:4px;color:var(--dark-blue);cursor:pointer;font-family:var(--inter);font-size:1.2rem;font-weight:600;margin:.2rem;transition:background-color .2s linear}.key-selector .selector-wrapper .note:hover{background-color:var(--light-blue);color:var(--white)}.key-selector .selector-wrapper .accidental{align-items:center;display:flex;font-family:var(--bravura);font-size:1.4rem;font-weight:100;gap:4px;justify-content:center}.key-selector .selector-wrapper .scale{aspect-ratio:unset;font-size:.9rem;padding-bottom:.2rem;padding-top:.2rem}.key-selector .selector-wrapper .active{background-color:var(--light-blue);color:var(--white)}.key-selector .selected{color:var(--dark-blue);width:35%}.key-selector .selected .selected-note{align-items:center;display:flex;justify-content:center}.key-selector .selected .selected-note .key-letter{font-family:var(--garamond);font-size:5.5rem}.key-selector .selected .selected-note .key-accidental{font-family:var(--bravura);font-size:2.5rem;font-weight:100}.key-selector .selected .key-scale{font-family:var(--garamond);font-size:1.2rem;font-weight:500;text-align:center;transform:translateY(-20px)}.latest-sheds{margin-top:3.5rem}@media(max-width:768px){.latest-sheds{margin-top:2rem}}.learning-references-modal{display:flex;height:100%;justify-content:center;position:relative;width:100%}.learning-references-modal .modal{background-color:#fefefe;border-radius:6px;box-shadow:0 5px 15px #00000059;display:flex;position:absolute;top:2rem;width:70%;z-index:3}@media(max-width:768px){.learning-references-modal .modal{flex-direction:column;overflow:hidden;width:91%}}.learning-references-modal .modal .x{cursor:pointer;fill:var(--dark-blue);height:1.7rem;padding:.5rem;position:absolute}.learning-references-modal .modal .stage{padding:2rem 3rem;width:75%}@media(max-width:768px){.learning-references-modal .modal .stage{padding:1.5rem;width:auto}}.learning-references-modal .modal .stage .info{align-items:baseline;display:flex;justify-content:space-between;padding:.5rem .5rem 1rem}.learning-references-modal .modal .stage h2{color:#404040;font-family:var(--garamond);font-size:1.9rem;font-weight:100;margin:0}@media(max-width:768px){.learning-references-modal .modal .stage h2{font-size:1.3rem}}.learning-references-modal .modal .stage .edit-btn-wrapper{color:var(--dark-blue);display:flex;font-family:var(--arial);font-size:.85rem;font-weight:600;gap:.5rem}@media(max-width:768px){.learning-references-modal .modal .stage .edit-btn-wrapper{font-size:.7rem}}.learning-references-modal .modal .stage .edit-btn-wrapper p{margin:0}.learning-references-modal .modal .stage .edit-btn-wrapper svg{fill:var(--dark-blue);height:1.1rem}@media(max-width:768px){.learning-references-modal .modal .stage .edit-btn-wrapper svg{height:.7rem}}.learning-references-modal .modal .list{border-left:3px solid #e9ecf1;color:var(--dark-blue);width:25%}@media(max-width:768px){.learning-references-modal .modal .list{border:none;width:100%}}.learning-references-modal .modal .list .list-head{border-bottom:3px solid #e9ecf1;padding:1rem 1.5rem}.learning-references-modal .modal .list .title{align-items:center;display:flex;font-family:var(--inter)}@media(max-width:768px){.learning-references-modal .modal .list .title{justify-content:space-between}}.learning-references-modal .modal .list .title h2{font-size:1.3rem;font-weight:600}@media(max-width:768px){.learning-references-modal .modal .list .title h2{font-size:1.2rem}}.learning-references-modal .modal .list .title svg{fill:var(--dark-blue);height:2rem}@media(max-width:768px){.learning-references-modal .modal .list .title svg{height:1.2rem}}.learning-references-modal .modal .list .choices{display:flex;font-size:.75rem;justify-content:space-between}.learning-references-modal .modal .list .choices span{cursor:pointer}.learning-references-modal .modal .list .choices .selectedType{font-weight:600}.learning-references-modal .modal .list .reference-recordings{padding:1.5rem}.learning-references-modal .modal .list .reference-recording{align-items:center;border:1px solid #dfe6f0;border-radius:6px;box-shadow:0;cursor:pointer;display:flex;gap:.6rem;margin-bottom:.7rem;padding:.5rem .7rem;transition:box-shadow .2s linear}.learning-references-modal .modal .list .reference-recording .thumb{border-radius:8px;height:2.7rem;overflow:hidden;width:2.7rem}.learning-references-modal .modal .list .reference-recording .thumb img{height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.5)}.learning-references-modal .modal .list .reference-recording svg{fill:var(--dark-blue);height:1rem}.learning-references-modal .modal .list .reference-recording .info{display:flex;flex-direction:column;gap:.2rem;width:60%}.learning-references-modal .modal .list .reference-recording .info .title{color:var(--dark-blue);font-family:var(--arial);font-size:.8rem;font-weight:600}.learning-references-modal .modal .list .reference-recording .info .type{color:#b8c2d6;font-family:var(--inter);font-size:.7rem;font-weight:300}.learning-references-modal .modal .list .selected{border:none;box-shadow:0 7px 29px #63636e33}.learning-references-modal .modal .add{align-items:center;background-color:initial;border:none;color:var(--dark-blue);cursor:pointer;display:flex;font-family:var(--arial);font-size:.75rem;font-weight:600;gap:.5rem;height:1rem;justify-content:center;margin:0 auto}.learning-references-modal .modal .add svg{fill:var(--dark-blue);height:.85rem}.metronome-container{align-items:center;display:flex;gap:5px;height:2.5rem;justify-content:center;width:100%}.metronome-container form{display:flex;height:58%;width:60%}.metronome-container form input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;height:100%;overflow:hidden;width:100%}.metronome-container input[type=range]::-webkit-slider-runnable-track{background:#d8d8d8;border-radius:20px;cursor:pointer;height:24%;width:5px}.metronome-container input[type=range]::-moz-range-track{background:#d8d8d8;border-radius:20px;cursor:pointer}.metronome-container input[type=range]::-moz-range-progress{background-color:#069;border-radius:20px}.metronome-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:#3a719e;border-radius:50%;cursor:pointer;height:15px;margin-top:-4px;width:15px}.metronome-container input[type=range]::-moz-range-thumb{-webkit-appearance:none;background-color:#3a719e;border:none;border-radius:50%;cursor:pointer;height:15px;width:15px}.metronome-container button{border:none;border-radius:5px;color:var(--dark-blue);cursor:pointer;font-size:var(--inter);font-weight:600;height:100%;width:18%}.metronome-container .volume{background-color:initial!important;opacity:.6}.metronome-container .volume svg>path{fill:var(--dark-blue)!important}.metronome-container .active{opacity:1}.metronome-container .metronome{width:60%}.metronome-container .bpm{align-items:center;border-left:3px solid #d2d2d2;color:var(--gray-text);display:flex;font-family:var(--arial);font-weight:600;height:100%;padding-left:10px;width:18%}.vertical{flex-direction:column-reverse;height:300px}.vertical form{display:flex;height:58%;width:100%}.vertical form input[type=range]{direction:rtl;height:100%;width:100%;writing-mode:vertical-lr}.vertical form input[type=range]::-webkit-slider-thumb{margin:0 0 0 -4px}.vertical button{height:16%;width:100%}.vertical .bpm{border-left:0;font-size:1rem;height:13%;justify-content:center;padding:0 0 .2rem;width:100%}.piece-card{display:flex;flex-direction:column}.piece-card h1{color:var(--black);font-weight:300;text-align:center}.piece-card .badges{display:flex;gap:1rem;justify-content:center;padding-top:2rem}.piece-card .key-and-tempo{display:flex;gap:3rem;justify-content:center;transform:translateY(-2rem)}.piece-card .key-and-tempo .key{color:var(--dark-blue)}.piece-card .key-and-tempo .key .selected-note{align-items:center;display:flex;justify-content:center}.piece-card .key-and-tempo .key .selected-note .key-letter{font-family:var(--garamond);font-size:5.5rem}.piece-card .key-and-tempo .key .selected-note .key-accidental{font-family:var(--bravura);font-size:2.5rem;font-weight:100}.piece-card .key-and-tempo .key .key-scale{font-family:var(--garamond);font-size:1.2rem;font-weight:500;text-align:center;transform:translateY(-20px)}.piece-card .key-and-tempo .tempo{display:flex;flex-direction:column;gap:.6rem;padding-top:1.8rem}.piece-card .key-and-tempo .tempo svg{fill:var(--mid-blue);height:3.9rem}.piece-card .key-and-tempo .tempo .bpm{font-size:1rem;font-weight:600}.piece-card .key-and-tempo .tempo .bpm span{color:var(--dark-blue);padding-left:.4rem}.piece-card hr{margin-top:0}.list-style .title-key-and-tempo{display:flex;flex-direction:row;justify-content:space-between}@media(max-width:768px){.list-style .title-key-and-tempo{flex-direction:column}}.list-style .badges{justify-content:start}@media(max-width:768px){.list-style .badges{justify-content:center}}.new-piece{background-color:#fffffff4;display:flex;flex-direction:row;gap:5rem;height:100%;-webkit-mask-image:linear-gradient(180deg,#000 98%,transparent);mask-image:linear-gradient(180deg,#000 98%,transparent);overflow-y:scroll;padding-right:15px;position:absolute;top:0;width:100%;z-index:3}.new-piece .form-label{margin-top:1.5rem}.new-piece .left,.new-piece .right{display:flex;flex-direction:column;width:50%}.new-piece .left .text-input,.new-piece .right .text-input{background:transparent;border:none;border-bottom:1px solid var(--gray-lines);padding:.3rem 0}.new-piece .left .error,.new-piece .right .error{border-color:#df3f3f}.new-piece .left .error-text,.new-piece .right .error-text{color:#df3f3f;font-family:var(--inter);font-size:.7rem;font-weight:600}.new-piece .left .buttons,.new-piece .right .buttons{display:flex;flex-direction:row;gap:3rem;justify-content:center}.new-piece .left .buttons .submit,.new-piece .right .buttons .submit{align-items:center;background-color:var(--white);border:1px solid var(--gray-lines);border-radius:4px;color:var(--dark-blue);cursor:pointer;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;gap:1rem;justify-content:space-between;margin-top:3rem;padding:.5rem}.new-piece .left .buttons .submit svg,.new-piece .right .buttons .submit svg{fill:var(--dark-blue);height:1.2rem}.new-piece .first{height:4.2rem}.new-piece .flex-column{display:flex;flex-direction:column}.new-piece .metronome-wrapper{align-items:center;display:flex;gap:5%;justify-content:space-between;padding-top:2rem}.new-piece .metronome-wrapper svg{fill:var(--mid-blue);height:2.5rem;width:20%}.new-piece .metronome-wrapper metronome-dive{width:70%}.checkboxes{display:flex;justify-content:space-between}.checkboxes div{align-items:center;display:flex;gap:1.5rem}.checkboxes div label{cursor:pointer}.shed-component{display:grid;grid-template-rows:1fr;transition:grid-template-rows .5s ease-out}.shed-component .shed-inner{overflow:hidden}.shed-component .shed-head{align-items:baseline;display:flex;gap:1.8rem}.shed-component .shed-head svg{fill:var(--dark-blue);height:1.5rem}.shed-component h2{color:var(--gray-text);font-size:1.9rem;margin:0}.shed-component hr{margin-bottom:1.5rem;margin-top:.7rem}.shed-component .shed-wrapper{position:relative}.shed-component .shed-body{display:flex;gap:5rem}@media(max-width:768px){.shed-component .shed-body{flex-direction:column;gap:1rem}}.shed-component .shed-body .blather{display:flex;flex-direction:column;width:50%}@media(max-width:768px){.shed-component .shed-body .blather{width:100%}}.shed-component .shed-body .blather .date-wrapper{align-items:center;color:var(--dark-blue);display:flex;font-family:var(--garamond);font-size:1.1rem;gap:1rem}@media(max-width:768px){.shed-component .shed-body .blather .date-wrapper{font-size:.9rem}}.shed-component .shed-body .blather .edit-icon{cursor:pointer;fill:var(--dark-blue);height:.9rem}.shed-component .shed-body .blather .piece-title{align-items:baseline;color:var(--black);display:flex;font-family:var(--garamond);font-weight:300;gap:1rem}@media(max-width:768px){.shed-component .shed-body .blather .piece-title{margin-bottom:0}}.shed-component .shed-body .blather .piece-title svg{cursor:pointer;height:1rem}.shed-component .shed-body .video-recorder-wrapper{display:flex;flex-direction:column;gap:1rem;overflow:hidden;width:50%}@media(max-width:768px){.shed-component .shed-body .video-recorder-wrapper{width:100%}}.shed-component .shed-body .video-recorder-wrapper .buttons{display:flex;justify-content:space-between}.shed-component .shed-body .video-recorder-wrapper .disabled{cursor:not-allowed;opacity:50%}.shed-component .shed-body .video-recorder-wrapper .progress{background:var(--gray-lines);height:10px;margin-top:2rem;overflow:hidden;position:relative;width:100%}.shed-component .shed-body .video-recorder-wrapper .progress-inner{background:var(--gray-text);bottom:0;left:0;position:absolute;top:0;transition:transform .1s;width:100%}.shed-component .shed-body .video-recorder-wrapper .addShedBtn button{font-size:.8rem;margin-bottom:2rem;width:85%}.shed-component .shed-body .video-recorder-wrapper .piece-assets{color:var(--dark-blue);display:flex;flex-direction:column;font-family:var(--garamond);font-size:1.1rem;width:100%}.shed-component .shed-body .video-recorder-wrapper .piece-assets .piece-recordings{display:flex;flex-direction:row;justify-content:space-between;padding:0 1rem}.shed-component .shed-body .video-recorder-wrapper .piece-assets .piece-recordings div{align-items:center;cursor:pointer;display:flex;gap:.6rem}.shed-component .shed-body .video-recorder-wrapper .piece-assets .piece-recordings svg{fill:var(--dark-blue);height:1.7rem}.shed-component .performance{align-items:center;display:flex;gap:30px}.shed-component .reflection{margin-bottom:.8rem}@media(max-width:768px){.shed-component .reflection label{color:var(--gray-text);font-size:1.2rem;font-weight:300}}.shed-component .reflection .reflection-text{color:var(--black);font-family:var(--inter);font-size:.8rem;font-weight:300;line-height:1.2rem}.shed-component .reflection .next-steps-text{white-space:pre-wrap}.shed-component .text-field{display:flex;flex-direction:column;gap:.5rem}.close{grid-template-rows:0fr}.shed-dots{align-items:center;display:flex;justify-content:space-evenly;margin:.6rem 2rem;position:relative}@media(max-width:768px){.shed-dots{margin-left:0;margin-right:0}}.shed-dots .dots,.shed-dots .dots-wrapper{display:flex;width:100%}.shed-dots .dots{align-items:center;flex-flow:row nowrap;gap:2rem;justify-content:center;padding:.5rem}@media(max-width:768px){.shed-dots .dots{gap:1rem}}.shed-dots .dot{cursor:pointer;fill:#d8d8d8;height:20px}.shed-dots .dot circle{fill:#d8d8d8}.shed-dots .arrows{align-items:center;display:flex;opacity:.4}.shed-dots .arrows svg{fill:#8e97a6;height:20px}.shed-dots button{align-items:center;background-color:initial;border:none;cursor:pointer;margin:0}.shed-dots .active circle{fill:var(--dark-blue)}.shed-dots .actionable{opacity:1}.recording,.video-recorder{align-items:center;aspect-ratio:1.7777777778;background-color:var(--gray-backdrop);border-radius:20px;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative}.recording input,.video-recorder input{display:none}.recording svg,.video-recorder svg{height:2rem;transition:fill .5s;transition:opacity .2s}.recording svg .fa-primary,.video-recorder svg .fa-primary{fill:#eee}.recording video,.video-recorder video{display:none;height:100%;width:100%;z-index:1}.recording .mirror,.video-recorder .mirror{transform:rotateY(180deg)}.recording .recording-video,.video-recorder .recording-video{display:block}.recording img,.video-recorder img{width:100%}.recording .activate-camera,.recording .play-btn,.recording .rotate-btn,.recording .start-btn,.recording .stop-btn,.recording .trash-btn,.video-recorder .activate-camera,.video-recorder .play-btn,.video-recorder .rotate-btn,.video-recorder .start-btn,.video-recorder .stop-btn,.video-recorder .trash-btn{display:none;height:35px;position:absolute;z-index:2}.recording .activate-camera .fa-secondary,.recording .play-btn .fa-secondary,.recording .rotate-btn .fa-secondary,.recording .start-btn .fa-secondary,.recording .stop-btn .fa-secondary,.recording .trash-btn .fa-secondary,.video-recorder .activate-camera .fa-secondary,.video-recorder .play-btn .fa-secondary,.video-recorder .rotate-btn .fa-secondary,.video-recorder .start-btn .fa-secondary,.video-recorder .stop-btn .fa-secondary,.video-recorder .trash-btn .fa-secondary{opacity:1}.recording .record-or-upload-btns,.video-recorder .record-or-upload-btns{display:flex;gap:35px}.recording .record-or-upload-btns svg,.video-recorder .record-or-upload-btns svg{height:35px;position:relative}.recording .record-or-upload-btns svg .fa-secondary,.video-recorder .record-or-upload-btns svg .fa-secondary{opacity:1}.recording .activate-camera:hover,.recording .trash-btn:hover,.recording .upload:hover,.video-recorder .activate-camera:hover,.video-recorder .trash-btn:hover,.video-recorder .upload:hover{fill:#abababc6}.recording .play-btn,.video-recorder .play-btn{height:45px}.recording .play-btn .fa-secondary,.video-recorder .play-btn .fa-secondary{opacity:.65}.recording .play-btn:hover,.video-recorder .play-btn:hover{opacity:.6}.recording .start-btn,.recording .stop-btn,.video-recorder .start-btn,.video-recorder .stop-btn{bottom:5px}.recording .start-btn,.video-recorder .start-btn{animation:pulse 2s infinite;border-radius:50%;box-shadow:0 0 #000;transform:scale(1)}.recording .start-btn .fa-secondary,.video-recorder .start-btn .fa-secondary{fill:#ce5151}.recording .stop-btn .fa-secondary,.video-recorder .stop-btn .fa-secondary{fill:#555}.recording .trash-btn,.video-recorder .trash-btn{fill:#dfe6f0;height:25px;right:20px;top:20px}.recording .active,.video-recorder .active{display:block}.recording .rotate-btn,.video-recorder .rotate-btn{display:none}@media(max-width:768px)and (orientation:portrait){.recording .rotate-btn,.video-recorder .rotate-btn{display:block}.recording .record-btn,.video-recorder .record-btn{display:none}}@keyframes pulse{0%{box-shadow:0 0 #c64d4db3;transform:scale(.93)}70%{box-shadow:0 0 0 7px transparent;transform:scale(1)}to{box-shadow:0 0 0 0 transparent;transform:scale(.93)}}.youtube-player .content{display:flex;justify-content:center;padding-top:1%}.youtube-player .wrapper{height:100%;width:100%}.youtube-player #player-container,.youtube-player #player-container video{aspect-ratio:16/9;width:100%}.youtube-player iframe{border-radius:10px}.youtube-player #controls{display:flex;justify-content:space-between;margin-top:20px}@media(max-width:768px){.youtube-player #controls{flex-direction:column}}.youtube-player #controls button{background-color:initial;border:none;cursor:pointer;height:2.5rem;transition:background-color .2s linear;width:2.5rem}.youtube-player #controls .active{background-color:#eee;border-radius:4px}.youtube-player #controls svg{fill:var(--dark-blue);height:1.2rem}.youtube-player #controls .playback-btns{display:flex;gap:1.1rem;width:70%}.youtube-player #controls .volume-speed-btns{display:flex;flex-direction:column;gap:20px}.youtube-player #controls .volume-speed-btns .control{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:6px}.youtube-player #controls .volume-speed-btns .control .icon{display:flex;justify-content:center;width:15%}.youtube-player #controls .volume-speed-btns .control .feature{color:var(--dark-blue);font-family:var(--inter);font-size:.8rem;font-weight:600;width:75%}.youtube-player #controls .volume-speed-btns .control .feature input[type=range]{-webkit-appearance:none;background:#d8d8d8;background-image:linear-gradient(#3a719e,#3a719e);background-repeat:no-repeat;background-size:var(--volume);border-radius:20px;cursor:pointer;height:5px;margin-bottom:6px;width:100%}.youtube-player #controls .volume-speed-btns .control .feature input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:#3a719e;border-radius:50%;height:15px;width:15px}.youtube-player #controls .volume-speed-btns .control .feature input[type=range]::-moz-range-thumb{-webkit-appearance:none;background-color:#3a719e;border:none;border-radius:50%;height:15px;width:15px}.youtube-player #controls .volume-speed-btns .control .feature .min-max{display:flex;font-size:.6rem;justify-content:space-between}.youtube-player #controls .volume-speed-btns .control .playback-speed-feature{align-items:center;display:flex;gap:5px}.youtube-player #controls .volume-speed-btns .control .speed-choices{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fill,2.5rem);justify-content:right;padding-left:1.2rem;width:100%}.youtube-player #controls .volume-speed-btns .control .speed-choices .speed-btn{aspect-ratio:1;background-color:#eee;border:none;border-radius:4px;color:var(--dark-blue);cursor:pointer;font-family:var(--inter);font-size:.75rem;font-weight:600;text-align:center;transition:background-color .2s linear}.youtube-player #controls .volume-speed-btns .control .speed-choices .active,.youtube-player #controls .volume-speed-btns .control .speed-choices .speed-btn:hover{background-color:var(--light-blue);color:var(--white)}.youtube-player #controls .volume-speed-btns .control-copy{margin-top:1rem}.youtube-player .video-input{display:flex;justify-content:center}.youtube-player .video-input input{margin-left:10px;margin-right:10px;padding:10px}.youtube-player .progress-bar-container{background-color:#d8d8d8;cursor:pointer;height:.7em;margin-top:.1rem;overflow:hidden;position:relative;width:100%}.youtube-player .progressBarInteract{height:100%;position:absolute;width:100%;z-index:100}.youtube-player .loopContainer{display:block;height:100%;position:absolute;width:100%}.youtube-player .startLoopRect{background-color:#ffffff73;display:none;height:100%;left:0;position:absolute;width:var(--startLoop);z-index:99}.youtube-player .startLoopRect.active{display:inline-block}.youtube-player .startLoopClick{border-right:4px solid #fff;height:100%;position:absolute;right:0;width:5px}.youtube-player .endLoopRect{background-color:#ffffff73;display:none;height:100%;position:absolute;right:0;width:var(--endLoop);z-index:99}.youtube-player .endLoopRect.active{display:inline-block}.youtube-player .endLoopClick{border-left:4px solid #fff;height:100%;left:0;position:absolute;width:5px}.youtube-player .loopButtonActive{background-color:#b6b6b6}.youtube-player .volume-container{display:flex;justify-content:center}.youtube-player .progress-bar{align-items:center;background-color:#069;content:"";display:flex;height:100%;left:-100%;position:absolute;transform:translate(var(--progress));transition-duration:var(--videoRemaining);transition-property:transform;transition-timing-function:linear;width:100%}.focus-detail svg{fill:var(--dark-blue);height:2rem}.focus-detail .heading{align-items:center;display:flex;gap:2rem;justify-content:center}.focus-detail hr{margin-top:1rem}.focus-detail .selection{display:flex;flex-direction:column;justify-content:center}.focus-detail .selection .selection-dropdown{margin:0 auto;padding-top:2rem;width:50%}.focus-detail .selection .performance-goal{display:flex;flex-direction:column}.focus-detail .selection .performance-goal label{text-align:center}.focus-detail .selection .performance-goal .end-in-mind,.focus-detail .selection .performance-goal .grow-wrap{margin:0 auto;padding-top:2rem;width:50%}.focus-detail .selection .performance-goal .end-in-mind textarea,.focus-detail .selection .performance-goal .grow-wrap textarea{text-align:center}.focus-detail .selection .performance-goal .end-in-mind{font-family:var(--garamond);text-align:center}.focus-detail .selection .performance-goal button{margin-top:3rem}.focus-detail .selection .new-piece-for-focus{margin-bottom:3rem;-webkit-mask-image:none;mask-image:none;position:relative}.focus-detail .archive{display:flex;flex-direction:column;gap:.5rem;margin-top:6rem}.focus-detail .archive,.focus-detail .archive button,.focus-detail .archive span{color:var(--dark-blue);font-family:var(--garamond);font-size:1rem}.focus-detail .archive button{align-items:center;background-color:#fff;border:none;cursor:pointer;display:flex;gap:1rem;justify-content:center}.focus-detail .archive button:hover{border-bottom:1px solid var(--gray-lines)}.focus-detail .archive .archive-prompt{cursor:pointer;display:flex;justify-content:center}.focus-detail .archive svg{height:.75rem}.focus-detail .archive .yes-no{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.focus-detail .archive .yes-no .sure{display:flex;font-weight:700;justify-content:center}.focus-detail .archive .yes-no .options{display:flex;gap:.5rem;justify-content:center}.focus-detail .focus-description{display:flex;flex-direction:column;font-family:var(--garamond);font-size:.85rem;font-weight:100;margin:1rem auto 0;width:50%}@media(max-width:768px){.focus-detail .focus-description{width:100%}}.focus-detail .focus-description div{text-align:center}.focus-detail .focus-description span{font-family:var(--garamond);font-weight:600}.focus-detail .focus-description .performance-goal-description{margin-top:1rem}.focus-detail .focus-description .change-piece{display:flex;gap:.3rem;justify-content:center}.focus-detail .focus-description .change-piece button{align-items:center;background-color:var(--white);border:none;cursor:pointer;display:flex;gap:.2rem}.focus-detail .focus-description .change-piece button svg{height:.7rem}.focus-detail .focus-description .change-piece button:hover{border-bottom:1px solid var(--gray-lines)}.index{display:flex;justify-content:center}.index svg{fill:var(--dark-blue);height:4rem;margin-bottom:3rem;margin-top:6rem}.login-page{display:flex;flex-direction:column;overflow:hidden;padding-top:65px}.login-page .title{align-items:baseline;display:flex;gap:2.4rem;justify-content:center}.login-page .title svg{height:1.3rem}.login-page .title h1{margin:0}.login-page .login-form{justify-content:center;margin-top:var(--marginTop)}.login-page .login-form,.login-page .login-form form{display:flex;flex-direction:column}.login-page .login-form form .form-fields{display:flex;gap:4.2rem;justify-content:center}@media(max-width:768px){.login-page .login-form form .form-fields{gap:1rem}}.login-page .login-form form input,.login-page .login-form form label{display:block;margin-bottom:2.8rem}.login-page .login-form .form-field{display:flex}.login-page .login-form input{border:none;border-bottom:1px solid #c6c6c6;width:15rem}@media(max-width:768px){.login-page .login-form input{width:10rem}}.login-page .login-form #password{letter-spacing:.6rem}.login-page .login-form button{align-items:center;background-color:var(--white);border:1px solid var(--gray-lines);border-radius:8px;color:var(--dark-blue);cursor:pointer;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:700;gap:1rem;justify-content:center;margin:0 auto;padding:.8rem;width:150px}.login-page .login-form button svg{fill:var(--dark-blue)}.login-page .login-form .success-message{display:flex;flex-direction:column;gap:1.5rem;justify-content:center;text-align:center}.login-page .login-form .success-message button{font-size:.8rem;padding:.5rem}.repertoire h1{text-align:center}.repertoire .focus-list{margin:0 auto;width:40%}@media(max-width:768px){.repertoire .focus-list{width:80%}}.repertoire .piece-link:hover{text-decoration:none}.sheds-all{text-align:center}.sheds-all h2{color:var(--gray-text);font-family:var(--garamond);font-size:1.3rem;font-weight:600}.sheds-all a{color:var(--dark-blue)!important;font-family:var(--inter);font-size:1.1rem;line-height:1.5rem}.sheds-all .shed-links{display:flex;flex-direction:column;gap:.6rem}.sheds-all hr{width:55%}.sheds-all .next-button{background:none;border:none;cursor:pointer;padding-top:.3rem}.sheds-all .next-button svg{fill:var(--dark-blue);height:1.5rem;opacity:1;transition:opacity .1s linear}.sheds-all .next-button:hover svg{opacity:.6}