@import url(https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700&display=swap);.burger-menu{display:none}.burger-menu nav a{display:block;margin-bottom:1rem}.close-button{right:1rem;top:1rem}.burger-button{display:none}@media (orientation:portrait){.burger-menu{align-items:center;background-color:#fff;border-bottom-left-radius:1rem;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:flex-end;padding-top:1rem;position:fixed;right:0;top:2.8rem;width:10rem;z-index:2000}.burger-menu.hidden{display:none}.burger-button{background-color:#fff;color:var(--primary-color);display:flex;font-size:1.5rem;position:fixed;right:1rem;top:.5rem;z-index:1001}.menu{display:none}}.burger-item{position:relative}.burger-dropdown{background-color:#fff;border:1px solid #ccc;display:none;left:-8rem;position:absolute;top:0;z-index:600}.burger-item:hover .burger-dropdown{display:block}.logout-button{color:var(--primary-color);cursor:pointer;font-size:1rem;font-weight:700;margin-top:1rem;text-decoration:none}.logout-button:hover{filter:opacity(80%)}.logo-container{cursor:pointer;display:flex;height:3rem;text-decoration:none;width:8rem}.logo{align-items:flex-end;flex-direction:column;flex-grow:1;flex-shrink:0;text-decoration:none}.logo,.logo-text{color:var(--black-color);display:flex;justify-content:flex-start}.logo-text{font-size:1rem;font-weight:700;width:100%}.logo-img{display:flex;flex-grow:0;flex-shrink:0;height:1.5rem;justify-self:flex-end}.menu{background-color:#fff;min-height:var(--menu-height);position:fixed;top:0;z-index:800}.menu,.menu-container{display:flex;width:100%}.menu-container{align-items:center;flex-direction:row;flex-shrink:0;gap:2rem;height:100%;justify-content:space-evenly}.logout{justify-content:flex-start}.logout,.menu-logo{align-items:center;display:flex;flex-grow:1;flex-shrink:0}.menu-logo{height:3rem;justify-content:center}.menu-elements-container{align-items:center;display:flex;flex-direction:row;flex-grow:8;flex-shrink:1;gap:2rem;justify-content:center}.menuElement{align-items:start;color:var(--primary-color);cursor:pointer;display:flex;font-size:1rem;font-weight:700;justify-content:flex-start;min-width:-webkit-max-content;min-width:max-content;white-space:nowrap}.menu a:hover,.menuElement{text-decoration:none}.menuElement{position:relative}.dropdown{background-color:#fff;display:none;flex-direction:column;left:0;padding:.5rem .5rem .5rem 0;position:absolute;top:100%;z-index:600}.dropdown a,.menuElement:hover .dropdown{display:block}.dropdown a{padding:.5rem}@media (orientation:portrait){.menu{display:none!important}}.admin-menu{background-color:var(--primary-color);color:var(--primary-text-color);position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.admin-menu-toggle,.admin-menu-toggle-closed{color:var(--primary-text-color);height:var(--menu-height);width:var(--menu-height)}.admin-menu-toggle{left:.5rem;position:absolute;top:.25rem}.admin-menu-toggle-closed{background-color:var(--primary-color);left:.5rem;position:fixed;top:.25rem;z-index:1300}.admin-menu .MuiListItem-root a{color:var(--primary-text-color);font-weight:700;text-decoration:none}.user-container{align-items:center;display:flex;flex-direction:row;font-size:1em;gap:.2em;justify-content:flex-start;width:100%}.user-name{cursor:default;flex-grow:1;flex-shrink:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.user-statuses-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;position:relative;width:12em}.status-circle-container{-webkit-tap-highlight-color:rgba(0,0,0,0);height:6em;width:6em}.status-circle,.status-circle-container{align-items:center;display:flex;justify-content:center;position:relative}.status-circle{border-radius:50%;cursor:pointer;font-size:.65em;font-weight:700;height:1em;text-align:center;width:1em;z-index:1}.user-statuses-lines{position:absolute;z-index:0}.status-circle.obecność{background-color:var(--primary-color);color:var(--primary-text-color);order:1}.status-circle.spóźnienie{background-color:var(--warning-color);color:var(--secondary-text-color);order:2}.status-circle.noinfo{background-color:var(--gray-color);color:var(--primary-text-color);order:3}.status-circle.nieobecność{background-color:var(--danger-color);color:var(--primary-text-color);order:4}.user-statuses-user-list{background-color:#fff;border:1px solid var(--border-color);border-radius:8px;left:0;padding:.5em;position:absolute;top:50%;z-index:10}.user-statuses-user-list .user-name{text-align:left}.user-statuses-status-name{cursor:default;flex-basis:10em;flex-grow:1;flex-shrink:0;font-weight:700;overflow:hidden;padding-bottom:.5em;text-overflow:ellipsis;white-space:nowrap}.status-summary{box-sizing:border-box;display:flex;flex-basis:50%;flex-direction:column;padding:.5em}.status-summary-name{font-weight:700}.status-summary.obecność{order:1}.status-summary.spóźnienie{order:2}.status-summary.noinfo{order:3}.status-summary.nieobecność{order:4}.user-statuses-summary{display:none}.for-export .user-statuses-summary{display:flex;flex-wrap:wrap;margin-top:1em;position:relative;width:100%}.loading-container{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-spinner{animation:spin 2s linear infinite;border:.5rem solid #f3f3f3;border-radius:50%;border-top:.5rem solid var(--primary-color);height:3rem;width:3rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.primary-button.user-status-button-obecność-selected{background-color:var(--primary-color);color:var(--primary-text-color)}.primary-button.user-status-button-nieobecność-selected{background-color:var(--danger-color);color:var(--primary-text-color)}.primary-button.user-status-button-spóźnienie-selected{background-color:var(--warning-color);color:var(--secondary-text-color)}.primary-button.user-status-button{flex-grow:1;flex-shrink:1;white-space:nowrap}.export-as-png-to-clipboard-button-wrapper{position:-webkit-sticky;position:sticky;width:100%}.export-as-png-to-clipboard-button{position:absolute;right:.2em;top:.25em}.export-as-png-to-clipboard-button .fa{font-size:.2em}.day-management-edit-mode-button-wrapper{position:-webkit-sticky;position:sticky;width:100%}.day-management-edit-mode-button{background-color:initial;border:1px solid #0000;color:var(--primary-color);cursor:pointer;display:block;left:.2em;opacity:.3;padding:.25em;position:absolute;top:.2em}@media (orientation:portrait){.day-management-edit-mode-button{font-size:1.25rem}}.sing-day-song-container{align-items:center;display:flex;flex-direction:row;font-size:1em;gap:.5em;justify-content:center;width:100%}.sing-day-song-part-name{display:flex;flex-basis:8em;flex-grow:1;flex-shrink:0;font-weight:700;justify-content:flex-end;white-space:nowrap}.sing-day-song-song-name{flex-basis:20em;flex-grow:1;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sing-day-song-edit-container{align-items:center;display:flex;flex-direction:row;font-size:1em;gap:.5em;justify-content:center;width:100%}.sing-day-song-edit-part-name{display:flex;flex-basis:10em;flex-grow:1;flex-shrink:1;font-weight:700;justify-content:flex-end;white-space:nowrap}.sing-day-song-edit-song-name{flex-basis:15em;flex-grow:1;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sing-day-song-edit-part-dropdown{border-radius:8px;flex-grow:0;flex-shrink:1;font-size:1em}.sing-day-song-edit-button-container{display:flex;flex-grow:0;flex-shrink:1}.sing-day-song-edit-delete-song-button{background-color:initial;border:none;color:var(--dark-color);cursor:pointer;display:flex;flex-basis:1.2em;flex-grow:0;flex-shrink:0;font-size:.75em;padding:.25em}.sing-day-song-edit-button{background-color:var(--light-gray-color);border:1px solid var(--black-color);border-radius:8px;color:var(--secondary-text-color);cursor:pointer;flex-basis:10em;flex-grow:0;flex-shrink:1;font-size:.75em;font-size:1em;min-height:1em;padding:0 1em;white-space:nowrap}.sing-day-song-edit-dropdown-container{align-items:center;display:flex;flex-direction:row;gap:.5em;justify-content:space-around}.day-management-container{border:1px solid var(--border-color);border-radius:8px;font-size:1em;gap:1em;width:26em}.day-management-container,.day-management-header{align-items:center;display:flex;flex-direction:column;justify-content:space-between}.day-management-header{flex-grow:0;gap:.2em;margin-bottom:1em;width:100%}.day-management-description{align-items:center;display:flex;flex-direction:row;justify-content:center;text-align:center;width:25em}.day-management-date{font-size:1.5em;font-weight:700}.day-management-owners-container{align-items:center;display:flex;flex-direction:column;flex-grow:0;gap:.2em;justify-content:center;width:27em}.day-management-adoration-container,.day-management-organizers-container,.day-management-psalmist-container{align-items:center;display:flex;flex-direction:column;gap:.1em;justify-content:center;white-space:nowrap;width:80%;width:27em}.day-management-adoration-header,.day-management-organizers-header,.day-management-psalmist-header{align-items:center;display:flex;flex-grow:0;flex-shrink:0;font-weight:700;justify-content:center}.day-management-adoration,.day-management-organizers,.day-management-psalmist{flex-grow:0;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.day-management-people-presence-container{gap:0;width:27em}.day-management-people-presence-container,.day-management-songs{align-items:center;display:flex;flex-direction:column;flex-grow:0;justify-content:center}.day-management-songs{width:20em}.day-management-userstatus-buttons-container{display:flex;flex-grow:0;flex-shrink:0}.day-management-button-userstatus-container{align-items:space-around;display:flex;flex-direction:row;flex-grow:0;flex-shrink:0;gap:1em;justify-content:center;width:25em}.day-management-container-edit-mode-on{background-color:var(--light-primary-color)}.day-management-container-edit-mode-off,.day-management-container-edit-mode-on{background-image:linear-gradient(90deg,#fff0,#fff,#fff0),linear-gradient(#fff,#ffffffbf,#ffffffbf,#ffffffbf,#ffffffbf,#fff);transition:background-color .05s ease-in-out,background-image .05s ease-in-out}.day-management-container-edit-mode-off{background-color:#fff}.day-management-people-header{font-weight:700}.day-management-disabled-message{color:red;font-size:1.5em;font-weight:700;height:100%;text-align:center}.day-management-toggle-comments-button{border:1px solid var(--black-color);border-radius:8px;flex-grow:0;flex-shrink:0;font-size:1em;min-height:1em;padding:0 1em;width:50%}.flex-spacer{flex-grow:1;min-height:1em}.flex-spacer-no-grow{flex-grow:0;min-height:1em}.song-to-word-button-wrapper{position:-webkit-sticky;position:sticky;width:100%}.song-to-word-button{position:absolute;right:1.5em;top:0}.song-to-word-button .fa{font-size:.2em}@media (orientation:portrait){.song-to-word-button{right:2.1rem}}.day-texts-container{align-items:center;display:flex;flex-direction:column;gap:1em;justify-items:center;width:80%}.day-texts-acclamation-label,.day-texts-psalm-label{font-weight:700}.day-texts-acclamation,.day-texts-psalm{font-style:italic;text-align:center}.day-texts-acclamation-container,.day-texts-psalm-container{align-items:center;display:flex;flex-direction:column;gap:.2em;justify-items:center;width:100%}.export-as-xml-button-wrapper{position:-webkit-sticky;position:sticky;width:100%}.export-as-xml-button{position:absolute;right:2.6em;top:.2em}.export-as-xml-button .fa{font-size:.2em}.transparent-button:hover{opacity:1}@media (orientation:portrait){.export-as-xml-button{right:2.8em}}.comment{align-self:center;background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;display:flex;flex-direction:column;padding:.5em;width:90%}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.comment-author{flex-grow:5;font-weight:700}.comment-delete-button{background:none;border:none;color:#a9a9a9;cursor:pointer;flex-grow:0;flex-shrink:1;padding:0}.comment-date{color:#666;font-size:.8em;margin-bottom:10px}.comment-content{white-space:pre-wrap}.add-comment-form{align-items:center;display:flex;flex-direction:column;gap:10px}.comment-input{border:1px solid var(--primary-color);border-radius:5px;height:80px;padding:10px;resize:none;width:90%}.submit-comment-button{border:1px solid var(--black-color);border-radius:8px;flex-grow:0;flex-shrink:0;font-size:1em;min-height:1em;padding:0 1em;width:50%}.submit-comment-button:hover{background-color:var(--primary-color)}.comment-list{display:flex;flex-direction:column;gap:10px;height:100%;max-height:100%;overflow-y:auto;width:100%}.day-management-filter{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;width:100%}.day-management-filter label{align-items:center;display:flex;gap:.3rem}.topScroll{align-items:center;background-color:#fff;border:1px solid var(--primary-color);border-radius:50%;bottom:.3rem;cursor:pointer;display:flex;height:1rem;justify-content:center;padding:.1rem;position:fixed;right:1rem;width:1rem;z-index:1200}.topScroll,.topScroll i{color:var(--primary-color)}.topScroll i{font-size:1rem}@media (orientation:portrait){.topScroll{bottom:1.6rem;font-size:1.25rem;height:1.5rem;width:1.5rem}}.login-page{display:flex;flex-direction:row;height:100%;justify-content:center;min-width:1000px}.login-left{align-items:center;flex-direction:column;justify-content:center}.login-left,.login-right{display:flex;flex-basis:50%;flex-grow:1;height:100%}.login-right{background-image:url(/static/media/login_image.1da3236eb50e084cad23.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.login-box-container{flex-basis:100%;flex-direction:row;margin-left:0;min-width:100%;padding-left:0}.login-box,.login-box-container{display:flex;height:100%;justify-content:center}.login-box{flex-basis:30%;flex-direction:column}.login-checkbox{align-items:center;display:flex;justify-content:center}.login-elements{display:flex;flex-direction:column;gap:1rem}.login-logo{background-image:url(/static/media/spiewnik-logo.fdaddbbb3570fb891668.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:130px;margin-bottom:3rem;width:320px}@media (orientation=portrait){.login-page{flex-direction:column;min-width:0}.login-left,.login-page{height:100vh}.login-right{display:none;flex-basis:0}.login-box-container{background-color:#dfdfdf}.login-box{align-items:center;background-color:#ffffff80;flex-basis:100%}.login-checkbox{background-color:#fff;padding:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.login-elements{align-items:center;box-sizing:border-box;padding:3rem;width:100%}.login-elements,.login-logo{background-color:#fff}}.song-scores-container{background-color:#fff;height:100%;left:0;position:absolute;top:0;width:100%;z-index:9999}.close-button{background:none;color:var(--black-color);display:block;font-size:1.5rem;right:4rem;top:.25rem}.close-button:hover{color:var(--contrast-color)}#cursorImg-0{filter:invert(50%) sepia(1) saturate(0)}button.mdc-button .mdc-button__label{font-size:0}button.mdc-button .mdc-button__label:before{content:"Wycisz";font-size:14px;visibility:visible}button.mdc-button[aria-pressed=true]{background-color:#008037;color:#fff}button.mdc-button[aria-pressed=true] .mdc-button__label:before{content:"Wyciszone";font-size:14px}.controls-container{align-items:center;background-color:initial;border:none;box-shadow:none;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:1rem}.controls-container .hide{display:none}.metronome-toolbar{width:20rem}button[aria-label="Close Audio Controls"]{display:none}.custom-control-panel,.custom-playback-buttons{display:flex;flex-direction:column}.custom-playback-buttons{align-items:center;justify-content:space-between;margin-right:1rem}@media (orientation:portrait){.song-scores-container{left:0;min-width:800px;padding:2rem 0 0;position:relative;scale:.5;top:0;transform:translateY(-62%)}.close-button{right:.25rem;top:2rem}}.song-videos{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;justify-content:flex-start}.video{border-radius:8px;box-sizing:initial;display:flex;height:10rem;overflow:hidden;width:15rem}@media (orientation:portrait){.video{box-sizing:initial;display:flex;height:13rem;width:20rem}}.tag{background-color:#f5f5f5;border-radius:3px;color:#333;display:inline-block;font-size:.5rem;padding:.2rem}.sing-day-song-picker-bar{background-color:var(--light-primary-color);background-image:linear-gradient(90deg,#fff,#fff0,#fff),linear-gradient(#fff,#ffffffbf,#ffffffbf,#ffffffbf,#ffffffbf,#fff);border-radius:8px;height:6em;margin:0 auto;padding:1em .5em;position:-webkit-sticky;position:sticky;top:4.65rem;width:95vw;z-index:1000}.sing-day-song-picker-bar_container{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:.5em;justify-content:space-between}.sing-day-song-picker-bar_song_buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.5em;justify-content:center}.sing-day-song-picker-button{font-size:.8em}@media (orientation:portrait){.sing-day-song-picker-bar{top:0}}.chord-diagram-display{background-color:#fff;height:100%;left:0;overflow-y:auto;position:fixed;top:0;width:100%;z-index:9999}.close-button{background-color:#fff;border:none;color:var(--primary-color);cursor:pointer;padding:10px;position:absolute;right:10px;top:10px}.chord-diagram-container{display:flex;flex-wrap:wrap;justify-content:space-around;padding:20px}.section-title{font-size:1.2em;font-weight:700;margin-bottom:10px;margin-left:20px;margin-top:20px}.fretboard{height:200px;overflow:visible;width:300px}.fret{fill:gray}.string{stroke:#000;stroke-width:2}.starting-fret{font-size:1em}.chord-diagram{height:200px;position:relative;width:300px}.marker-layer{height:200px;left:0;overflow:visible;position:absolute;top:0;width:300px}.marker{fill:var(--primary-color);r:16}.chord-diagram-wrapper{padding:20px}.finger-number{fill:#fff;font-size:18px}.polyline{stroke-width:20;stroke:var(--primary-color);fill:none}.marker-x{r:12;fill:var(--contrast-color)}.marker-x-text{fill:#fff;text-anchor:middle;font-size:10px}.chord-diagram-chord-name{font-size:1.5em;font-weight:700;margin-bottom:1em;text-align:left}.keyboard{display:flex;height:100px;position:relative;width:200px}.white-key{background-color:#fff;border:1px solid #000;height:100%;width:25px}.black-key{background-color:#000;height:60%;margin-left:0;position:absolute;width:15px;z-index:1}.key.C+.key.black-key{left:17.5px}.key.D+.key.black-key{left:46.5px}.key.F+.key.black-key{left:100px}.key.G+.key.black-key{left:126.5px}.key.A+.key.black-key{left:155px}.keyboard-chord-diagram{padding:20px}.keyboard-chord-name{font-size:1.5em;font-weight:700;margin-bottom:1em;text-align:left}.keyboard-container{position:relative}.overlay{display:flex;height:100%;left:0;top:0;width:100%}.dot,.overlay{position:absolute}.dot{background-color:green;border-radius:50%;height:10px;top:75%;transform:translateY(-50%);width:10px}.dot.sharp{top:45%;z-index:2}.dot.C{left:8.5px}.dot.C.sharp{left:20px}.dot.D{left:35.5px}.dot.D.sharp{left:49px}.dot.E{left:62.5px}.dot.F{left:89.5px}.dot.F.sharp{left:102px}.dot.G{left:116.5px}.dot.G.sharp{left:129px}.dot.A{left:143.5px}.dot.A.sharp{left:157px}.dot.B{left:170.5px}.song-content{gap:1rem;justify-content:flex-start;padding-left:2rem;padding-right:2rem}.song-content,.song-top-panel{align-items:center;display:flex;flex-direction:column;width:100%}.song-top-panel{justify-content:center;padding-left:4rem}.song-header{display:flex;font-size:2rem;font-weight:700;width:100%}.song-tag-panel{flex-wrap:wrap;gap:.5rem;justify-content:flex-start;padding-left:4rem}.song-bottom-panel,.song-tag-panel{align-items:flex-start;display:flex;width:100%}.song-bottom-panel{flex-direction:row;height:100%}.song-left-panel{display:flex;flex-direction:column;flex-grow:5;flex-shrink:0;gap:3rem;height:100%;justify-content:flex-start;padding-left:2rem}.chord-line{color:var(--primary-color);padding-bottom:.3rem}.only-chord-line .chord-line{padding-bottom:1.5rem;padding-top:1.5rem}.empty-line{height:1.5rem}.text-line{padding-bottom:.5rem}.song-right-panel{flex-basis:100%;flex-grow:1;flex-shrink:1;height:100%}.song-right-panel,.song-right-panel-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:flex-start}.song-right-panel-container{flex:1 1}.song-right-panel-transpose{box-sizing:border-box;width:15rem}.song-right-panel-transpose,.transpose-container{display:flex;flex-direction:row;justify-content:center}.transpose-container{flex-basis:15rem;flex-grow:0;flex-shrink:1}.transpose-button-left{border-bottom-left-radius:8px;border-bottom-right-radius:0;border-right:0;border-top-left-radius:8px;border-top-right-radius:0}.transpose-button-right{border-bottom-left-radius:0;border-bottom-right-radius:8px;border-left:0;border-top-left-radius:0;border-top-right-radius:8px}.transpose-button-left,.transpose-button-right{align-items:center;border:1px solid var(--black-color);flex-direction:column;flex-grow:1;padding:0}.primary-button-mid,.transpose-button-left,.transpose-button-right{background-color:var(--light-gray-color);color:var(--secondary-text-color);display:flex;flex-shrink:1;font-size:1rem;justify-content:center}.primary-button-mid{border:1px solid var(--black-color);border-left:0;border-radius:0;border-right:0;flex-direction:row;flex-grow:10;text-align:center}.song-right-panel-container button.primary-button{box-sizing:border-box;flex-basis:15rem;flex-grow:2}.song-right-panel-item{display:flex;flex-direction:row;justify-content:center}.song-videos-panel{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding-bottom:2rem}.song-lyrics{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;width:100%}@media (orientation:portrait){.primary-button-mid{background-color:var(--primary-color);border-color:var(--primary-color);border-radius:0;box-sizing:border-box;color:#f2fff0;flex-basis:2rem;height:3rem;padding:.75rem}.transpose-container{flex-basis:7rem;height:100%}.transpose-button-left,.transpose-button-right{background-color:var(--primary-color);border-color:var(--primary-color);color:#f2fff0;height:3rem;padding:1rem}.transpose-button-left{border-radius:1.5rem;border-bottom-right-radius:0;border-right:0;border-top-right-radius:0;padding-right:.25rem}.transpose-button-right{border-radius:1.5rem;border-bottom-left-radius:0;border-left:0;border-top-left-radius:0;padding-left:.25rem}.song-content{height:auto;padding-left:.5rem;padding-right:.5rem}.song-top-panel{align-items:center;flex-direction:column;gap:2rem;padding-left:0;text-align:center}.song-header,.song-tag-panel,.song-top-panel{justify-content:center}.song-tag-panel{padding-left:0}.song-bottom-panel{align-items:center;flex-direction:column;gap:2rem;justify-content:center}.song-left-panel{padding-left:0}.song-right-panel-container{align-items:center;background-color:#fff;bottom:0;flex-direction:row;gap:.5rem;height:3rem;justify-content:center;padding-bottom:.5rem;padding-top:.5rem;position:fixed;width:100%;z-index:1000}.song-right-panel-container button.primary-button{box-sizing:border-box;flex-basis:2rem;flex-grow:0}.song-right-panel-transpose{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.song-videos-panel{padding-bottom:8rem}}.song-title{align-items:center;break-inside:avoid;color:var(--black-color);display:flex;flex-direction:row;font-size:1rem;justify-content:space-between;page-break-inside:avoid;text-decoration:none;width:100%}.song-title:hover{background-color:var(--secondary-color);color:var(--black-color)}.song-title a{text-decoration:none}.song-name{flex-grow:0;flex-shrink:1;height:1.25rem;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.song-indicators{align-items:center;display:flex;flex-direction:row;justify-content:flex-end}.video-indicator{background-image:url(data:image/png;base64,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)}.score-indicator,.video-indicator{background-position:50%;background-repeat:no-repeat;background-size:contain;height:1.5rem;width:1.5rem}.score-indicator{background-image:url(data:image/png;base64,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)}.inactive{filter:opacity(30%)}.song-list{column-count:3;column-gap:1rem;padding:0 2rem 2rem}.song-list-row{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;margin-bottom:.25rem}.song-letter{align-items:flex-start;display:flex;flex-basis:5%;flex-direction:column;flex-grow:0;flex-shrink:0;font-weight:700;justify-content:center}.song-letter:before{content:"";display:block;height:25rem;margin-top:-25rem;visibility:hidden}@media (max-width:100rem){.song-list{column-count:2}}@media (max-width:70rem){.song-list{column-count:1;padding:0 1rem 2rem}}@media (orientation:portrait){.song-list{column-count:1;padding:0 .5rem 3.5rem}.song-list-row{flex-basis:50%}}.search-box-container{background-color:#fff;display:flex;flex-direction:row;flex-grow:2;justify-content:center;position:-webkit-sticky;position:sticky;top:3rem;width:100%;z-index:500}.search-box{align-items:center;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-basis:50%;gap:.2rem}.search-input{border:none;display:flex;flex-basis:31rem;font:1rem}input.search-input:focus{outline:none}.search-box:focus-within{outline:1px solid var(--black-color)}.clear-icon,.search-icon{display:flex;flex-basis:1rem}.clear-icon{cursor:pointer}@media (orientation:portrait){.search-box-container{bottom:1rem;padding-bottom:.5rem;padding-top:.5rem;position:fixed;top:auto}}.letter-navigation-container{background-color:#fffc;bottom:.25rem;flex-grow:1;position:-webkit-sticky;position:sticky;width:100%;z-index:1000}.letter-navigation,.letter-navigation-container{align-items:center;display:flex;flex-direction:row;flex-shrink:0;justify-content:space-around}.letter-navigation{flex-grow:8}.letter-space-box{flex-basis:2.25rem;flex-grow:0;flex-shrink:1}@media (orientation:portrait){.letter-navigation-container{background-color:#ffffffe6;bottom:0}.letter-space-box{flex-basis:0rem}.song-list-page-container{align-items:center;display:flex;flex-direction:column}}.editable-tag{background-color:#f5f5f5;border-radius:3px;color:#333;display:inline-block;font-size:.5rem;margin:.1rem;padding:.2rem}.editable-tag-remove-button{cursor:pointer;margin-left:.3rem}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.message-box{animation:slideIn 1s ease-out forwards,fadeout 2s 2s forwards;background-color:#fff;border:1px solid;border-radius:5px;left:1px;padding:1rem;position:fixed;top:0;z-index:999}.message-box.success{border-color:var(--success-color);color:var(--success-color)}.message-box.error{border-color:var(--error-color);color:var(--error-color)}.message-box.warning{border-color:var(--warning-color);color:var(--warning-color)}.message-box.info{border-color:var(--info-color);color:var(--info-color)}@keyframes fadeout{0%{opacity:1}to{opacity:0}}.tag-edit-form{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;width:100%}.tag-edit-container{align-items:flex-start;display:flex;flex-direction:row;flex-grow:1;flex-shrink:1;gap:.5rem;justify-content:space-evenly;width:100%}.tag-edit-container .primary-button{flex-basis:25rem;flex:1 1;font-size:.5rem;padding:.1rem .5rem}.tag-edit-current-tags{gap:.25rem;justify-content:space-evenly;max-width:50%}.tag-edit-current-tags,.tag-edit-input-container{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1}.tag-edit-input-container{flex-shrink:1;gap:.5rem;justify-content:flex-start}.tag-edit-input-item input{font-size:.5rem;margin-right:.5rem;width:15rem}.tag-edit-input-item .primary-button{margin-right:.5rem}.tag-edit-buttons-container{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:flex-end;width:100%}.tag-edit-buttons-container .primary-button{width:10rem}.tag-edit-input-container input{flex-grow:1;flex-shrink:0}@media (orientation:portrait){.tag-edit-current-tags{max-width:90vw}.tag-edit-container{align-items:flex-start;flex-direction:column;gap:.5rem;justify-content:flex-start}.tag-edit-container .primary-button{font-size:.75rem;padding:.1rem .5rem}.tag-edit-container input{font-size:.65rem;margin-top:.5rem}.tag-edit-buttons-container{align-items:flex-end;flex-direction:column;justify-content:space-between}}.song-edit{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:space-around}.song-edit-buttons-container{display:flex;flex-direction:row;justify-content:flex-end;width:100%}.song-edit-buttons-item{display:flex;width:10rem}@media (orientation:portrait){.song-edit-buttons-container{align-items:flex-end;flex-direction:column;justify-content:space-between;margin-top:2rem}}.video-edit-form{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;width:100%}.video-edit-container{flex-direction:row;flex-shrink:1;gap:.5rem;width:100%}.video-edit-container,.video-edit-current-videos{align-items:flex-start;display:flex;flex-grow:1;justify-content:space-evenly}.video-edit-current-videos{flex-direction:column;gap:.25rem;min-width:50%}.video-edit-container .primary-button{flex-basis:25rem;flex:1 1;font-size:.5rem;padding:.1rem .5rem}.video-edit-link{font-size:.5rem;white-space:nowrap;width:15rem}.video-edit-item-button{display:flex}.video-edit-input-container{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;gap:.5rem;justify-content:flex-start}.video-edit-input-item input{font-size:.5rem;margin-right:.5rem;width:15rem}.video-edit-input-item .primary-button{margin-right:.5rem}.video-edit-buttons-container{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:flex-end;width:100%}.video-edit-button-item .primary-button{width:10rem}.video-edit-item{align-items:center;display:flex;gap:1rem;justify-content:flex-start}.video-edit-item:hover{background-color:var(--secondary-color)}@media (orientation:portrait){.video-edit-container{align-items:flex-start;flex-direction:column;gap:.5rem;justify-content:flex-start}.video-edit-container .primary-button{font-size:.75rem;padding:.1rem .5rem}.video-edit-container input{font-size:.65rem;margin-top:.5rem}.video-edit-link{width:16rem}.video-edit-buttons-container{align-items:flex-end;flex-direction:column;justify-content:space-between}}.song-content-edit-container{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;width:100%}.song-content-edit-title-container{width:90%}.song-content-edit-title{align-items:center;display:flex;flex-direction:row;gap:1rem;height:100%;justify-content:flex-start;width:100%}.song-content-edit-title input{display:flex;flex-basis:20rem}.song-content-edit-content-container{display:flex;flex-direction:row;flex-grow:1;flex-shrink:1;gap:.5rem;justify-content:space-between;width:100%}.song-content-edit-content-item{display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;gap:1rem;width:50%}.song-content-edit-content-item textarea{border-radius:8px;display:flex;flex-grow:1;flex-shrink:1;font-size:1rem;min-width:25rem;overflow-x:auto;white-space:pre}.song-content-edit-buttons-container{align-items:center;display:flex;flex-direction:row;flex-grow:1;flex-shrink:1;gap:.5rem;justify-content:flex-end;width:100%}.song-content-edit-buttons-item{display:flex;flex-direction:row;flex-grow:0;flex-shrink:0;justify-content:center}@media (orientation:portrait){.song-content-edit-content-container{flex-direction:row}.song-content-edit-content-item textarea{font-size:.75rem;min-width:11rem}.song-content-edit-buttons-container{align-items:flex-end;flex-direction:column;justify-content:space-between}}.score-edit-form{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;width:100%}.score-edit-container{display:flex;flex-direction:row;flex-grow:1;flex-shrink:1;gap:.5rem;width:100%}.score-edit-container,.score-edit-current-scores{align-items:flex-start;justify-content:space-evenly}.score-edit-current-scores{gap:.25rem;min-width:50%}.score-edit-container .primary-button{flex-basis:25rem;flex:1 1;font-size:.5rem;padding:.1rem .5rem}.score-edit-item-button{display:flex}.score-edit-input-container{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;gap:.5rem;justify-content:flex-start}.score-edit-input-container input{font-size:.5rem;margin-right:.5rem;width:15rem}.score-edit-input-item .primary-button{margin-right:.5rem}.score-edit-buttons-container{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center;width:100%}.score-edit-button-item .primary-button{width:10rem}.score-edit-item{align-items:center;display:flex;font-size:.75rem;gap:1rem;justify-content:flex-start}.score-edit-item:hover{background-color:var(--secondary-color)}.score-edit-current-scores{display:flex;flex-direction:column;flex-grow:1;max-width:50%}@media (orientation:portrait){.score-edit-form{display:none}}.song-add-container{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;width:100%}.song-add-title-container{width:90%}.song-add-title{align-items:center;display:flex;flex-direction:row;gap:1rem;height:100%;justify-content:flex-start;width:100%}.song-add-title input{display:flex;flex-basis:20rem}.song-add-content-container{display:flex;flex-direction:row;flex-grow:1;flex-shrink:1;gap:.5rem;justify-content:space-between;width:100%}.song-add-content-item{display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;gap:1rem;width:50%}.song-add-content-item textarea{border-radius:8px;display:flex;flex-grow:1;flex-shrink:1;font-size:1rem}.song-add-buttons-container{align-items:center;display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;gap:.5rem;justify-content:space-between;width:100%}.song-add-buttons-item{display:flex;flex-direction:row;flex-grow:0;flex-shrink:0;justify-content:center}@media (orientation:portrait){.song-add-content-container{flex-direction:row}.song-add-content-item textarea{font-size:.75rem}}.App{display:flex;flex-direction:column;height:100%;width:100%}.content{align-items:start;display:flex;flex-direction:row;height:100vh;justify-content:center;padding-top:3rem}.content.admin-content{margin-left:var(--menu-width);padding-top:0}.login-content{display:flex;flex-direction:row;height:100%;justify-content:center;min-width:1000px}.logo-mobile{display:none}@media (orientation=portrait){.content{padding-top:0}.logo-mobile{display:flex;flex-basis:1rem;flex-direction:row;flex-grow:0;flex-shrink:1;height:100%;justify-content:center;width:100%}}@media (orientation:portrait){.content.admin-content{margin-left:0}}.admin-day-management-container{border:1px solid var(--border-color);border-radius:8px;font-size:1em;gap:1em;width:26em}.admin-day-management-container,.admin-day-management-header{align-items:center;display:flex;flex-direction:column;justify-content:space-between}.admin-day-management-header{flex-grow:0;gap:.2em;margin-bottom:1em;width:100%}.admin-day-management-description{align-items:center;display:flex;flex-direction:row;justify-content:center;text-align:center;width:25em}.admin-day-management-date{font-size:1.5em;font-weight:700}.admin-day-management-owners-container{align-items:center;display:flex;flex-direction:column;flex-grow:0;gap:.2em;justify-content:center;width:27em}.admin-day-management-adoration-container,.admin-day-management-organizers-container,.admin-day-management-psalmist-container{align-items:center;display:flex;flex-direction:column;gap:.1em;justify-content:center;white-space:nowrap;width:80%;width:27em}.admin-day-management-adoration-header,.admin-day-management-organizers-header,.admin-day-management-psalmist-header{align-items:center;display:flex;flex-grow:1;flex-shrink:0;font-weight:700;justify-content:center}.admin-day-management-adoration,.admin-day-management-organizers,.admin-day-management-psalmist{flex-grow:1;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-day-management-people-container{gap:0;width:27em}.admin-day-management-people-container,.admin-day-management-songs{align-items:center;display:flex;flex-direction:column;justify-content:center}.admin-day-management-songs{flex-grow:1;width:20em}.admin-day-management-buttons{flex-grow:0}.admin-day-management-button-userstatus-container{align-items:space-around;display:flex;flex-direction:row;gap:1em;justify-content:center;width:25em}.admin-day-management-container-edit-mode-on{background-color:var(--light-primary-color)}.admin-day-management-container-edit-mode-off,.admin-day-management-container-edit-mode-on{background-image:linear-gradient(90deg,#fff0,#fff,#fff0),linear-gradient(#fff,#ffffffbf,#ffffffbf,#ffffffbf,#ffffffbf,#fff);transition:background-color .05s ease-in-out,background-image .05s ease-in-out}.admin-day-management-container-edit-mode-off{background-color:#fff}.admin-day-management-people-header{font-weight:700}.day-management-list-container{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;font-size:1em;gap:1em;justify-content:flex-start;max-width:81em;padding:.5em}@media (orientation:portrait){.day-management-list-container{justify-content:center}}@media (max-width:109em){.day-management-list-container{justify-content:center;max-width:56em}}.day-management-page-container{align-items:flex-start;display:flex;flex-direction:column;font-size:.85rem;gap:1rem;justify-content:flex-start}.day-management-button-container{align-items:space-around;display:flex;flex-direction:row;gap:1em;justify-content:center;white-space:nowrap;width:100%}@media (orientation:portrait){.day-management-page-container{font-size:.8rem}}.user-management-container{display:flex;flex-direction:column;gap:1rem;padding:.5rem 1rem}.user-management-header{display:flex;justify-content:flex-start}.user-table{width:100%}.action-buttons-container{display:flex;gap:.25rem}@media (orientation:portrait){.user-table{display:block;overflow-x:auto;width:100%}.user-table td,.user-table th{padding:.5rem}.groups-column{white-space:normal;word-break:break-word}.action-buttons-container{align-items:stretch;flex-direction:column}}.admin-dashboard-page-container,.admin-user-page-container{display:flex;flex-direction:column;gap:1rem}.admin-user-page-container{align-items:flex-start;padding-left:1rem;padding-top:1rem}.admin-user-dropdown-container{justify-content:flex-start}.admin-user-button-container,.admin-user-dropdown-container{display:flex;flex-direction:row;gap:1rem}@media (orientation:portrait){.admin-user-page-container{align-items:center;padding-left:0;padding-top:1rem}}.tag-songs-table-container{margin-top:.5rem}.tag-songs-table-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.song-link{color:inherit;text-decoration:none}.song-link:hover{cursor:pointer}.song-select-filter{margin-top:.5rem}.songs-modal-actions-container{display:flex;gap:.25rem}@media (orientation:portrait){.songs-table{display:block;overflow-x:auto;width:100%}.songs-modal-actions-container{align-items:stretch;flex-direction:column}}.tags-management-page-container{padding:1rem}.tags-filter{display:block;margin-bottom:.5rem}.tags-actions{margin-bottom:.5rem;margin-top:.5rem}@media (orientation:portrait){.tags-table{display:block;overflow-x:auto;width:100%}}.singing-periods-page-container{padding:1rem}.singing-periods-actions{margin-top:.5rem}.sortable-header{cursor:pointer}:root{--primary-color:#008037;--light-primary-color:#4caf50;--light-primary-bg:#f2fff0;--contrast-color:#f57c00;--light-contrast-color:#ff8c1a;--light-contrast-bg:#ffb366;--secondary-color:#eee;--black-color:#000;--gray-color:#7e7e7e;--light-gray-color:#eee;--success-color:#006025;--info-color:#004c8c;--warning-color:#ffeb3b;--danger-color:#a80000;--error-color:#a80000;--light-color:#eee;--dark-color:#343a40;--border-color:#7e7e7e;--font-size-small:0.75rem;--font-size-normal:1rem;--font-size-medium:1.25rem;--font-size-big:1.5rem;--primary-text-color:#fff;--secondary-text-color:#000;--mdc-theme-primary:#008037;--mdc-theme-secondary:#f57c00;--mdc-theme-error:#f44336;--menu-width:8rem;--menu-height:3rem}html{font-size:25px;width:100%}body,html{height:100vh}body{font-family:Merriweather;margin:0}#root{height:100%;width:100%}button{background-color:#008037;background-color:var(--primary-color);border:1px solid #008037;border:1px solid var(--primary-color);border-radius:8px;color:#fff;display:flex;font-size:1rem;gap:1rem;justify-content:center;padding:5px 40px;transition:all .05s ease-in-out}button:active{filter:brightness(110%);transform:translateY(2px)}button span{display:block}a{color:#008037;color:var(--primary-color);text-decoration:none;transition:all .05s ease-in-out}a:hover{color:#f57c00;color:var(--contrast-color);cursor:pointer}input{border:1px solid #7e7e7e;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;padding:5px 10px}input[type=date],input[type=datetime-local],input[type=month],input[type=time],select{accent-color:#008037;accent-color:var(--primary-color);color:#008037;color:var(--primary-color)}input[type=date]::-webkit-calendar-picker-indicator,input[type=date]::-webkit-datetime-edit,input[type=date]::-webkit-datetime-edit-day-field,input[type=date]::-webkit-datetime-edit-month-field,input[type=date]::-webkit-datetime-edit-text,input[type=date]::-webkit-datetime-edit-year-field,input[type=date]::-webkit-inner-spin-button{color:#008037;color:var(--primary-color)}input[type=checkbox]{-webkit-appearance:none;appearance:none;border:1px solid #7e7e7e;border:1px solid var(--border-color);border-radius:8px;height:1.25rem;padding:5px 10px;position:relative;width:1.25rem}input[type=checkbox]:before{color:#fff;content:"✓";font-size:14px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%)}input[type=checkbox]:checked:before{opacity:1}input[type=checkbox]:checked{background-color:#008037;background-color:var(--primary-color)}label{display:inline-block;margin-left:.5rem;vertical-align:middle}.primary-button{background-color:#eee;background-color:var(--light-gray-color);border:1px solid #000;border:1px solid var(--black-color);border-radius:8px;color:#000;color:var(--secondary-text-color);flex-basis:10em;flex-direction:row;flex-shrink:0;font-size:1em;min-height:1em;padding:.25em 1em}.transparent-button{background-color:initial;border:0;color:#008037;color:var(--primary-color);cursor:pointer;display:block;opacity:.3;padding:.25em}.hide-on-mobile{display:inherit}.show-on-mobile{display:none}@media (orientation:portrait){html{font-size:16px}.primary-button{flex-basis:auto}.round-mobile-button{align-items:center;background-color:#008037;background-color:var(--primary-color);border-color:#008037;border-color:var(--primary-color);border-radius:1.5rem;color:#f2fff0;flex-basis:2em;min-height:3rem}.transparent-button{font-size:1.25rem}.hide-on-mobile{display:none}.show-on-mobile{display:inherit}}
/*# sourceMappingURL=main.bca30471.css.map*/