@font-face{font-family:Readex Pro;font-style:normal;font-weight:200;font-display:swap;src:url(/_next/static/media/608934cf5dc8c2bc-s.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec4,u+10efc-10eff,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:Readex Pro;font-style:normal;font-weight:200;font-display:swap;src:url(/_next/static/media/cc8b755e9c1ba115-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Readex Pro;font-style:normal;font-weight:200;font-display:swap;src:url(/_next/static/media/58c726479f69cacd-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Readex Pro;font-style:normal;font-weight:200;font-display:swap;src:url(/_next/static/media/ea015128149a20d9-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Readex Pro;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/608934cf5dc8c2bc-s.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec4,u+10efc-10eff,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:Readex Pro;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/cc8b755e9c1ba115-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Readex Pro;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/58c726479f69cacd-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Readex Pro;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/ea015128149a20d9-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Readex Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/608934cf5dc8c2bc-s.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec4,u+10efc-10eff,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:Readex Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/cc8b755e9c1ba115-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Readex Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/58c726479f69cacd-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Readex Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ea015128149a20d9-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Readex Pro Fallback;src:local("Arial");ascent-override:92.30%;descent-override:23.07%;line-gap-override:0.00%;size-adjust:108.34%}.__className_344e73{font-family:Readex Pro,Readex Pro Fallback;font-style:normal}.__variable_344e73{--font-readex-pro:"Readex Pro","Readex Pro Fallback"}a{color:#d4af37!important;transition:color .2s}a,a:focus,a:hover{text-decoration:none!important}a:focus,a:hover{color:rgb(230.049382716,208.5802469136,138.950617284)!important}a:visited{color:rgb(175.55,155.7302547771,91.45)}.tools-page{display:flex;flex-direction:column;align-items:center;width:100%;height:calc(100svh - 90px - 80px - 30px);overflow-x:auto;color:#eee;padding-bottom:50px;padding-left:12px;padding-right:12px}.tools-page::-webkit-scrollbar{width:12px;padding-right:0}.tools-page::-webkit-scrollbar-thumb{background-color:#5a2585;cursor:pointer}.tools-page::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:0 25px 0 0;cursor:pointer}.tools-page__title{font-size:50px;margin-bottom:0}body{scroll-padding-top:0}body.scrollbar-active{padding-right:0!important}.tuning-system-manager{width:100%;margin-top:0;scroll-margin-top:0}.tuning-system-manager__header{font-size:20px;margin-left:0;font-weight:700;display:inline}.tuning-system-manager__abjad-name{font-size:13px}.tuning-system-manager__form{display:flex;flex-direction:column;gap:1rem;width:100%}.tuning-system-manager__input-container{display:flex;flex-direction:column;flex:1 1}.tuning-system-manager__sources-container,.tuning-system-manager__sources-select-container{display:flex;align-items:center;gap:15px;width:50%}.tuning-system-manager__source-add-button{height:-moz-fit-content;height:fit-content;padding:10px 20px;font-size:16px;border-radius:5px;cursor:pointer}.tuning-system-manager__source-item{display:flex;flex-direction:column;gap:5px}[dir=rtl] .tuning-system-manager__source-item{direction:rtl;text-align:right}.tuning-system-manager__source-select-item{display:flex;flex-direction:column;gap:5px;width:100px}.tuning-system-manager__source-input,.tuning-system-manager__source-select{padding:5px;font-size:14px}.tuning-system-manager__source-delete-button{padding:5px;font-size:14px;border-radius:5px;cursor:pointer;background-color:#c62300;color:#fff;transition:.1s}.tuning-system-manager__source-delete-button:hover{box-shadow:0 0 5px rgba(0,0,0,.3)}.tuning-system-manager__bib-title{font-style:italic}.tuning-system-manager__group{display:flex;gap:.5rem;width:100%}.tuning-system-manager__label{margin-bottom:.4rem;font-weight:700}.tuning-system-manager__input,.tuning-system-manager__select,.tuning-system-manager__textarea{padding:.4rem;resize:vertical}.tuning-system-manager__select{margin-bottom:1.5rem;padding:.4rem}.tuning-system-manager__select :focus{outline:none}.tuning-system-manager__buttons{margin-top:1rem}.tuning-system-manager__delete-button,.tuning-system-manager__save-button{margin-right:20px;padding:10px 20px;font-size:.9rem;border-radius:5px;cursor:pointer;transition:.3s;color:#fff}.tuning-system-manager__delete-button:hover,.tuning-system-manager__save-button:hover{border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.3)}.tuning-system-manager__save-button{background-color:#83105d}.tuning-system-manager__save-button:disabled{background-color:rgba(0,0,0,.3);cursor:not-allowed}.tuning-system-manager__delete-button{background-color:#c62300}.tuning-system-manager__pitch-class-type{opacity:.7;font-style:italic}.tuning-system-manager__options-container{display:flex;justify-content:space-between;gap:0;padding-left:0;padding-right:0;margin-top:20px;margin-bottom:20px;font-size:14px;font-weight:300;width:100%}[dir=rtl] .tuning-system-manager__options-container{direction:rtl}.tuning-system-manager__sorting-options{display:inline-flex;align-items:center;float:left;gap:10px;margin:0}[dir=rtl] .tuning-system-manager__sorting-options{float:right}.tuning-system-manager__sorting-label{margin-bottom:0}.tuning-system-manager__sorting-button{padding:5px 20px;background-color:rgba(90,37,133,.5);width:-moz-fit-content;width:fit-content;border-radius:0;color:#eee;cursor:pointer;transition:.1s;margin:0;align-items:flex-start;display:block}.tuning-system-manager__sorting-button:hover{background-color:#5a2585}.tuning-system-manager__sorting-button_selected,.tuning-system-manager__sorting-button_selected:hover{background-color:#83105d}.tuning-system-manager__starting-note-container{align-items:baseline;gap:10px}.tuning-system-manager__starting-note-left{display:flex;align-items:baseline;gap:10px;margin-left:20px}.tuning-system-manager__starting-note{display:block;flex-direction:column;align-items:baseline;gap:0;text-align:center;margin-right:10px}.tuning-system-manager__starting-note-input{display:inline-block;box-sizing:border-box;padding:5px 10px;margin-left:10px;background-color:#000;border-radius:0;color:#eee;width:70px;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.tuning-system-manager__starting-note-input::-webkit-inner-spin-button,.tuning-system-manager__starting-note-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tuning-system-manager__starting-note-right{display:flex;align-items:baseline;gap:10px}.tuning-system-manager__starting-note-button{padding:5px 20px;background-color:rgba(90,37,133,.5);width:-moz-fit-content;width:fit-content;border-radius:0;color:#eee;cursor:pointer;transition:.1s;margin:0;align-items:flex-start}.tuning-system-manager__starting-note-button:hover{background-color:#5a2585}.tuning-system-manager__starting-note-button_selected,.tuning-system-manager__starting-note-button_selected:hover{background-color:#83105d}.tuning-system-manager__starting-note-button_disabled{background-color:rgba(0,0,0,.5)!important;color:#eee}.tuning-system-manager__starting-note-button_disabled:hover{background-color:rgba(90,37,133,.5);box-shadow:none;color:#eee}.tuning-system-manager__starting-note-button_reset{background-color:#5a2585}.tuning-system-manager__starting-note-button_save{background-color:#83105d}.tuning-system-manager__starting-note-button_save:disabled{background-color:rgba(0,0,0,.3)}.tuning-system-manager__starting-note-button_delete{background-color:#c62300}.tuning-system-manager__starting-note-button_delete:disabled{background-color:rgba(0,0,0,.3)}.tuning-system-manager h3{font-size:18px;margin-bottom:10px;font-weight:300}.tuning-system-manager__comments-sources-container{display:block;width:100%;margin-top:0;padding:0 20px}[dir=rtl] .tuning-system-manager__comments-sources-container{direction:rtl}.tuning-system-manager__comments-english{font-size:14px;width:60%;min-height:80px;direction:ltr;text-align:left;vertical-align:top;padding-right:30px;float:left;margin-bottom:0;line-height:20px}[dir=rtl] .tuning-system-manager__comments-english{float:right;padding-right:0;padding-left:30px;text-align:right;direction:rtl}.tuning-system-manager__comments-arabic{font-size:14px;width:60%;min-height:80px;text-align:right;direction:rtl;vertical-align:top;padding-left:30px;float:right}.tuning-system-manager__sources-english{font-size:14px;width:40%;min-height:80px;direction:ltr;text-align:left;vertical-align:top;padding-right:30px;float:left}[dir=rtl] .tuning-system-manager__sources-english{float:right;padding-right:0;padding-left:30px;text-align:right}.tuning-system-manager__sources-arabic{font-size:14px;width:40%;min-height:80px;text-align:right;direction:rtl;vertical-align:top;padding-left:30px;float:right}.tuning-system-manager__list{width:100%;background-color:#000;display:grid;grid-template-rows:repeat(3,auto);grid-auto-flow:column;grid-gap:10px;gap:10px;height:200px;overflow-x:scroll;overflow-y:hidden;position:relative;padding:10px 25px}[dir=rtl] .tuning-system-manager__list{direction:rtl}.tuning-system-manager__list::-webkit-scrollbar{height:6px;position:relative}.tuning-system-manager__list::-webkit-scrollbar-thumb{background-color:#5a2585;cursor:pointer;position:relative}.tuning-system-manager__list::-webkit-scrollbar-track{background:#333;cursor:pointer;position:relative}.tuning-system-manager__carousel{display:flex;align-items:center;position:relative;width:100%}[dir=rtl] .tuning-system-manager__carousel{direction:rtl}.tuning-system-manager__carousel .carousel-button{background:none;border:none;font-size:30px;cursor:pointer;color:#eee;padding:0}.tuning-system-manager__carousel .carousel-button:hover{color:#a4079c;transition:background-color .2s ease-in-out}.tuning-system-manager__carousel .carousel-button-next,.tuning-system-manager__carousel .carousel-button-prev{position:absolute;top:50%;transform:translateY(-50%);z-index:1;height:calc(100% - 20px);width:25px;background-color:#000}.tuning-system-manager__carousel .carousel-button-next:hover,.tuning-system-manager__carousel .carousel-button-prev:hover{color:#a4079c;transition:color .1s ease-in-out}.tuning-system-manager__carousel .carousel-button-prev{left:0}[dir=rtl] .tuning-system-manager__carousel .carousel-button-prev{left:auto;right:0}.tuning-system-manager__carousel .carousel-button-next{right:0}[dir=rtl] .tuning-system-manager__carousel .carousel-button-next{right:auto;left:0}.tuning-system-manager__octaves-carousel{display:flex;align-items:center;position:relative;width:calc(100% - 0px)}[dir=rtl] .tuning-system-manager__octaves-carousel{direction:rtl}.tuning-system-manager__octaves-carousel .carousel-button{background:none;border:none;font-size:30px;cursor:pointer;color:#eee;padding:0}.tuning-system-manager__octaves-carousel .carousel-button:hover{color:#a4079c;transition:background-color .2s ease-in-out}.tuning-system-manager__octaves-carousel .carousel-button-next,.tuning-system-manager__octaves-carousel .carousel-button-prev{position:absolute;top:calc(50% - 8px);transform:translateY(-50%);z-index:1;height:calc(100% - 16px);width:25px;background-color:#222;border-top:1px solid #555;border-bottom:1px solid #555}.tuning-system-manager__octaves-carousel .carousel-button-next:hover,.tuning-system-manager__octaves-carousel .carousel-button-prev:hover{color:#a4079c;transition:color .1s ease-in-out}.tuning-system-manager__octaves-carousel .carousel-button-prev{left:0;border-left:1px solid #555}[dir=rtl] .tuning-system-manager__octaves-carousel .carousel-button-prev{left:auto;right:0;border-left:none;border-right:1px solid #555}.tuning-system-manager__octaves-carousel .carousel-button-next{right:0;border-right:1px solid #555}[dir=rtl] .tuning-system-manager__octaves-carousel .carousel-button-next{right:auto;left:0;border-right:none;border-left:1px solid #555}.tuning-system-manager__item{display:flex;flex-direction:column;align-items:flex-start;padding:5px 10px;background-color:rgba(90,37,133,.4);font-size:14px;color:#eee;cursor:pointer;transition:.2s}[dir=rtl] .tuning-system-manager__item{text-align:right}.tuning-system-manager__item_disabled{background-color:rgba(90,37,133,.1)!important;color:#eee}.tuning-system-manager__item_disabled:hover{background-color:rgba(90,37,133,.5);box-shadow:none;color:#eee}.tuning-system-manager__item_active{background-color:rgba(90,37,133,.4)}.tuning-system-manager__item_active:hover{background-color:rgba(90,37,133,.9)}.tuning-system-manager__item_selected,.tuning-system-manager__item_selected:hover{background-color:#a4079c}.tuning-system-manager__item:hover{background-color:rgba(90,37,133,.9)}.tuning-system-manager__item-english-creator{font-size:14px;margin-bottom:0;font-weight:300}.tuning-system-manager__item-english-title{font-size:14px;margin-top:3px;font-weight:200}.tuning-system-manager__grid-wrapper{width:100%}.tuning-system-manager__grid{display:flex;flex-direction:column;gap:0;width:100%;max-width:100%;overflow:auto;font-size:14px;font-weight:200;padding-bottom:0}.tuning-system-manager__details{width:100%;padding:20px;background-color:rgba(0,0,0,.3);border-radius:10px;margin-bottom:10px}.tuning-system-manager__octave-details{width:100%;padding:10px 20px;background-color:rgba(0,0,0,.3);border-radius:0;margin-bottom:10px;position:relative}.tuning-system-manager__summary{font-size:20px;margin-bottom:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tuning-system-manager__octave-summary{font-size:20px;margin-bottom:10px;cursor:pointer;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.tuning-system-manager__octave-summary-title{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.tuning-system-manager__octave-cascade-button{padding:6px;background-color:rgba(0,0,0,.3);border-radius:10px;color:#eee;cursor:pointer;transition:.3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tuning-system-manager__octave-scroll{display:flex;flex-direction:column;gap:10px;width:100%;overflow-x:scroll;white-space:nowrap;height:-moz-fit-content;height:fit-content;padding:10px 0}.tuning-system-manager__octave-scroll::-webkit-scrollbar{height:6px}.tuning-system-manager__octave-scroll::-webkit-scrollbar-thumb{background-color:#5a2585;cursor:pointer}.tuning-system-manager__octave-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,.1);cursor:pointer}.tuning-system-manager__filter-menu{gap:10px;height:100%;margin:0 10px}.tuning-system-manager__filter-item{display:inline-flex;align-items:center;gap:8px;padding:0;border-radius:5px;color:#eee;cursor:pointer;transition:0s;margin-left:10px;font-size:14px}.tuning-system-manager__filter-item:hover,.tuning-system-manager__filter-item_active{color:#fff}.tuning-system-manager__filter-item:has(>.tuning-system-manager__filter-checkbox:disabled){background-color:#83105d;color:#eee;cursor:not-allowed}.tuning-system-manager__filter-item:has(>.tuning-system-manager__filter-checkbox:disabled):hover{background-color:rgba(0,0,0,.3);box-shadow:none;color:#eee}.tuning-system-manager__filter-label{-webkit-user-select:none;-moz-user-select:none;user-select:none}.tuning-system-manager__octave-table{width:calc(100% - 50px);border-collapse:collapse;border-spacing:0;overflow:auto;background-color:#222;color:#fff;padding:0;margin:-10px 25px 0}.tuning-system-manager__octave-table th{padding:0;margin:0}.tuning-system-manager__octave-table tr{border:0;padding:0;margin:0}.tuning-system-manager__octave-table td{font-size:12px;padding:5px 10px;text-align:center;vertical-align:middle;min-width:80px;max-width:80px;height:28px;border:1px solid #565656;margin:0;white-space:normal;overflow-wrap:normal;word-break:normal}.tuning-system-manager__octave-table_row-header{font-weight:700;width:120px!important;background-color:#333;text-transform:capitalize;text-align:left}.tuning-system-manager__octave-table__detectedPitchClassType{background-color:#333}.tuning-system-manager__cell_selected{background-color:#5a2585!important;color:#fff}.tuning-system-manager__cell_active{background-color:#83105d!important;color:#fff}.tuning-system-manager__cell_descending{background-color:rgba(90,37,133,.5)}.tuning-system-manager__cell_editing{background-color:#000!important;color:#eee!important}.tuning-system-manager__select-note{border:none;border-radius:0;background-color:rgba(0,0,0,0)!important;color:#fff!important;height:45px;max-width:60px;font-size:12px;text-align:center;white-space:wrap;padding-top:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;padding-left:0;padding-bottom:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path fill='%23aaa' d='M0 0l5 6 5-6z'/></svg>")!important;background-repeat:no-repeat!important;background-position:center bottom 0!important}.tuning-system-manager__select-note:focus,.tuning-system-manager__select-note:hover{color:#fff!important}.tuning-system-manager__select-abjad{border:none;border-radius:0;background-color:rgba(0,0,0,0)!important;color:#fff!important;height:35px;max-width:60px;font-size:16px;text-align:center;white-space:wrap;padding-bottom:0;padding-top:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;padding-left:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path fill='%23aaa' d='M0 0l5 6 5-6z'/></svg>")!important;background-repeat:no-repeat!important;background-position:center bottom 0!important}.tuning-system-manager__select-abjad:focus,.tuning-system-manager__select-abjad:hover{color:#333!important}.tuning-system-manager__freq-input{width:80%;box-sizing:border-box;margin:0;font-size:inherit;text-align:center;border-radius:0;background-color:#000!important;color:#eee!important;padding:0;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.tuning-system-manager__freq-input::-webkit-inner-spin-button,.tuning-system-manager__freq-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tuning-system-manager__play-circle-icon.MuiSvgIcon-root{background-color:rgba(0,0,0,0);color:#fff;padding:0;margin:0;font-size:20px;cursor:pointer;vertical-align:middle}.tuning-system-manager__checkbox{transform:scale(1);cursor:pointer;padding:0;margin:0}.tuning-system-manager__play-sequence-button{padding:10px;background-color:rgba(0,0,0,.3);border-radius:10px;color:#eee;cursor:pointer;transition:.3s;background-color:#5a2585}.tuning-system-manager__play-sequence-button:disabled{background-color:rgba(0,0,0,.3)}.tuning-system-manager__export-container{display:inline-flex;float:right;align-items:center;gap:10px;margin-right:20px;margin-bottom:0}[dir=rtl] .tuning-system-manager__export-container{float:left;margin-right:0;margin-left:20px}.tuning-system-manager__export-button{padding-top:5px;padding-bottom:0;width:50px;background-color:rgba(90,37,133,.5);cursor:pointer;border-radius:0;color:#eee;margin-left:0}.tuning-system-manager__export-button:hover{background-color:#5a2585}.tuning-system-manager__sources-english{display:flex;flex-direction:column}[dir=rtl] .tuning-system-manager__sources-english{direction:rtl}.tuning-system-manager__tabs{display:flex;gap:5px;margin-bottom:0;margin-left:25px}[dir=rtl] .tuning-system-manager__tabs{margin-left:0;margin-right:25px;direction:rtl}.tuning-system-manager__tab{text-align:left;width:-moz-fit-content;width:fit-content;padding:10px;border-radius:0;border:none;background:#333;color:#eee;font-weight:400;cursor:pointer}[dir=rtl] .tuning-system-manager__tab{text-align:right}.tuning-system-manager__tab:hover{background:hsl(0,0%,10%)}.tuning-system-manager__tab_active{border:none;background:#000;font-weight:300}.tuning-system-manager__tab_active:hover{background:#000}.tuning-system-manager__tab-count{font-size:.95em;color:silver;margin-left:2px}[dir=rtl] .tuning-system-manager__tab-count{margin-left:0;margin-right:2px}.tuning-system-manager__row-header{text-align:left}[dir=rtl] .tuning-system-manager__row-header{text-align:right}.settings-open-button{position:relative;background-color:rgba(0,0,0,0);color:#eee;border:none;border-radius:10px;cursor:pointer;z-index:10000}.settings-card{font-size:18px;position:fixed;top:0;right:0;height:100%;width:288px;transform:translateX(130%);transition:transform .3s ease-in-out;z-index:9999;box-shadow:-10px 0 50px rgba(0,0,0,.75)}.settings-card--open{transform:translateX(0)}.settings-card__content{display:flex;flex-direction:column;padding-bottom:50px;padding-top:89px;color:#000;height:100%;width:100%;overflow-y:auto;background:#000;color:#eee;font-size:14px}.settings-card__details{display:flex;flex-direction:column;justify-content:center;width:100%;height:55px;padding:10px 20px;border-top:1px solid #555;transition:all .1s ease-in-out}.settings-card__details[open]{background-color:#222;height:-moz-fit-content;height:fit-content}.settings-card__summary{width:100%;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:14px;font-weight:300;font-size:16px}.settings-card__input-container{width:100%;margin-bottom:5px}.settings-card__filter-container{width:100%;margin-bottom:5px;display:flex;justify-content:space-between;align-items:center;padding-right:40px}.settings-card__filter-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.settings-card__filter-checkbox{display:block;position:relative;cursor:pointer;font-size:1.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.settings-card__filter-checkbox .checkmark{position:relative;top:0;left:0;height:28px;width:28px;background-color:#eee;border-radius:50%;transition:.3s}.settings-card__filter-checkbox input:checked~.checkmark{background-color:#5a2585;border-radius:5px;animation:pulse .5s ease-in-out}.settings-card__filter-checkbox .checkmark:after{content:"";position:absolute;display:none}.settings-card__filter-checkbox input:checked~.checkmark:after{display:block}.settings-card__filter-checkbox .checkmark:after{left:.45em;top:.25em;width:.25em;height:.5em;border:solid #e0e0e2;border-width:0 .15em .15em 0;transform:rotate(45deg)}.settings-card__label{display:flex;align-items:flex-end;width:100%;margin-bottom:5px}.settings-card__pattern-label{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:5px;padding-right:10px}.settings-card__drone-button{padding:5px 10px;cursor:pointer;transition:.1s;color:#eee;background-color:#000;font-size:12px;margin:10px 0}.settings-card__drone-button_active{color:#eee;background-color:#5a2585}.settings-card__filter-label{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.settings-card__number-input{width:100%}.settings-card__clear-button{padding:10px 20px;font-size:14px;cursor:pointer;transition:.1s;color:#eee;margin:10px;background-color:#5a2585}.settings-card__clear-button:hover{background-color:#83105d}.settings-card__number-input,.settings-card__select{padding:5px 10px;font-size:12px;border:none;width:100%;border-radius:0;background-position:left -40px center}.settings-card__select{cursor:pointer;padding-right:20px}.settings-card__sound-mode{padding:10px 0;width:-moz-fit-content;width:fit-content;margin:0 auto}.settings-card__sound-mode-button{padding:10px;font-size:12px;margin-right:10px;transition:.1s;cursor:pointer;background-color:rgba(90,37,133,.5);color:#eee}.settings-card__sound-mode-button:hover{background-color:#5a2585}.settings-card__refresh-button,.settings-card__sound-mode-button_selected{background-color:#83105d;color:#eee}.settings-card__refresh-button{margin-left:auto;margin-right:10px;margin-top:5px;padding:5px;font-size:12px;cursor:pointer}@keyframes pulse{0%{box-shadow:0 0 0 #5a258590;rotate:20deg}50%{rotate:-20deg}75%{box-shadow:0 0 0 10px #5a258560}to{box-shadow:0 0 0 13px #5a258530;rotate:0}}.settings-card__checkbox{margin-right:8px;transform:scale(1.2)}.settings-card__description{font-size:12px;color:#555;margin-top:4px;line-height:1.3}.jins-manager{display:flex;flex-direction:column;gap:10px;width:100%;margin-bottom:20px}.jins-manager__header{margin:20px 0;display:flex;align-items:center}.jins-manager__selections{display:flex;align-items:center;font-weight:700}.jins-manager__selected-note{font-size:14px;background-color:#83105d;padding:5px;margin:0 3px;border-radius:5px;cursor:pointer}.jins-manager__selected-note_unsaved{background-color:rgba(0,0,0,0);border:2px dashed #83105d}.jins-manager__comments-sources-container{display:block;width:100%;margin-top:20px;margin-bottom:150px}.jins-manager__sources-english{font-size:14px;width:50%;min-height:80px;direction:ltr;text-align:left;vertical-align:top;padding-right:30px;float:left}.jins-manager__sources-arabic{font-size:14px;width:50%;min-height:80px;text-align:right;direction:rtl;vertical-align:top;padding-left:30px;float:right}.jins-manager__list{width:100%;background-color:#000;display:grid;grid-template-rows:repeat(3,auto);grid-auto-flow:column;grid-gap:10px;gap:10px;height:200px;overflow-x:scroll;overflow-y:hidden;position:relative;padding:10px 25px}[dir=rtl] .jins-manager__list{direction:rtl}.jins-manager__list::-webkit-scrollbar{height:6px;position:relative}.jins-manager__list::-webkit-scrollbar-thumb{background-color:#5a2585;cursor:pointer;position:relative}.jins-manager__list::-webkit-scrollbar-track{background:#333;cursor:pointer;position:relative}.jins-manager__carousel{display:flex;align-items:center;position:relative;width:100%}.jins-manager__carousel .carousel-button{background:none;border:none;font-size:30px;cursor:pointer;color:#eee;padding:0}.jins-manager__carousel .carousel-button:hover{color:#a4079c;transition:background-color .2s ease-in-out}.jins-manager__carousel .carousel-button-next,.jins-manager__carousel .carousel-button-prev{position:absolute;top:50%;transform:translateY(-50%);z-index:1;height:calc(100% - 20px);width:25px;background-color:#000}.jins-manager__carousel .carousel-button-next:hover,.jins-manager__carousel .carousel-button-prev:hover{color:#a4079c;transition:color .1s ease-in-out}.jins-manager__carousel .carousel-button-prev{left:0}[dir=rtl] .jins-manager__carousel .carousel-button-prev{left:auto;right:0}.jins-manager__carousel .carousel-button-next{right:0}[dir=rtl] .jins-manager__carousel .carousel-button-next{right:auto;left:0}.jins-manager__item{display:flex;flex-direction:column;align-items:flex-start;padding:5px 10px;background-color:rgba(0,0,0,.3);font-size:14px;color:#eee;cursor:pointer;transition:.2s}[dir=rtl] .jins-manager__item{text-align:right}.jins-manager__item_active{background-color:rgba(90,37,133,.4)}.jins-manager__item_active:hover{background-color:rgba(90,37,133,.9)}.jins-manager__item_selected,.jins-manager__item_selected:hover{background-color:#a4079c}.jins-manager__item-name{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;font-weight:300}[dir=rtl] .jins-manager__item-name{text-align:right}.jins-manager__item-name-transpositions{color:#fff;font-size:14px;margin-top:3px;font-weight:200}[dir=rtl] .jins-manager__item-name-transpositions{text-align:right}.jins-manager__play-button{margin:0 10px;display:flex;align-items:center;justify-content:center;padding:5px 10px;gap:10px;color:#5a2585;border-radius:5px;cursor:pointer;transition:.1s}.jins-manager__play-button:hover{box-shadow:0 0 5px rgba(0,0,0,.3)}.jins-manager__create-new-jins-button{width:-moz-fit-content;width:fit-content;margin:20px auto;font-size:20px;padding:10px;background-color:#83105d;border-radius:5px;color:#eee;cursor:pointer;box-shadow:0 0 5px rgba(0,0,0,.3);transition:.1s}.jins-manager__create-new-jins-button:hover{background-color:#5a2585}.jins-manager__jins-form{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:20px;font-size:20px}[dir=rtl] .jins-manager__jins-form{align-items:flex-end;text-align:right}.jins-manager__jins-input{padding:.4rem;font-size:1rem;border-radius:4px}.jins-manager__clear-button,.jins-manager__delete-button,.jins-manager__save-button{margin-right:20px;padding:10px 20px;font-size:16px;border-radius:5px;cursor:pointer;transition:.1s;color:#fff}[dir=rtl] .jins-manager__clear-button,[dir=rtl] .jins-manager__delete-button,[dir=rtl] .jins-manager__save-button{margin-right:0;margin-left:20px}.jins-manager__clear-button:hover,.jins-manager__delete-button:hover,.jins-manager__save-button:hover{border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.3)}.jins-manager__save-button{background-color:#83105d}.jins-manager__delete-button{background-color:#c62300}.jins-manager__clear-button{background-color:#5a2585}.jins-manager__source-add-button{padding:10px 20px;font-size:16px;border-radius:5px;cursor:pointer}.jins-manager__source-item{display:flex;flex-direction:column;gap:5px;width:100px}.jins-manager__source-input,.jins-manager__source-select{padding:5px;font-size:14px}.jins-manager__source-delete-button{padding:5px;font-size:14px;border-radius:5px;cursor:pointer;background-color:#c62300;color:#fff;transition:.1s}.jins-manager__source-delete-button:hover{box-shadow:0 0 5px rgba(0,0,0,.3)}.jins-manager__comments-english{font-size:14px;width:50%;min-height:80px;direction:ltr;text-align:left;vertical-align:top;padding-right:30px;float:left;margin-bottom:40px}.jins-manager__comments-arabic{font-size:14px;width:50%;min-height:80px;text-align:right;direction:rtl;vertical-align:top;padding-left:30px;float:right}.jins-manager__input-container{display:flex;flex-direction:column;flex:1 1}.jins-manager__group{display:flex;gap:.5rem;width:100%}[dir=rtl] .jins-manager__group{flex-direction:row-reverse}.jins-manager__label{margin-bottom:.4rem;font-weight:700}[dir=rtl] .jins-manager__label{text-align:right}.jins-manager__input,.jins-manager__textarea{padding:.4rem;resize:vertical}.jins-manager__tabs{display:flex;gap:5px;margin-bottom:-10px;margin-left:25px}[dir=rtl] .jins-manager__tabs{margin-left:0;margin-right:25px}.jins-manager__tab{text-align:left;width:max-content;padding:10px;border-radius:0;border:none;background:#333;color:#eee;font-weight:400;cursor:pointer}[dir=rtl] .jins-manager__tab{text-align:right}.jins-manager__tab:hover{background:hsl(0,0%,10%)}.jins-manager__tab_active{border:none;background:#000;font-weight:300}.jins-manager__tab_active:hover{background:#000}.jins-manager__tab-count{font-size:.95em;color:silver;margin-left:2px}[dir=rtl] .jins-manager__tab-count{margin-left:0;margin-right:2px}.jins-manager__export-container{display:inline-flex;float:right;align-items:center;gap:10px;margin-right:20px;margin-bottom:0;margin-left:auto}[dir=rtl] .jins-manager__export-container{float:left;margin-right:auto;margin-left:20px}.jins-manager__export-button{padding-top:5px;padding-bottom:0;width:50px;background-color:rgba(90,37,133,.5);cursor:pointer;border-radius:0;color:#eee;margin-left:0}[dir=rtl] .jins-manager__export-button{margin-left:auto;margin-right:0}.jins-manager__export-button:hover{background-color:#5a2585}.jins-transpositions{width:100%;font-size:.9rem;margin-top:10px;scroll-margin-top:450px}.jins-transpositions__title{width:100%;background-color:#83105d;color:#eee;font-size:20px;font-weight:300;text-align:left;padding:10px 20px;border:1px solid #555}[dir=rtl] .jins-transpositions__title{text-align:right}.jins-transpositions__play-circle-icon.MuiSvgIcon-root{color:#fff;padding:0;margin:0;font-size:24px;cursor:pointer;vertical-align:middle}.jins-transpositions__export-icon.MuiSvgIcon-root{color:#fff;padding:0;margin:0 5px 0 0;font-size:24px;cursor:pointer;vertical-align:middle}.jins-transpositions__button{background-color:rgba(90,37,133,.5);color:#fff;padding:0 10px;border-radius:3px;cursor:pointer;margin-right:10px;font-size:12px;width:200px;height:40px;vertical-align:middle;text-align:center}[dir=rtl] .jins-transpositions__button{margin-right:0;margin-left:10px}.jins-transpositions__button:focus{outline:rgba(0,0,0,0);border:1px solid #fff}.jins-transpositions__button:hover{background-color:#5a2585}.jins-transpositions h3{font-size:18px;margin-bottom:10px;font-weight:300}.jins-transpositions__comments-sources-container{width:100%;margin-top:0}.jins-transpositions__comments-english{font-size:14px;width:50%;min-height:80px;direction:ltr;text-align:left;vertical-align:top;padding-right:30px;float:left;margin-bottom:0;line-height:20px}[dir=rtl] .jins-transpositions__comments-english{direction:rtl;text-align:right;padding-right:0;padding-left:30px;float:right}.jins-transpositions__sources-english{font-size:14px;width:50%;min-height:80px;direction:ltr;text-align:left;vertical-align:top;padding-right:30px;float:left}[dir=rtl] .jins-transpositions__sources-english{direction:rtl;text-align:right;padding-right:0;padding-left:30px;float:right}.jins-transpositions__comments-arabic,.jins-transpositions__sources-arabic{font-size:14px;width:50%;min-height:80px;text-align:right;direction:rtl;vertical-align:top;padding-left:30px;float:right}.jins-transpositions__table{width:100%;border-collapse:collapse;table-layout:fixed;margin-bottom:0;font-size:12px;font-weight:200}.jins-transpositions__table th{vertical-align:middle;margin-bottom:500px;text-align:left;padding:10px;border:1px solid #555;font-weight:200}[dir=rtl] .jins-transpositions__table th{text-align:right}.jins-transpositions__table td{vertical-align:middle;margin-bottom:500px;text-align:left;padding:10px;border:1px solid #555;font-weight:200}[dir=rtl] .jins-transpositions__table td{text-align:right}.jins-transpositions__transposition-title{font-size:16px;font-weight:300;padding-left:10px;padding-right:20px}[dir=rtl] .jins-transpositions__transposition-title{padding-left:20px;padding-right:10px}.jins-transpositions__transposition-number{width:34px!important;font-size:20px;padding:0!important;margin:0;text-align:center!important;background-color:#000}.jins-transpositions__transposition-number_0{background-color:#5a2585}.jins-transpositions__transposition-number_1{background-color:#83105d}.jins-transpositions__transposition-number_2{background-color:#a4079c}.jins-transpositions__header{text-align:left;background-color:rgba(0,0,0,0);scroll-margin-top:110px}[dir=rtl] .jins-transpositions__header{text-align:right}.jins-transpositions__cell{text-align:left;background-color:rgba(0,0,0,0)}[dir=rtl] .jins-transpositions__cell{text-align:right}.jins-transpositions__cell_highlighted{background-color:rgba(131,16,93,.2)!important}.jins-transpositions__row-header{background-color:#333;text-transform:capitalize}.jins-transpositions__jins-name-row{background-color:#000;color:#fff;padding:15px}.jins-transpositions__input{width:50px;font-size:14px;border:1px solid #eee;border-radius:0;resize:vertical;padding:5px}.jins-transpositions__comments-sources-container{display:flex;justify-content:space-between;padding:0 30px}[dir=rtl] .jins-transpositions__comments-sources-container{flex-direction:row-reverse;padding:0 30px}.jins-transpositions__sources{width:100%;display:flex;padding:10px 30px}[dir=rtl] .jins-transpositions__sources{flex-direction:row-reverse}.jins-transpositions .jins-transpositions__spacer{padding:10px!important;border:0}.maqam-manager{display:flex;flex-direction:column;gap:10px;width:100%;margin-bottom:20px}.maqam-manager__header{margin:10px 0}.maqam-manager__header,.maqam-manager__selections{display:flex;align-items:center}.maqam-manager__rows{font-size:18px}.maqam-manager__selections-row{margin:10px 0}.maqam-manager__selected-note{font-size:14px;background-color:#83105d;padding:5px;margin:0 3px;border-radius:5px;cursor:pointer}.maqam-manager__selected-note_unsaved{background-color:rgba(0,0,0,0);border:2px dashed #83105d}.maqam-manager__toggle-button{margin:0 10px;padding:5px 10px;font-size:16px;border-radius:5px;cursor:pointer;transition:.3s;color:#5a2585}.maqam-manager__toggle-button:hover{border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.3)}.maqam-manager__list{width:100%;background-color:#000;display:grid;grid-template-columns:repeat(16,minmax(250px,1fr));grid-template-rows:repeat(3,auto);grid-auto-flow:column;grid-gap:10px;gap:10px;height:200px;overflow-x:scroll;overflow-y:hidden;position:relative;padding:10px 25px}[dir=rtl] .maqam-manager__list{direction:rtl}.maqam-manager__list::-webkit-scrollbar{height:6px;position:relative}.maqam-manager__list::-webkit-scrollbar-thumb{background-color:#5a2585;cursor:pointer;position:relative}.maqam-manager__list::-webkit-scrollbar-track{background:#333;cursor:pointer;position:relative}.maqam-manager__carousel{display:flex;align-items:center;position:relative;width:100%}.maqam-manager__carousel .carousel-button{background:none;border:none;font-size:30px;cursor:pointer;color:#eee;padding:0}.maqam-manager__carousel .carousel-button:hover{color:#a4079c;transition:background-color .2s ease-in-out}.maqam-manager__carousel .carousel-button-next,.maqam-manager__carousel .carousel-button-prev{position:absolute;top:50%;transform:translateY(-50%);z-index:1;height:calc(100% - 20px);width:25px;background-color:#000}.maqam-manager__carousel .carousel-button-next:hover,.maqam-manager__carousel .carousel-button-prev:hover{color:#a4079c;transition:color .1s ease-in-out}.maqam-manager__carousel .carousel-button-prev{left:0}[dir=rtl] .maqam-manager__carousel .carousel-button-prev{left:auto;right:0}.maqam-manager__carousel .carousel-button-next{right:0}[dir=rtl] .maqam-manager__carousel .carousel-button-next{right:auto;left:0}.maqam-manager__item{display:flex;flex-direction:column;align-items:left;padding:5px 10px;background-color:rgba(0,0,0,.3);font-size:14px;color:#eee;cursor:pointer;transition:.2s}[dir=rtl] .maqam-manager__item{text-align:right}.maqam-manager__item_active{background-color:rgba(90,37,133,.4)}.maqam-manager__item_active:hover{background-color:rgba(90,37,133,.9)}.maqam-manager__item_selected,.maqam-manager__item_selected:hover{background-color:#a4079c}.maqam-manager__item-name{display:flex;flex-direction:column;align-items:left;justify-content:left;font-weight:300}[dir=rtl] .maqam-manager__item-name{text-align:right}.maqam-manager__item-name-transpositions{font-weight:200;margin-top:3px}[dir=rtl] .maqam-manager__item-name-transpositions{text-align:right}.maqam-manager__play-button{margin:0 10px;display:flex;align-items:center;justify-content:center;padding:5px 10px;gap:10px;color:#5a2585;border-radius:5px;cursor:pointer;transition:.3s}.maqam-manager__play-button:hover{box-shadow:0 0 5px rgba(0,0,0,.3)}.maqam-manager__create-new-maqam-button{width:-moz-fit-content;width:fit-content;margin:20px auto;font-size:20px;padding:10px;background-color:#83105d;border-radius:10px;color:#eee;cursor:pointer;box-shadow:0 0 5px rgba(0,0,0,.3);transition:.3s}.maqam-manager__create-new-maqam-button:hover{background-color:#5a2585}.maqam-manager__maqam-form{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:20px;font-size:20px}[dir=rtl] .maqam-manager__maqam-form{align-items:flex-end;text-align:right}.maqam-manager__maqam-input{padding:.4rem;font-size:1rem;border-radius:4px}.maqam-manager__clear-button,.maqam-manager__delete-button,.maqam-manager__save-button{margin-right:20px;padding:10px 20px;font-size:16px;border-radius:5px;cursor:pointer;transition:.3s;color:#fff}[dir=rtl] .maqam-manager__clear-button,[dir=rtl] .maqam-manager__delete-button,[dir=rtl] .maqam-manager__save-button{margin-right:0;margin-left:20px}.maqam-manager__clear-button:hover,.maqam-manager__delete-button:hover,.maqam-manager__save-button:hover{border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.3)}.maqam-manager__save-button{background-color:#83105d}.maqam-manager__delete-button{background-color:#c62300}.maqam-manager__clear-button{background-color:#5a2585}.maqam-manager__source-add-button{padding:10px 20px;font-size:16px;border-radius:5px;cursor:pointer}.maqam-manager__source-item{display:flex;flex-direction:column;gap:5px;width:100px}.maqam-manager__source-input,.maqam-manager__source-select{padding:5px;font-size:14px}.maqam-manager__source-delete-button{padding:5px;font-size:14px;border-radius:5px;cursor:pointer;background-color:#c62300;color:#fff;transition:.1s}.maqam-manager__source-delete-button:hover{box-shadow:0 0 5px rgba(0,0,0,.3)}.maqam-manager__comments-english{font-size:14px;width:50%;min-height:80px;direction:ltr;text-align:left;vertical-align:top;padding-right:30px;float:left;margin-bottom:40px}.maqam-manager__comments-arabic{font-size:14px;width:50%;min-height:80px;text-align:right;direction:rtl;vertical-align:top;padding-left:30px;float:right}.maqam-manager__input-container{display:flex;flex-direction:column;flex:1 1}.maqam-manager__group{display:flex;gap:.5rem;width:100%}[dir=rtl] .maqam-manager__group{flex-direction:row-reverse}.maqam-manager__label{margin-bottom:.4rem;font-weight:700}[dir=rtl] .maqam-manager__label{text-align:right}.maqam-manager__input,.maqam-manager__textarea{padding:.4rem;resize:vertical}.maqam-manager__tabs{display:flex;gap:5px;margin-bottom:-10px;margin-left:25px}[dir=rtl] .maqam-manager__tabs{margin-left:0;margin-right:25px}.maqam-manager__tab{text-align:left;width:max-content;padding:10px;border-radius:0;border:none;background:#333;color:#eee;font-weight:400;cursor:pointer}[dir=rtl] .maqam-manager__tab{text-align:right}.maqam-manager__tab:hover{background:hsl(0,0%,10%)}.maqam-manager__tab_active{border:none;background:#000;font-weight:300}.maqam-manager__tab_active:hover{background:#000}.maqam-manager__tab-count{font-size:.95em;color:silver;margin-left:2px}[dir=rtl] .maqam-manager__tab-count{margin-left:0;margin-right:2px}.maqam-manager__export-container{display:inline-flex;float:right;align-items:center;gap:10px;margin-right:20px;margin-bottom:0;margin-left:auto}[dir=rtl] .maqam-manager__export-container{float:left;margin-right:auto;margin-left:20px}.maqam-manager__export-button{padding-top:5px;padding-bottom:0;width:50px;background-color:rgba(90,37,133,.5);cursor:pointer;border-radius:0;color:#eee;margin-left:0}[dir=rtl] .maqam-manager__export-button{margin-left:auto;margin-right:0}.maqam-manager__export-button:hover{background-color:#5a2585}.sayr-manager{width:100%;margin-top:20px}.sayr-manager__header{font-size:1.5rem;margin-bottom:1rem;font-weight:700;display:inline}.sayr-manager__notice{color:#a00;font-style:italic;margin-bottom:1rem}.sayr-manager__transposition-warning{background-color:#fff3cd;color:#856404;padding:.75rem 1rem;margin-bottom:1rem;border:1px solid #ffeaa7;border-radius:4px;font-size:.9rem;display:flex;align-items:center;gap:.5rem}[dir=rtl] .sayr-manager__transposition-warning{text-align:right}.sayr-manager__group{display:flex;gap:1rem;margin-bottom:1rem}[dir=rtl] .sayr-manager__group{flex-direction:row-reverse}.sayr-manager__input-container{flex:1 1;display:flex;flex-direction:column}.sayr-manager__label{margin-bottom:.5rem;font-weight:600}[dir=rtl] .sayr-manager__label{text-align:right}.sayr-manager__list{display:grid;width:100%;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.sayr-manager__item{display:flex;flex-direction:column;align-items:left;padding:10px;background-color:rgba(90,37,133,.4);border-radius:5px;font-size:14px;color:#eee;cursor:pointer;transition:.3s}[dir=rtl] .sayr-manager__item{align-items:right;text-align:right}.sayr-manager__item_active{background-color:rgba(90,37,133,.4)}.sayr-manager__item_active:hover{background-color:rgba(90,37,133,.9)}.sayr-manager__item_selected,.sayr-manager__item_selected:hover{background-color:#a4079c}.sayr-manager__input,.sayr-manager__select,.sayr-manager__textarea{padding:.4rem;resize:vertical}.sayr-manager__form{display:flex;flex-direction:column}.sayr-manager__stops-section{margin-top:1rem}.sayr-manager__stops-header{font-size:14px;font-weight:400;margin-bottom:10px}.sayr-manager__add-stop{padding:.5rem 1rem;background-color:#83105d;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-bottom:.5rem}.sayr-manager__add-stop:hover{opacity:.9}.sayr-manager__admin-stops{display:flex;gap:10px}[dir=rtl] .sayr-manager__admin-stops{flex-direction:row-reverse}.sayr-manager__stops{display:flex;gap:10px;align-items:center;flex-wrap:wrap}[dir=rtl] .sayr-manager__stops{text-align:right}.sayr-manager__admin-stop{display:flex;flex-direction:column;gap:.5rem;align-items:center;margin-bottom:.5rem}.sayr-manager__stop{background-color:#5a2585;color:#eee;padding:10px 15px;border-radius:0;font-size:14px;font-weight:300}.sayr-manager__transition-label{width:max-content;font-size:14px;font-weight:300;color:#eee}.sayr-manager__stop-type,.sayr-manager__stop-value{padding:.4rem;font-size:.9rem;border:1px solid #ccc;border-radius:4px;max-width:80px}.sayr-manager__delete-stop{padding:.4rem .8rem;background-color:#c62300;color:#fff;border:none;border-radius:4px;cursor:pointer}.sayr-manager__delete-stop:hover{opacity:.9}.sayr-manager__buttons{width:100%;margin:10px;display:flex;justify-content:center;gap:20px}.sayr-manager__delete-button,.sayr-manager__save-button{padding:.6rem 1.2rem;font-size:1rem;border:none;border-radius:4px;cursor:pointer;color:#fff;transition:.2s ease}.sayr-manager__delete-button:hover,.sayr-manager__save-button:hover{filter:brightness(.9)}.sayr-manager__save-button{background-color:#83105d}.sayr-manager__delete-button{background-color:#c62300}.sayr-manager__details{min-width:100%;width:-moz-fit-content;width:fit-content;padding:10px;background-color:rgba(0,0,0,.075);border-radius:10px;margin:20px 0}.sayr-manager__summary{font-size:24px;margin-bottom:10px;cursor:pointer}.sayr-manager__comments-section{width:50%;text-align:left;display:flex;flex-direction:column;justify-content:space-between;padding:0}[dir=rtl] .sayr-manager__comments-section{text-align:right}.sayr-manager__comments-english{font-size:14px;font-weight:200;margin-bottom:20px}.sayr-manager__comments-english_title{font-size:14px;font-weight:400}.maqam-transpositions{width:100%;margin-top:20px;scroll-margin-top:450px}.maqam-transpositions__title{width:100%;background-color:#83105d;color:#eee;font-size:20px;font-weight:300;text-align:left;padding:10px 20px;border:1px solid #555}[dir=rtl] .maqam-transpositions__title{text-align:right}.maqam-transpositions__export-icon.MuiSvgIcon-root,.maqam-transpositions__play-circle-icon.MuiSvgIcon-root{color:#fff;padding:0;margin:0 5px 0 0;font-size:24px;cursor:pointer;vertical-align:middle}.maqam-transpositions__button{background-color:rgba(90,37,133,.5);color:#fff;padding:0 10px;border-radius:3px;cursor:pointer;margin-right:10px;font-size:12px;width:200px;height:40px;vertical-align:middle;text-align:center}.maqam-transpositions__button:focus{outline:rgba(0,0,0,0);border:1px solid #fff}.maqam-transpositions__button:hover{background-color:#5a2585}.maqam-transpositions__table{width:100%;border-collapse:collapse;table-layout:fixed;margin-bottom:0;font-size:12px;font-weight:200}.maqam-transpositions__table th{vertical-align:top;margin-bottom:500px;text-align:left;padding:10px;border:1px solid #555;font-weight:200}[dir=rtl] .maqam-transpositions__table th{text-align:right}.maqam-transpositions__table tr{height:100%}.maqam-transpositions__table td{vertical-align:top;border:1px solid #555;height:100%;position:relative}.maqam-transpositions__transposition-title{font-size:16px;font-weight:300;padding-left:10px;padding-right:20px}.maqam-transpositions__transposition-number{width:34px!important;font-size:20px;padding:55px 0 0!important;margin:0;text-align:center!important;background-color:#000;vertical-align:middle!important}.maqam-transpositions__transposition-number_0{background-color:#5a2585}.maqam-transpositions__transposition-number_1{background-color:#83105d}.maqam-transpositions__transposition-number_2{background-color:#a4079c}.maqam-transpositions__header{text-align:left;background-color:#000;scroll-margin-top:110px}[dir=rtl] .maqam-transpositions__header{text-align:right}.maqam-transpositions__header-cell{text-align:left;background-color:rgba(0,0,0,0)}[dir=rtl] .maqam-transpositions__header-cell{text-align:right}.maqam-transpositions__header-cell_unique{background-color:rgba(90,37,133,.5)}.maqam-transpositions__header-cell_highlighted{background-color:rgba(164,7,156,.5)!important}.maqam-transpositions__header-cell_scale-degrees{background-color:#333}.maqam-transpositions__header-cell_scale-degrees-number{background-color:#333;font-weight:400}.maqam-transpositions__asc-desc-column{font-family:inherit;font-size:24px;font-weight:400!important;padding:0;margin:0;text-align:center;vertical-align:middle!important;color:#eee}.maqam-transpositions__row-header{background-color:#333;text-transform:capitalize}.maqam-transpositions__maqam-name-row{background-color:#000;color:#fff;padding:15px}.maqam-transpositions__input{width:50px;font-size:14px;border:1px solid #eee;border-radius:0;resize:vertical;padding:5px}.maqam-transpositions__jins-button{width:100%;padding:0;border-radius:0;background-color:rgba(0,0,0,0);color:#eee;font-family:inherit;font-weight:inherit;font-size:12px;text-align:left;display:flex;align-items:flex-start;justify-content:flex-start;cursor:pointer;margin-bottom:0}[dir=rtl] .maqam-transpositions__jins-button{text-align:right;justify-content:flex-end}.maqam-transpositions h3{font-size:18px;margin-bottom:10px;font-weight:300}.maqam-transpositions__comments-sources-container{display:flex;width:100%;margin-top:0}[dir=rtl] .maqam-transpositions__comments-sources-container{flex-direction:row-reverse}.maqam-transpositions__comments-english{font-size:14px;width:50%;min-height:80px;direction:ltr;text-align:left;vertical-align:top;padding-right:30px;float:left;margin-bottom:0;line-height:20px}[dir=rtl] .maqam-transpositions__comments-english{direction:rtl;text-align:right;padding-right:0;padding-left:30px;float:right}.maqam-transpositions__sources-english{font-size:14px;width:50%;min-height:80px;direction:ltr;text-align:left;vertical-align:top;padding-right:30px;float:left}[dir=rtl] .maqam-transpositions__sources-english{direction:rtl;text-align:right;padding-right:0;padding-left:30px;float:right}.maqam-transpositions__comments-arabic,.maqam-transpositions__sources-arabic{font-size:14px;width:50%;min-height:80px;text-align:right;direction:rtl;vertical-align:top;padding-left:30px;float:right}.maqam-transpositions .maqam-transpositions__spacer{height:20px;border:0}.navbar{width:100%;display:flex;flex-direction:column;z-index:0;padding-bottom:30px!important;background-color:#222;position:sticky;position:-webkit-sticky;scroll-margin-top:0}.navbar__center-panel{text-align:center}.navbar__title{font-size:30px;font-weight:300;color:#fff;cursor:pointer}.navbar__subtitle{font-size:14px;color:#fff;cursor:pointer}.navbar__top-bar{height:90px;padding:20px;font-size:20px}.navbar__bottom-bar,.navbar__top-bar{display:flex;width:100%;justify-content:space-between;align-items:center;color:#fff;border-bottom:1px solid #555;background-color:#222}.navbar__bottom-bar{height:80px;box-shadow:0 20px 15px rgba(0,0,0,.6)}.navbar__bottom-bar--rtl{flex-direction:row-reverse}.navbar__bottom-bar-item{display:flex;flex-direction:column;flex:1 1;vertical-align:top;height:100%;background-color:rgba(0,0,0,0);color:#fff;cursor:pointer;transition:.1s ease;padding:10px 20px;word-break:keep-all;overflow-wrap:anywhere}.navbar__bottom-bar-item:not(:last-child){border-right:1px solid #555}.navbar__bottom-bar-item:hover{background-color:rgba(131,16,93,.5)}.navbar__bottom-bar-item:disabled{color:hsla(0,0%,100%,.521);cursor:not-allowed}.navbar__bottom-bar-item:disabled:hover{background-color:rgba(0,0,0,0)}.navbar__bottom-bar-item_selected,.navbar__bottom-bar-item_selected:hover{background-color:#5a2585!important}.navbar__bottom-bar-item_active{background-color:rgba(90,37,133,.3)}.navbar__bottom-bar-item_active:hover{background-color:rgba(90,37,133,.5)}.navbar__bottom-bar-item_tab-title{font-size:14px;font-weight:500;margin-bottom:5px}.navbar__bottom-bar-item_tab-subtitle{font-size:13px;font-weight:200}.navbar__left-panel{width:10%;display:flex;flex-direction:row;align-items:center;cursor:pointer;z-index:10}.navbar__left-panel svg{font-size:40px;margin-bottom:4px;margin-right:10px}.navbar__left-panel-admin{position:fixed;top:20px;left:50px;font-size:14px;display:flex;align-items:left;justify-content:left;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#5a2585;padding:5px;border-radius:5px}.navbar__right-panel{width:10%;justify-content:flex-end;gap:15px;cursor:pointer;z-index:1000}.navbar__right-panel,.navbar__right-panel-icon,.navbar__right-panel-language{display:flex;align-items:center}.navbar__backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:900}.navbar__side-bar{position:fixed;top:10px;left:0;width:190px;height:auto;background-color:rgba(90,37,133,.9);box-shadow:2px 0 6px rgba(0,0,0,.2);z-index:1001;border-radius:0 0 10px 0;transform:translateX(-100%);transition:transform .3s ease;flex-direction:column}.navbar__side-bar_open{transform:translateX(0)}.navbar__side-bar-content{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:10px 0}.navbar__side-bar-ruler{width:90%;border:1px dashed #fff;border-radius:10px;margin:5px auto}.navbar__side-bar-link{display:flex;align-items:center;width:90%;height:-moz-fit-content;height:fit-content;padding:7px 10px;margin:0 auto;border-radius:10px;color:#fff;font-size:20px;letter-spacing:1.5;cursor:pointer;transition:.3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;gap:10px}.navbar__side-bar-link svg{margin-bottom:4px}.navbar__side-bar-link_active{color:#e73878;background-color:#fff}.navbar__side-bar-bottom-link{display:flex;align-items:center;width:90%;padding:5px;margin:0 auto;color:#fff;font-size:16px;cursor:pointer;transition:.3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none}.language-selector{position:fixed;top:22px;right:50px;display:flex;align-items:center}.language-selector__select{background-color:rgba(0,0,0,0);color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease}.language-selector__select:hover{border-color:hsla(0,0%,100%,.6);background-color:hsla(0,0%,100%,.1)}.language-selector__select:focus{outline:none}.language-selector__select option,.language-selector__select:focus{background-color:rgba(0,0,0,0);color:#fff}[dir=rtl] .language-selector{direction:rtl}.sources-manager{display:flex;flex-direction:column;align-items:center;width:100%;color:#eee;padding:20px 10px;font-weight:700}.sources-manager::-webkit-scrollbar{width:12px}.sources-manager::-webkit-scrollbar-thumb{background-color:#5a2585;cursor:pointer}.sources-manager::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:0 25px 0 0;cursor:pointer}.sources-manager__title{font-size:50px;margin-bottom:20px}.sources-manager__header{font-size:26px;font-weight:700}.sources-manager__form{display:flex;flex-direction:column;gap:1rem;width:100%}.sources-manager__input-container{display:flex;flex-direction:column;flex:1 1}.sources-manager__group{display:flex;gap:.5rem;width:100%;height:-moz-fit-content;height:fit-content}.sources-manager__group_vertical{flex-direction:column}.sources-manager__contributor{display:flex;gap:.5rem;width:100%}.sources-manager__contributor input,.sources-manager__contributor select{flex:1 0;height:-moz-fit-content;height:fit-content;padding:15px 10px}.sources-manager__label{margin-bottom:.4rem;font-weight:700}.sources-manager__input,.sources-manager__select,.sources-manager__textarea{padding:.4rem;resize:vertical}.sources-manager__select{margin-bottom:1.5rem;padding:.4rem}.sources-manager__buttons{display:flex;justify-content:center;align-items:center;margin-top:1rem}.sources-manager__add-button,.sources-manager__delete-button,.sources-manager__remove-button,.sources-manager__save-button{height:-moz-fit-content;height:fit-content;margin-right:20px;padding:15px 20px;font-size:.9rem;border-radius:5px;cursor:pointer;transition:.3s;color:#fff}.sources-manager__add-button:hover,.sources-manager__delete-button:hover,.sources-manager__remove-button:hover,.sources-manager__save-button:hover{border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.3)}.sources-manager__save-button{background-color:#83105d}.sources-manager__delete-button,.sources-manager__remove-button{background-color:#c62300}.sources-manager__add-button{background-color:#5a2585;margin-left:10px;font-size:.8rem;padding:10px 15px}.sources-list{display:flex;flex-direction:column;width:100%;color:#eee;padding:20px 10px;font-weight:200}.sources-list::-webkit-scrollbar{width:12px}.sources-list::-webkit-scrollbar-thumb{background-color:#5a2585;cursor:pointer}.sources-list::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:0 25px 0 0;cursor:pointer}.sources-list__row{display:grid;grid-template-columns:1fr 1fr;align-items:start;padding:.75rem 0;border-bottom:0;grid-gap:200px;gap:200px}.sources-list__row:nth-child(2n){background-color:rgba(34,34,34,.05)}.sources-list__row_highlighted{background-color:rgba(131,16,93,.3)!important;border-left:4px solid #83105d;border-right:4px solid #83105d}.sources-list__cell{padding:0 .5rem;word-wrap:break-word;word-break:break-word}.sources-list__cell--english{text-align:left;font-size:.95rem;line-height:1.4}.sources-list__cell--arabic{text-align:right;direction:rtl;font-size:.95rem;line-height:1.4}.sources-list__citation-title{font-style:italic}.patterns-manager{display:flex;flex-direction:column;align-items:center;width:100%;color:#eee;padding:20px 10px;font-weight:700}.patterns-manager::-webkit-scrollbar{width:12px}.patterns-manager::-webkit-scrollbar-thumb{background-color:#5a2585;cursor:pointer}.patterns-manager::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:0 25px 0 0;cursor:pointer}.patterns-manager__header{font-size:1.5rem;margin-bottom:1rem;font-weight:700}.patterns-manager__group{display:flex;flex-direction:row;float:left;gap:20px;margin-bottom:20px;width:50%;align-items:center;justify-content:center}.patterns-manager__input-container{display:flex;flex-direction:column;align-items:center}.patterns-manager__label{margin-bottom:.5rem;font-weight:300}.patterns-manager__input,.patterns-manager__select{padding:.4rem;font-size:.9rem;border-radius:0;min-width:0;width:-moz-fit-content;width:fit-content;display:inline-block}.patterns-manager__form{display:flex;flex-direction:column;align-items:center;width:100%}.patterns-manager__notes-section{margin-top:1rem;width:100%;padding:0 100px}.patterns-manager__notes-header{display:flex;align-items:center;font-size:1.2rem;margin-bottom:.5rem;gap:10px}.patterns-manager__add-note{padding:.4rem .8rem;background-color:#83105d;color:#eee;border:none;cursor:pointer;font-size:.9rem}.patterns-manager__add-note:hover{opacity:.9}.patterns-manager__notes{display:flex;gap:.75rem}.patterns-manager__note{display:flex;flex-direction:column;align-items:left;gap:10px;flex-wrap:wrap}.patterns-manager__note-duration,.patterns-manager__note-scaleDegree,.patterns-manager__note-target,.patterns-manager__note-velocity{padding:.4rem;font-size:.9rem;border:0 solid #ccc;border-radius:0}.patterns-manager__delete-note{padding:.4rem .8rem;background-color:#c62300;color:#fff;border:none;cursor:pointer;font-size:.9rem}.patterns-manager__delete-note:hover{opacity:.9}.patterns-manager__buttons{display:flex;justify-content:center;gap:20px;margin-top:1.5rem}.patterns-manager__delete-button,.patterns-manager__play-button,.patterns-manager__save-button{padding:10px 20px;color:#eee;background-color:#5a2585;transition:filter .2s ease}.patterns-manager__delete-button:hover,.patterns-manager__play-button:hover,.patterns-manager__save-button:hover{filter:brightness(.9)}.patterns-manager__save-button{background-color:#83105d}.patterns-manager__delete-button{background-color:#c62300}.pitch-class-bar{flex:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;overflow-x:scroll;overflow-y:hidden;display:flex;z-index:5;margin-bottom:20px;background-color:#222;box-shadow:0 20px 15px rgba(0,0,0,.6);padding-top:0;position:-webkit-sticky;position:sticky;top:0}.pitch-class-bar::-webkit-scrollbar{height:0}.pitch-class-bar::-webkit-scrollbar-thumb{background-color:#555;cursor:pointer}.pitch-class-bar::-webkit-scrollbar-track{background:rgba(0,0,0,.5);cursor:pointer}.pitch-class-bar__cell{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;flex:none;border-top:3px solid #555;border-left:1px solid #555!important;border-right:1px solid #555;border-bottom:3px solid #555;border-left:0;width:80px;height:90px;padding:5px 6px 0}.pitch-class-bar__cell_selected{background-color:rgba(90,37,133,.8)!important}.pitch-class-bar__cell_active{background-color:#a4079c!important}.pitch-class-bar__cell_tonic{border-top:3px solid rgba(164,7,156,.8)!important;border-bottom:3px solid rgba(164,7,156,.8)!important}.pitch-class-bar__cell_tonic_current{background-color:rgba(164,7,156,.8)!important;border:3px solid rgba(164,7,156,.8)!important}.pitch-class-bar__cell_tonic_selected{border-top:3px solid rgba(164,7,156,.8);border-bottom:3px solid rgba(164,7,156,.8);background-color:rgba(90,37,133,.8)!important}.pitch-class-bar__cell_tonic:hover,.pitch-class-bar__cell_tonic_current_active{background-color:#a4079c!important}.pitch-class-bar__cell_descending{background-color:rgba(90,37,133,.4)}.pitch-class-bar__cell_midi_black{background-color:#000!important;color:#fff}.pitch-class-bar__cell_midi_white{background-color:#f8f8f8!important;color:#000;border:1px solid #ddd}.pitch-class-bar__cell_midi_active{background-color:#a4079c!important;color:#fff!important}.pitch-class-bar__cell_midi_descending{background-color:rgba(90,37,133,.4)!important}.pitch-class-bar__cell_midi_tonic_black{background-color:#000!important;color:#eee}.pitch-class-bar__cell_midi_tonic_black,.pitch-class-bar__cell_midi_tonic_white{border-top:3px solid rgba(164,7,156,.8)!important;border-bottom:3px solid rgba(164,7,156,.8)!important}.pitch-class-bar__cell_midi_tonic_white{background-color:#f8f8f8!important;color:#000}.pitch-class-bar__cell_midi_tonic_current{border:3px solid #a4079c!important;background-color:#fff!important;color:#000!important}.pitch-class-bar__cell_midi_tonic_current_active{background-color:#a4079c!important;color:#fff!important}.pitch-class-bar__cell-label{width:100%;word-break:break-word;margin:0;padding-bottom:0;font-size:12px;font-weight:300;line-height:16px;align-self:flex-start}.pitch-class-bar__cell-english{width:100%;line-height:12px;padding:0;font-size:12px;font-weight:200}.pitch-class-bar__cell-mapping{font-size:10px;font-weight:300;border:1px solid rgba(238,238,238,.6);color:rgba(238,238,238,.8);width:28px;height:18px;padding:1px 0 0;margin-right:2px;text-align:center}.pitch-class-bar__cell-qwerty-englishname{width:100%;height:28px;padding-bottom:0;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;gap:4px;margin-top:auto}.navigation-menu-open-button{position:fixed;top:20px;left:20px;background-color:rgba(0,0,0,0);color:#eee!important;border:none;border-radius:10px;cursor:pointer;z-index:300;pointer-events:auto}.navigation-menu-card{font-size:18px;position:fixed;top:0;left:0;width:288px;height:100vh;max-height:100vh;overflow-y:auto;transform:translateX(-130%);transition:transform .3s ease-in-out;z-index:10}.navigation-menu-card--open{transform:translateX(0)}.navigation-menu-card__content{display:flex;flex-direction:column;padding-bottom:50px;padding-top:89px;color:#000;height:100%;width:100%;overflow-y:auto;background:#000;color:#eee;font-size:14px}.navigation-menu-card__link{text-decoration:none;color:#eee!important;font-weight:300;display:flex;flex-direction:column;justify-content:center;width:100%;min-height:70px;padding:10px 20px;border-top:1px solid #555;transition:all .1s ease-in-out}.navigation-menu-card__link:visited{color:#eee!important}.navigation-menu-card__link:hover{background-color:#a4079c;color:#eee!important}.modulations__container{width:100%;margin-top:20px}.modulations__header{font-weight:400;margin-bottom:10px;margin-left:10px;min-height:40px}[dir=rtl] .modulations__header{margin-left:0;margin-right:10px}.modulations__header-text{font-weight:300}.modulations__wrapper-modulations-header{text-align:center;align-items:center;margin-bottom:10px}.modulations__source-maqam-name{color:#eee!important;font-size:24px;font-weight:400;text-decoration:none!important;padding:0;margin-bottom:10px;display:inline-flex}.modulations__source-maqam-name:hover{text-decoration:underline!important;outline:none}.modulations__ajnas-count,.modulations__maqamat-count{color:#eee!important;font-size:14px;font-weight:400;text-decoration:none!important;background-color:rgba(90,37,133,.5);padding:10px;cursor:pointer}.modulations__ajnas-count:hover,.modulations__maqamat-count:hover{background-color:#5a2585;outline:none}.modulations__ajnas-count_active,.modulations__maqamat-count_active{background-color:rgba(164,7,156,.5);outline:none}.modulations__delete-hop-btn{color:#eee!important;font-size:14px;font-weight:400;text-decoration:none!important;background-color:rgba(90,37,133,.5);padding:10px!important;cursor:pointer}.modulations__delete-hop-btn:hover{background-color:#5a2585;outline:none}.modulations__delete-hop-btn_active{background-color:rgba(164,7,156,.5);outline:none}.modulations__hops-wrapper{width:100%;margin-bottom:0;scroll-margin-top:100px}.modulations__modulations-list{display:inline-flex;flex-direction:column;gap:10px;width:calc(12.5% - 10px);padding:10px 0}.modulations__modulations-list:not(:last-child){margin-right:10px}[dir=rtl] .modulations__modulations-list:not(:last-child){margin-right:0;margin-left:10px}.modulations__modulation-item{text-align:left;padding:10px;font-size:14px;font-weight:400;background-color:rgba(90,37,133,.3)}.modulations__modulation-item:hover{background-color:#5a2585}[dir=rtl] .modulations__modulation-item{text-align:right}.modulations__list{width:100%;background-color:#000;display:grid;grid-template-columns:repeat(16,minmax(250px,1fr));grid-template-rows:repeat(3,auto);grid-gap:10px;gap:10px;height:225px;overflow-x:scroll;overflow-y:hidden;position:relative;padding:10px 25px}.modulations__list::-webkit-scrollbar{height:6px;position:relative}.modulations__list::-webkit-scrollbar-thumb{background-color:#5a2585;cursor:pointer;position:relative}.modulations__list::-webkit-scrollbar-track{background:#333;cursor:pointer;position:relative}.modulations__item{display:flex;flex-direction:column;align-items:left;padding:10px;background-color:rgba(90,37,133,.5);font-size:14px;color:#eee;cursor:pointer;transition:.3s}.modulations__item:hover{background-color:#a4079c}.modulations__item_active:hover{background-color:rgba(90,37,133,.9)}.modulations__item_selected,.modulations__item_selected:hover{background-color:#a4079c}.modulations__item-name{display:flex;flex-direction:column;align-items:left;justify-content:left;font-weight:400}.modulations__item-name-transpositions{color:#fff;font-size:14px;margin-top:3px;font-weight:200}.modulations__carousel{display:flex;align-items:center;position:relative;width:100%}.modulations__carousel .carousel-button{background:none;border:none;font-size:30px;cursor:pointer;color:#eee;padding:0}.modulations__carousel .carousel-button:hover{color:#a4079c;transition:background-color .2s ease-in-out}.modulations__carousel .carousel-button-next,.modulations__carousel .carousel-button-prev{position:absolute;top:50%;transform:translateY(-50%);z-index:1;height:calc(100% - 20px);width:25px;background-color:#000}.modulations__carousel .carousel-button-next:hover,.modulations__carousel .carousel-button-prev:hover{color:#a4079c;transition:color .1s ease-in-out}.modulations__carousel .carousel-button-prev{left:0}.modulations__carousel .carousel-button-next{right:0}.modulations__collapse-arrow{display:inline-flex;background:none;border:none;cursor:pointer;font-size:16px;margin-left:10px;color:#888;outline:none;padding:0;transition:color .2s}.modulations__collapse-arrow:hover{color:#5a2585}.modulations__collapse-arrow-icon{transition:transform .2s}[dir=rtl] .modulations__collapse-arrow{margin-left:0;margin-right:10px}.analytics-page{width:100%;padding:12px;background:#222;overflow:auto}.analytics-page button{font-size:1rem;padding:10px 20px;border-radius:0;border:none;background:#5a2585;color:#eee;cursor:pointer;transition:background .2s}.analytics-page button:hover:enabled{background:rgb(117,48.1,172.9)}.analytics-page button:disabled{opacity:.5;cursor:not-allowed}.analytics-page table{width:100%;border-collapse:collapse;background:#222;border-bottom:1px solid #555;margin-bottom:40px;max-height:75vh;overflow-y:scroll;table-layout:auto;display:block}.analytics-page td,.analytics-page th{padding:10px 20px;text-align:left;font-size:14px}.analytics-page td{white-space:nowrap}.analytics-page th{background:#5a2585;color:#eee;font-weight:400;position:-webkit-sticky;position:sticky;top:0;z-index:2;white-space:wrap;vertical-align:top;box-shadow:0 2px 0 0 #555}.analytics-page tr{transition:background .15s}.analytics-page tr:hover td{background:rgba(90,37,133,.5)!important;color:#eee}.analytics-page tr.selected-row td{background:#83105d!important;color:#eee;font-weight:300}.analytics-page tr:nth-child(2n) td{background:#333}.analytics-page tr:nth-child(odd) td{background:#222}.analytics-page td{border-bottom:1px solid #555}.analytics-page tr:last-child td{border-bottom:none}.export-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.export-modal{background:#222;border:2px solid #555;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.5);max-width:800px;width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;color:#eee;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.export-modal__header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #555;background:#5a2585;color:#eee}.export-modal__title{margin:0;font-size:20px;font-weight:700;color:#eee}.export-modal__close{background:#333;border:2px solid #555;color:#eee;font-size:20px;width:35px;height:35px;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.export-modal__close:hover{background:#555;box-shadow:0 0 5px rgba(0,0,0,.3)}.export-modal__content{padding:20px;overflow-y:auto;flex:1 1;background:#222}.export-modal__section{margin-bottom:20px}.export-modal__section:last-child{margin-bottom:0}.export-modal__label{display:block;font-size:16px;font-weight:700;color:#eee;margin-bottom:10px}.export-modal__format-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:10px;gap:10px}.export-modal__format-card{border:2px solid #555;border-radius:5px;padding:15px;cursor:pointer;transition:all .2s ease;background:#333;color:#eee}.export-modal__format-card:hover{border-color:rgb(117,48.1,172.9);box-shadow:0 0 5px rgba(0,0,0,.3)}.export-modal__format-card--selected{border-color:#5a2585;background:#5a2585;color:#eee;box-shadow:0 0 10px rgba(90,37,133,.3)}.export-modal__format-name{font-size:16px;font-weight:700;margin-bottom:5px}.export-modal__format-description{font-size:14px;opacity:.8;line-height:1.4}.export-modal__checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:10px;gap:10px}.export-modal__checkbox{display:flex;align-items:center;cursor:pointer;font-size:16px;color:#eee;padding:10px;border-radius:5px;transition:background-color .2s ease}.export-modal__checkbox:hover{background-color:#333}.export-modal__checkbox input[type=checkbox]{margin-right:10px;width:16px;height:16px;accent-color:#5a2585;cursor:pointer}.export-modal__select{width:100%;padding:10px;border:2px solid #555;border-radius:5px;font-size:16px;background:#333;color:#eee;cursor:pointer;transition:all .2s ease}.export-modal__select:focus{outline:none;border-color:#5a2585;box-shadow:0 0 5px rgba(90,37,133,.3)}.export-modal__input,.export-modal__select option{background:#333;color:#eee}.export-modal__input{width:100%;padding:10px;border:2px solid #555;border-radius:5px;font-size:16px;transition:all .2s ease}.export-modal__input:focus{outline:none;border-color:#5a2585;box-shadow:0 0 5px rgba(90,37,133,.3)}.export-modal__input::placeholder{color:#ddd;opacity:.7}.export-modal__footer{padding:20px;border-top:2px solid #555;display:flex;justify-content:flex-end;gap:10px;background:#333}.export-modal__button{padding:10px 20px;border-radius:5px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;border:2px solid;min-width:120px}.export-modal__button--secondary{background:#333;color:#eee;border-color:#555}.export-modal__button--secondary:hover{background:#555;box-shadow:0 0 5px rgba(0,0,0,.3)}.export-modal__button--primary{background:#5a2585;color:#eee;border-color:#5a2585;box-shadow:0 0 5px rgba(90,37,133,.3)}.export-modal__button--primary:hover:not(:disabled){background:rgb(117,48.1,172.9);border-color:rgb(117,48.1,172.9);box-shadow:0 0 10px rgba(90,37,133,.4)}.export-modal__button--primary:disabled{opacity:.6;cursor:not-allowed;background:#3b3b3b;border-color:#3b3b3b;box-shadow:none}@media(max-width:768px){.export-modal{width:95vw;margin:20px}.export-modal__content,.export-modal__footer,.export-modal__header{padding:15px}.export-modal__checkbox-group,.export-modal__format-grid{grid-template-columns:1fr}.export-modal__footer{flex-direction:column}.export-modal__button{width:100%}}.staff-notation{width:100%;overflow:visible}.staff-notation,.staff-notation__container{display:flex;align-items:center;justify-content:center}.staff-notation__container{overflow:visible!important}.staff-notation__svg{display:block;margin:0 auto;max-width:100%;height:auto;overflow:visible}.staff-notation-cell{text-align:center;background:#eee;border:0;vertical-align:middle;overflow:visible}@media(max-width:768px){.staff-notation .staff-notation-cell{padding:8px 4px}}@media print{.staff-notation .clef-select{display:none}.staff-notation .staff-notation__svg{max-width:100%;height:auto}}.about-page{display:flex;flex-direction:column;max-width:65%;margin:30px auto;padding:0;min-height:-moz-fit-content;min-height:fit-content}.about-page h1{font-size:32px;margin-bottom:2rem;color:#eee;font-weight:400;text-align:center}.about-page h2{font-size:24px;margin-bottom:1.5rem;margin-top:2rem;color:#eee;font-weight:400}.about-page h3{font-size:18px;margin-bottom:1rem;color:#eee;font-weight:400}.about-page p{font-size:16px;line-height:1.7;color:#eee;text-align:justify;margin-bottom:20px}.about-page section,.about-page ul{margin-bottom:2rem}.about-page ul{padding:0;list-style:none;counter-reset:feature;max-width:80%;text-align:justify;margin-left:auto;margin-right:auto}.about-page ul li{position:relative;line-height:1.5;font-size:16px;color:#eee;padding:18px 24px 15px 52px;transition:background .2s;display:flex;align-items:center}.about-page ul li:before{counter-increment:feature;content:counter(feature);position:absolute;left:0;top:50%;transform:translateY(-50%);font-weight:400;color:#eee;background-color:#5a2585;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:14px;border:0 solid #eee;z-index:1}.about-page ul li:last-child{margin-bottom:0}.about-page .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin:2rem 0}.about-page .feature-card{background-color:rgba(51,51,51,.7);border:1px solid rgba(90,37,133,.3);border-radius:8px;padding:1.5rem;transition:all .3s ease}.about-page .feature-card:hover{border-color:#5a2585;background-color:rgba(51,51,51,.9);transform:translateY(-2px)}.about-page .feature-card h3{color:#d4af37;margin-bottom:1rem;font-size:18px}.about-page .feature-card p{margin-bottom:0;text-align:left;font-size:14px;line-height:1.6}.about-page .highlight{background-color:rgba(131,16,93,.8);color:#eee;font-weight:300;padding:1px 3px;margin:0;border-radius:2px}.about-page strong{font-weight:400;color:#d4af37}.mobile-warning{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;min-height:100vh;min-width:100vw;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;box-sizing:border-box;margin:0;overflow:hidden}.mobile-warning__content{max-width:500px;width:100%;text-align:center;background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px 30px;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 20px 40px rgba(0,0,0,.3);margin:0 auto}.mobile-warning__icon{font-size:4rem;margin-bottom:20px;display:block}.mobile-warning__title{color:#fff;font-size:2rem;font-weight:300;margin-bottom:20px}.mobile-warning__message{color:hsla(0,0%,100%,.9);font-size:1.1rem;line-height:1.6;margin-bottom:15px;font-weight:200}.mobile-warning__submessage{color:hsla(0,0%,100%,.7);font-size:.95rem;line-height:1.5;margin-bottom:30px;font-weight:200}.mobile-warning__features{display:flex;flex-direction:column;gap:12px;align-items:center}.mobile-warning__feature{color:hsla(0,0%,100%,.8);font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 0;font-weight:200;text-align:center}@media(min-width:1024px){.mobile-warning{display:none}}@media(max-width:480px){.mobile-warning{padding:15px}.mobile-warning__content{padding:30px 20px;border-radius:15px}.mobile-warning__title{font-size:1.5rem}.mobile-warning__message{font-size:1rem}.mobile-warning__submessage{font-size:.9rem}.mobile-warning__feature{font-size:.85rem}.mobile-warning__icon{font-size:3rem}}@media(max-width:1023px){body,html{overflow:hidden;margin:0;padding:0;width:100%;height:100%}body{position:relative}.center-container,.navbar{display:none!important}}.frequency-knob-wrapper{display:flex;flex-direction:column;align-items:center;gap:0;margin:0;padding:0;min-width:80px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-weight:400!important}.frequency-knob-wrapper *{font-family:inherit!important;font-weight:inherit!important}.frequency-knob-dial{width:30px;height:30px;border-radius:50%;background:linear-gradient(145deg,#f0f0f0,#cacaca);border:2px solid #ccc;position:relative;cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;box-sizing:border-box;margin-bottom:5px;padding:0}.frequency-knob-dial:hover{background:linear-gradient(145deg,#e8e8e8,#ffffff);border-color:#bbb}.frequency-knob-dial.dragging,.frequency-knob-dial:active{cursor:-webkit-grabbing;cursor:grabbing;background:linear-gradient(145deg,#ddd,#f5f5f5)}.frequency-knob-dial-indicator{position:absolute;top:5%;left:50%;width:2px;height:45%;background:#666;border-radius:2px;transform-origin:bottom center;pointer-events:none;margin:0!important;padding:0!important;border:none!important}.frequency-input-field{font-size:12px!important;font-weight:400!important;text-align:center!important;background:#000!important;border-radius:0!important;width:60px!important;height:20px!important;outline:none!important;border:none!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;-moz-appearance:textfield!important;-webkit-appearance:none!important;appearance:textfield!important}.frequency-input-field,.frequency-input-field:focus{color:#fff!important;background-color:#000!important}.frequency-input-field:focus{box-shadow:none!important}.frequency-input-container{display:flex;align-items:center;justify-content:center;gap:2px;width:60px;height:20px}.frequency-input-container .frequency-input-field{width:42px!important}.frequency-unit-label{font-size:12px;color:#fff;font-weight:400;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.frequency-display-field{font-size:12px;color:#fff;font-weight:400;cursor:pointer;padding:0;border-radius:0;width:60px;height:20px;border:none;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);margin:0!important}.frequency-input-no-spinner::-webkit-inner-spin-button,.frequency-input-no-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.frequency-input-no-spinner[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.frequency-knob-wrapper.dragging .frequency-knob-dial-indicator{transition:none}.tuning-system-manager__starting-note .frequency-knob-wrapper{margin-left:0;align-self:flex-start}.tuning-system-manager__starting-note-controls{display:flex;align-items:baseline;gap:0;flex-wrap:wrap}@media(max-width:768px){.frequency-knob-wrapper{min-width:70px}.frequency-knob-dial{width:30px!important;height:30px!important}.frequency-display-field,.frequency-input-field{font-size:13px;padding:0!important}.tuning-system-manager__starting-note-controls{flex-direction:column;align-items:flex-start;gap:0}}:root{display:flex;justify-content:center;background:linear-gradient(0deg,#222222,#222222);overscroll-behavior:none}html{overflow-y:auto}:focus{outline:0 solid gold}a{color:rgba(238,238,238,.75);text-decoration:underline;transition:color .1s ease-in-out}body{font-family:var(--font-readex-pro),sans-serif;font-weight:200;display:flex;flex-direction:column;align-items:center;min-width:1024px;width:100vw;height:100svh;overscroll-behavior:none;background-color:#333;-webkit-font-smoothing:antialiased;color:#eee}body :not(.staff-notation):not(.staff-notation *):not(.frequency-knob-container):not(.frequency-knob-container *):not(.frequency-knob-headless):not(.frequency-knob-headless *){font-family:inherit}*,:after,:before{margin:0;padding:0;box-sizing:border-box}button{border:none}input,select,textarea{background-color:#000;color:#f0f0f0;border:0;border-radius:5px}input:focus,select:focus,textarea:focus{outline:none;box-shadow:none;background-color:#fff;color:#000}.center-container{background:#222;display:flex;flex-direction:column;align-items:center;overscroll-behavior:none;position:relative;width:100%}.center-container>*{width:100%}.center-container input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;border:1px solid rgba(238,238,238,.5);border-radius:0;background-color:rgba(0,0,0,0);cursor:pointer}.center-container input[type=checkbox]:checked{background-color:#d1a400;border-color:#d1a400;position:relative}.center-container input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-size:10px}.center-container input[type=checkbox]:focus{outline:none}.center-container [dir=rtl] .navbar__bottom-bar{direction:rtl;flex-direction:row-reverse}.center-container [dir=rtl] .navbar__bottom-bar-item:not(:last-child){border-right:none;border-left:1px solid}.center-container [dir=rtl] .navbar__bottom-bar-item:not(:first-child){border-right:1px solid}.center-container [dir=rtl] .navigation-menu-card__content{direction:rtl;text-align:right}.center-container [dir=rtl] .navbar__left-panel,.center-container [dir=rtl] .navbar__right-panel{flex-direction:row-reverse}