:root{--highlight: #cf6b22;--background: #042a40;--content: #11639f;--chord_text: "grey";--song_text: "white";--menu_text: "white";--subtle-white: #9e9e9e;--spacing: 3dvmin;--icon-size: 7dvmin;--icon_tab_height: calc(var(--icon-size) + var(--spacing) + 2* var(--icon-padding));--option-size: 8dvmin;--radius: 4dvmin;--radius-2: 2dvmin;--menu-font-size: 4.5dvmin;--song_basic_fontsize_default: 4.5dvmin;--song_basic_fontsize: var(--song_basic_fontsize_default);--song_name_fontsize: 6dvmin;--song_author_fontsize: 4dvmin;--input_height: 8dvmin;--icon-padding: 1dvmin}hr{width:98%;color:var(--subtle-white);border:1px solid;border-radius:1px}p{color:var(--menu_text);margin:0}body{margin:0;height:100%;width:100%;font-family:Tahoma,sans-serif;background-color:var(--background)}.app{height:100svh;width:100vw;position:relative;overflow:hidden}.nahled{background-color:var(--nahled_background);position:relative;top:0;left:0;width:100vw;height:100svh;overflow-y:scroll;overflow-x:scroll}.chord{position:absolute;color:var(--chord_text);font-weight:700;font-size:var(--song_basic_fontsize)}.song-author{padding-inline:var(--spacing);line-height:5dvmin;vertical-align:top;font-weight:700;margin:0;font-size:var(--song_author_fontsize);color:var(--chord_text)}.song-name{padding-inline:var(--spacing);line-height:10dvmin;vertical-align:bottom;text-align:left;margin:0;font-weight:bolder;color:var(--song_text);font-size:var(--song_name_fontsize)}.song{position:absolute;color:var(--song_text);font-size:var(--song_basic_fontsize)}.verse{position:absolute;color:var(--chord_text);font-weight:700;font-size:var(--song_basic_fontsize)}.song-search-input{flex:1;background-color:transparent;border:none;margin:var(--icon-padding);padding:0;height:var(--input_heignt);font-size:var(--menu-font-size);outline:none;color:var(--menu_text)}.search-cross{height:var(--icon-size);margin:var(--icon-padding)}.vyhledavani{display:flex;flex-direction:row;width:100%;border-bottom:2px solid var(--highlight)}.icon{display:block;height:var(--icon-size);width:var(--icon-size);padding:var(--icon-padding);border-radius:var(--radius-2);transition:all .3s}.icon.darked{filter:brightness(60%)}.selected{background-color:var(--highlight)}.tab{height:calc(100svh - 3 * var(--spacing) - var(--icon_tab_height));width:calc(100vw - 2 * var(--spacing));padding:var(--spacing);padding-bottom:calc(2 * var(--spacing) + var(--icon_tab_height));background-color:var(--background);font-size:var(--menu-font-size);position:relative}.song_picker_list{height:calc(100% - var(--input_height));overflow-y:scroll}.songpicker_item{font-size:var(--menu-font-size);color:var(--menu_text);margin-top:var(--menu-font-size)}.songpicker_item:hover{text-decoration:underline;cursor:pointer}.song-options{position:absolute;top:50%;transform:translateY(-50%) scale(1);right:var(--spacing);display:flex;flex-direction:column;justify-content:space-between;z-index:3;transition:opacity .3s,transform .3s;opacity:1}.song-options.hidden{opacity:0;transform:translateY(-50%) scale(.98)}.options-item{width:var(--option-size);background-color:var(--content);border-radius:var(--radius);margin-bottom:var(--spacing);display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:var(--menu_text);padding:calc(var(--spacing) / 2)}.no-select{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.transp_btn{font-size:var(--icon-size);border-radius:var(--radius-2)}.transp_btn:active{background-color:var(--highlight)}.transp_text{font-size:var(--icon-size)}.create-songlist-btn{position:absolute;bottom:0;right:0;background-color:var(--highlight);border-radius:var(--radius);padding:calc(var(--spacing) / 2);opacity:1;pointer-events:auto;transition:opacity .3s}.create-songlist-btn.hide{opacity:0;pointer-events:none}.delete-icon{height:var(--icon-size);margin-left:auto}.delete-icon.hide{display:none}.songlist{color:var(--menu_text);width:calc(100vw - 4 * var(--spacing));font-weight:700;background-color:var(--content);padding:var(--spacing);border-radius:var(--radius);overflow:scroll;transition:all .3s;display:flex;flex-direction:column}.songlist.not_last{margin-bottom:var(--spacing)}.songlist.collapsed{height:0px;padding-top:0;padding-bottom:0;margin-bottom:0}.songlist.expanded{height:calc(100% - 2*var(--spacing));margin-bottom:0}.songlist-header{display:flex;justify-content:space-between;align-items:center;position:relative}.songlist-name-input{height:var(--icon-size);position:absolute;left:50%;transform:translate(-50%);width:75%;color:var(--menu_text);background-color:#fff5;text-align:center;border-radius:var(--radius-2);border:none;font-weight:700;font-size:var(--menu-font-size);transition:background-color .1s}.songlist-name-input.disabled{background-color:transparent}.top{height:fit-content}.middle{height:fit-content;transition:max-height .3s ease;max-height:50%}.bottom{flex-grow:1;overflow-y:auto;background-color:var(--background);border-radius:var(--radius)}.songlist-item-container{display:flex;justify-content:space-between;align-items:center}.songlist-item-name{flex:1;overflow-x:hidden;white-space:nowrap;margin:2.5dvmin;margin-inline:calc(var(--spacing) / 2)}.songlist-item-tr{width:5vmin;text-align:center;flex:0;margin:2.5dvmin;margin-inline:calc(var(--spacing) / 2)}.songlist-item-menu{width:fit-content}.songlist-item-empty{flex:1;text-align:center}.songlist-item-name.clickable{text-decoration:underline}.songlist-item-arrow-icon{margin-inline:var(--spacing);margin-inline-start:0px;height:var(--icon-size);width:var(--icon-size);transition:width .3s}.songlist-item-arrow-icon.hide{width:0px}.songlist-item-arrow-icon.disabled{filter:brightness(40%)}.font-size-slider{appearance:none;-webkit-appearance:none;width:100%;height:1;border-radius:5px;background:#d3d3d3;outline:none;-webkit-transition:.2s;transition:opacity .2s;margin:0}.font-size-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:var(--highlight);cursor:pointer}.font-size-slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:var(--highlight);cursor:pointer}.p-s{padding:var(--spacing)}.p-t-s{padding-top:var(--spacing)}.p-b-s{padding-bottom:var(--spacing)}.d-flex{display:flex}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.d-none{display:none}.p-rel{position:relative}.p-abs{position:absolute}.fs-0{font-size:smaller}.h-100{height:100%}.w-100{width:100%}.vw-100{width:100vw}.line-height-2rem{line-height:2rem;vertical-align:middle}.container{display:flex;align-items:center;justify-content:center}.button{background-color:#d2d2d2;width:4rem;height:2rem;border-radius:4rem;cursor:pointer;position:relative;transition:.2s}.button:before{position:absolute;content:"";background-color:#fff;width:2rem;height:2rem;border-radius:4rem;transition:.2s}.install-button{text-align:center;align-self:flex-start;font-weight:700;color:var(--menu_text);width:calc(100% - 2 * var(--spacing));background-color:var(--highlight);border-radius:var(--radius);padding:var(--spacing);margin-bottom:var(--spacing)}.install-button.hide{display:none}input:checked+.button{background-color:var(--highlight)}input:checked+.button:before{transform:translate(2rem)}.var-height{max-height:200px;overflow:hidden;transition:.2s}.y-scrollable{overflow-y:scroll}.inner_tab{height:100%;position:relative}.loader-bar{background:repeating-linear-gradient(to right,#979797,#fff 90%,#979797);width:100%;height:calc(1.5 * var(--menu-font-size));background-size:200% auto;background-position:0 100%;animation:gradient 1s infinite;animation-fill-mode:forwards;animation-timing-function:linear;border-radius:5px;opacity:.1}@keyframes gradient{0%{background-position:0 0}80%{background-position:-200% 0}to{background-position:-200% 0}}