@import "https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap";@layer reset{*{box-sizing:border-box;margin:0;padding:0}img{display:block}}@layer base{html{--spread:0rem;font-optical-sizing:auto;font-variation-settings:"GRAD" 0;font-family:Google Sans,sans-serif;font-size:14px;font-style:normal;font-weight:400}@media (width<=768px){html{font-size:10px}}html{scrollbar-color:color-mix(in srgb, currentcolor 25%, transparent) transparent}}@layer components{.icon{width:2.25rem}button,[role=button]{cursor:pointer;border-width:1px;border-radius:.5rem;min-width:3rem}}body{background-position:50%;background-repeat:no-repeat;background-size:cover}#root{--header-height:7rem;--global-player-translate:transform .2s ease-out;flex-direction:column;height:100svh;display:flex}header{height:var(--header-height);justify-content:space-between;align-items:center;gap:2rem;padding-inline:5rem;display:flex}@media (width<=768px){header{padding-inline:1rem}}header .left-container{align-items:center;gap:1rem;display:flex}header .left-container .logo-container{background-color:#0000;border:none;align-items:center;gap:1rem;display:flex}@media (width<=768px){header .left-container svg{width:2.5rem}}header .left-container .title-container>*{text-align:start;text-wrap:nowrap}@media (width<=768px){header .left-container .title-container{font-size:1rem}}header nav button{background-color:#0000;border:none;place-content:center;width:8rem;display:grid}header nav button:hover,header nav button:focus{background-color:color-mix(in srgb, currentcolor 5%, transparent)}header nav button .navigation-logo{height:3rem}header .navigation-logo.tikur-sew{filter:invert(var(--invert))}header .navigation-logo.abugida{filter:invert(calc(1 - var(--invert)))}header .desktop-nav-container{scrollbar-width:none;-ms-overflow-style:none;width:100%;overflow-x:auto}header .desktop-nav-container::-webkit-scrollbar{display:none}@media (width<=768px){header .desktop-nav-container{display:none}}header .desktop-nav{justify-content:end;gap:1rem;width:fit-content;margin-left:auto;display:flex}header .desktop-nav a{color:light-dark(#000,#fff);font-size:large;text-decoration:none}header .mobile-nav{display:none}header .mobile-nav .nav-opener-button{aspect-ratio:1;background-color:#0000;border:none;place-content:center;width:3rem;display:grid}header .mobile-nav .nav-opener-button:hover,header .mobile-nav .nav-opener-button:focus{background-color:color-mix(in srgb, currentcolor 5%, transparent)}@media (width<=768px){header .mobile-nav{display:block}}header .mobile-nav dialog{-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);width:min(500px,50vw);box-shadow:0px 0px 50px color-mix(in srgb, currentcolor 25%, transparent);border:none;border:2px solid color-mix(in srgb, currentcolor 20%, transparent);corner-shape:bevel square square bevel;transition:display 1s allow-discrete, overlay 1s allow-discrete;background-color:light-dark(#ffffff40,#00000040);border-radius:1.25rem;margin:2rem 0 auto auto;padding:2rem;animation:.3s ease-in-out forwards slideOutRight}header .mobile-nav dialog[open]{animation:.3s ease-in-out forwards slideInRight}@starting-style{header .mobile-nav dialog[open]{transform:translate(100%)}}header .mobile-nav nav{flex-direction:column;align-items:center;gap:2rem;font-size:1.5rem;display:flex}header .mobile-nav nav .close-button{aspect-ratio:1;align-self:flex-end;width:3rem}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}main{flex:1}main .album-container{--_height:21rem;flex-direction:column;display:flex}@media (width<=768px){main .album-container{--_height:25rem}}main .album-container{position:relative}main .album-container .content-container{height:calc(100svh - var(--_height));justify-content:space-between;gap:4rem;padding-inline:4rem;display:flex}@media (width<=768px){main .album-container .content-container{flex-direction:column;justify-content:start}main .album-container .content-container{gap:1rem;padding-inline:1rem}}main .album-container .content-container .info-container{justify-content:space-between;gap:5rem;height:fit-content;padding-top:2rem;display:flex}@media (width<=768px){main .album-container .content-container .info-container{gap:0;padding-top:0}}main .album-container .content-container .info-container .info .release-year{width:10ch}main .album-container .content-container .tracks-wrapper{width:100%;position:relative;overflow-y:scroll;-webkit-mask-image:linear-gradient(#0000,#fff 15% 85%,#0000);mask-image:linear-gradient(#0000,#fff 15% 85%,#0000)}main .album-container .content-container .tracks-wrapper .tracks-container{flex-direction:column;gap:.5rem;min-width:30rem;max-width:50rem;margin-left:auto;padding-block:4rem;padding-inline:2rem;display:flex}@media (width<=768px){main .album-container .content-container .tracks-wrapper .tracks-container{padding-block:2rem;padding-inline:0}}main .album-container .content-container .tracks-wrapper .tracks-container .track-container{text-align:start;background-color:#0000;border:none;justify-content:space-between;padding:.5rem;display:flex}main .album-container .content-container .tracks-wrapper .tracks-container .track-container:hover,main .album-container .content-container .tracks-wrapper .tracks-container .track-container:focus-visible,main .album-container .content-container .tracks-wrapper .tracks-container .track-container.playing{background-color:color-mix(in srgb, currentcolor 5%, transparent)}main .album-container .content-container .tracks-wrapper .tracks-container .track-container .left-container{flex:1;align-items:center;gap:.5rem;display:flex}main .album-container .content-container .tracks-wrapper .tracks-container .track-container .left-container button.vote-container{aspect-ratio:unset;background-color:color-mix(in srgb, currentcolor 5%, transparent);border:none;border-radius:.5rem;align-items:center;padding:.5rem;display:flex}main .album-container .content-container .tracks-wrapper .tracks-container .track-container .left-container button.vote-container .vote{width:3ch}main .album-container .content-container .tracks-wrapper .tracks-container .track-container .left-container button.vote-container .icon{color:#058a67;width:1.5rem;height:1.5rem}main .album-container .content-container .tracks-wrapper .tracks-container .track-container .left-container .track-badges{align-items:center;gap:.5rem;margin-top:.25rem;display:inline-flex}main .album-container .content-container .tracks-wrapper .tracks-container .track-container .left-container .track-badges .icon{width:1.5rem;height:1.5rem}main .album-container .content-container .tracks-wrapper .tracks-container .track-container .left-container .track-badges p{text-transform:capitalize}main .album-container .content-container .tracks-wrapper .tracks-container .track-container .left-container .track-title-container{align-items:center;gap:.25rem;width:fit-content;display:flex}main .album-container .content-container .tracks-wrapper .tracks-container .track-container .left-container .track-title-container .icon-wrapper{justify-content:center;align-items:center;height:0;display:flex}main .album-container .content-container .tracks-wrapper .tracks-container .track-container .left-container .track-title-container .icon-wrapper .icon{color:light-dark(#fff,#000);width:unset;aspect-ratio:1;height:1.75rem}main .album-container .content-container .tracks-wrapper .tracks-container .track-container .left-container .track-title{white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden}main .album-container .content-container .tracks-wrapper .tracks-container .track-container .right-container{justify-content:end;align-items:center;gap:1rem;display:flex}@media (width<=768px){main .album-container .content-container .tracks-wrapper .tracks-container .track-container .right-container{gap:.5rem}}main .album-container .content-container .tracks-wrapper .tracks-container .track-container .right-container button{aspect-ratio:1;background-color:color-mix(in srgb, currentcolor 10%, transparent)}main .album-container .content-container .tracks-wrapper .tracks-container .track-container .right-container button:hover{background-color:color-mix(in srgb, currentcolor 15%, transparent)}main .album-container .content-container .tracks-wrapper .tracks-container .track-container .right-container button{border:none}main .album-container .images-container{pointer-events:none;height:calc(var(--_height) - var(--header-height));justify-content:space-between;align-items:end;display:flex;position:relative;overflow-x:clip}main .album-container .images-container .teddy-container{position:relative}main .album-container .images-container .teddy-container .teddy{height:calc(var(--_height) * 1.7);filter:drop-shadow(0px 0px var(--spread) var(--shadow-color))}@media (width<=768px){main .album-container .images-container .teddy-container .teddy{width:100dvw;height:auto}}main .album-container .images-container .teddy-container .lyrics-container{transform-origin:50%;place-items:center;display:grid;position:absolute;top:-3rem;left:50%;transform:translate(-50%)}main .album-container .images-container .teddy-container .lyrics-container .lyrics{text-align:center;text-shadow:0 0 4px light-dark(#fff,#000),2px 2px 4px light-dark(#fff,#000),-2px -2px 4px light-dark(#fff,#000),2px -2px 4px light-dark(#fff,#000),-2px 2px 4px light-dark(#fff,#000);font-size:2.5rem;transition:all .5s ease-in-out}@starting-style{main .album-container .images-container .teddy-container .lyrics-container .lyrics{scale:.5}}main .album-container .images-container .teddy-container .lyrics-container .lyrics .word{transform-origin:50%;opacity:1;transition:all .5s ease-in-out}@starting-style{main .album-container .images-container .teddy-container .lyrics-container .lyrics .word{opacity:0}}main .album-container .images-container .logo-container{min-width:50rem;transition:var(--global-player-translate);justify-content:center;transition-delay:50ms;display:flex}@media (width<=40rem){main .album-container .images-container .logo-container.transform-up{transform:translateY(-100px)}}main .album-container .images-container .logo-container .logo{height:var(--_height)}@media (width<=768px){main .album-container .images-container .logo-container{min-width:fit-content;position:absolute;bottom:1rem;right:1rem}main .album-container .images-container .logo-container .logo{height:calc(var(--_height) * .3)}}main .album-container .images-container .bg{z-index:-1;object-fit:cover;width:100%;height:100%;position:fixed}footer{position:absolute;bottom:0;left:0;right:0;overflow:hidden}footer .global-player{--_shadow-spread:5rem;box-sizing:border-box;margin:1rem;margin-top:calc(var(--_shadow-spread) + 1rem);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);max-width:45rem;box-shadow:0px 0px var(--_shadow-spread) color-mix(in srgb, currentcolor 75%, transparent);border:2px solid color-mix(in srgb, currentcolor 20%, transparent);corner-shape:bevel;transition:var(--global-player-translate);transition-behavior:allow-discrete;background-color:light-dark(#ffffff40,#00000040);border-radius:1.25rem;flex-direction:column;justify-content:space-between;align-items:center;padding:.75rem 1.25rem 0;display:flex;position:relative;transform:translateY(0%)}@starting-style{footer .global-player{transform:translateY(150%)}}footer .global-player .info-control-container{justify-content:space-between;align-items:center;gap:.5rem;width:100%;margin-bottom:-.5rem;display:flex}footer .global-player .progress-bar{--path-one:"M0.5 7.69014L0.599999 7.68966C5.04048 5.01164 8.3986 5.30663 10.6744 8.57462C12.9502 11.8426 15.2084 11.4652 17.449 7.44221C19.6896 3.41927 21.9464 2.75129 24.2194 5.43824C26.4924 8.1252 28.7564 8.95608 31.0115 7.93087C33.2666 6.90566 35.5198 5.49507 37.7712 3.69908C40.0226 1.9031 42.2848 2.37006 44.558 5.09997C46.8312 7.82987 49.1006 9.76796 51.3661 10.9142C53.6317 12.0605 55.8948 12.7107 58.1556 12.8647C60.4164 13.0188 62.6663 10.9144 64.9053 6.55156C67.1443 2.18873 69.4002 1.3499 71.6732 4.03507C73.9462 6.72024 76.2141 8.36167 78.477 8.95936C80.7399 9.55704 82.9947 8.4765 85.2415 5.71772C87.4882 2.95894 89.7403 1.30778 91.9977 0.764234C94.2551 0.220692 96.5165 0.515719 98.782 1.64931C101.048 2.78291 103.319 5.17058 105.597 8.81233C107.874 12.4541 110.138 13.295 112.389 11.3352C114.639 9.37537 116.89 7.33131 119.139 5.20305C121.389 3.07478 123.655 4.29907 125.937 8.87591C128.219 13.4528 130.483 14.2003 132.728 11.1186C134.973 8.03681 137.233 7.96875 139.507 10.9144C141.781 13.86 144.044 14.3963 146.295 12.5233C148.546 10.6503 150.797 8.68874 153.047 6.63857C155.297 4.5884 157.56 5.18625 159.835 8.43212C162.111 11.678 164.379 13.3004 166.639 13.2992C168.899 13.2981 171.149 11.3147 173.39 7.34898C175.631 3.38326 177.884 1.87642 180.149 2.82844C182.413 3.78046 184.679 4.87478 186.945 6.11138C189.211 7.34799 191.471 7.38616 193.725 6.2259C195.98 5.06563 197.672 4.85897 198.802 5.6059L200.398 6.72677L200.498 6.72629";--path-two:"M0.5 7.80511L0.599999 7.80463C5.06608 10.4397 8.42121 10.1124 10.6654 6.8226C12.9096 3.53282 15.1713 3.88851 17.4506 7.88966C19.7299 11.8908 21.9931 12.537 24.24 9.82828C26.487 7.11954 28.7429 6.26688 31.0078 7.27031C33.2726 8.27373 35.5394 9.66254 37.8079 11.4367C40.0765 13.2109 42.3342 12.7222 44.5809 9.97051C46.8277 7.21883 49.0783 5.25895 51.3327 4.09089C53.5871 2.92283 55.8439 2.25088 58.1031 2.07506C60.3622 1.89923 62.6323 3.98184 64.9132 8.32288C67.1942 12.6639 69.4582 13.481 71.7051 10.774C73.9521 8.06706 76.2041 6.40385 78.4612 5.78438C80.7182 5.16491 82.9833 6.22367 85.2566 8.96067C87.5298 11.6977 89.7976 13.327 92.0602 13.8488C94.3227 14.3706 96.5812 14.0538 98.8357 12.8984C101.09 11.743 103.339 9.33354 105.581 5.67001C107.823 2.00647 110.079 1.14373 112.349 3.08179C114.618 5.01984 116.888 7.04211 119.158 9.1486C121.428 11.2551 123.682 10.009 125.92 5.41038C128.158 0.811755 130.414 0.0424223 132.689 3.10239C134.964 6.16235 137.224 6.20864 139.47 3.24124C141.715 0.273836 143.973 -0.284261 146.242 1.56695C148.511 3.41815 150.78 5.35795 153.05 7.38633C155.32 9.41472 157.577 8.79508 159.821 5.52743C162.065 2.25978 164.317 0.615626 166.577 0.594967C168.837 0.574307 171.107 2.53594 173.386 6.47988C175.665 10.4238 177.932 11.9089 180.187 10.9351C182.443 9.96126 184.697 8.84516 186.951 7.58677C189.205 6.32838 191.465 6.26843 193.73 7.40691C195.996 8.54539 197.69 8.73574 198.813 7.97795L200.398 6.84175L200.498 6.84126";--path-morph-duration:3s;width:100%}footer .global-player .progress-bar .my-path,footer .global-player .progress-bar .played-path{stroke:color-mix(in srgb, currentcolor 50%, transparent)}footer .global-player .progress-bar .my-path{animation:path-morph var(--path-morph-duration) ease-in-out infinite}footer .global-player .progress-bar .played-path{animation:path-morph var(--path-morph-duration) ease-in-out infinite, strokeoffset var(--total-play-time) linear;stroke-dasharray:100 1000;stroke-dashoffset:100px;fill:color-mix(in srgb, currentcolor 25%, transparent)}footer .global-player .progress-bar .handle{fill:color-mix(in srgb, currentcolor 100%, transparent);animation:offsetpath var(--path-morph-duration) ease-in-out infinite, offsetdistance var(--total-play-time) linear;offset-path:path(var(--path-one))}footer .global-player .progress-bar .animated-path{transition:all 1s ease-in-out;animation-play-state:paused}footer .global-player .progress-bar .animated-path.playing{animation-play-state:running}footer .global-player .title{text-shadow:0 0 2px light-dark(#fff,#000);margin-left:1rem}footer .global-player .controls{--control-size:3rem;min-width:calc(var(--control-size) * 3 + 2rem);justify-content:flex-end;gap:1rem;display:flex}footer .global-player .controls>button{aspect-ratio:1;width:var(--control-size);height:var(--control-size);box-sizing:border-box;background-color:color-mix(in srgb, currentcolor 10%, transparent);border:none;box-shadow:0 0 2px light-dark(#fff,#000)}footer .global-player .controls>button:hover{background-color:color-mix(in srgb, currentcolor 15%, transparent)}@keyframes offsetdistance{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes strokeoffset{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes path-morph{0%{d:path(var(--path-one))}50%{d:path(var(--path-two))}to{d:path(var(--path-one))}}@keyframes offsetpath{0%{offset-path:path(var(--path-one))}50%{offset-path:path(var(--path-two))}to{offset-path:path(var(--path-one))}}::view-transition-old(teddy){animation:1s forwards slide-down}::view-transition-new(teddy){animation:1s forwards slide-up}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-down{0%{transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}::view-transition-old(logo){animation:1s forwards zoom-out}::view-transition-new(logo){animation:1s forwards zoom-in}@keyframes zoom-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes zoom-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.7)}}::view-transition-old(bg){animation:1s forwards opacity-down}::view-transition-new(bg){animation:1s forwards opacity-up}@keyframes opacity-up{0%{opacity:0}to{opacity:1}}@keyframes opacity-down{0%{opacity:1}to{opacity:0}}@font-face{font-family:Bela Hidase Qedmo;src:url(/fonts/Bela_Hidase_Qedmo.ttf)format("truetype")}[role=tooltip]{visibility:hidden;color:#fff;background:light-dark(#00000080,#ffffff80);border-radius:.25rem;width:15rem;padding:.5rem;transition:visibility .25s;position:absolute;top:2rem;right:2rem}[aria-describedby]:hover,[aria-describedby]:focus{position:relative}[aria-describedby]:hover+[role=tooltip],[aria-describedby]:focus+[role=tooltip],[role=tooltip]:hover,[role=tooltip]:focus{visibility:visible}.home-wrapper{min-height:calc(100svh - var(--header-height));place-content:center;display:grid;position:relative}.home-wrapper .tip-links{aspect-ratio:1;--_icons-margin:2rem;place-content:center;width:3rem;display:grid;position:absolute}.home-wrapper .tip-links:first-child{top:var(--_icons-margin);left:var(--_icons-margin)}.home-wrapper .tip-links:nth-child(2){top:var(--_icons-margin);right:var(--_icons-margin)}.home-wrapper .tip-links:nth-child(3){bottom:var(--_icons-margin);left:var(--_icons-margin)}.home-wrapper .tip-links:nth-child(4){bottom:var(--_icons-margin);right:var(--_icons-margin)}.albums-grid-wrapper{--_offset:-3rem;box-sizing:border-box;width:min(100%,70rem);padding-block:calc(var(--_offset) / -1);padding-inline:calc(var(--_offset) / -2);justify-content:center;align-items:center;margin:0 auto;display:flex}.albums-grid-wrapper .albums-grid{transform:translate(calc(var(--_offset) / -2), calc(var(--_offset) / -2));flex-wrap:wrap;justify-content:center;display:flex}.albums-grid-wrapper .albums-grid .img-container{margin-left:var(--_offset);margin-top:var(--_offset);isolation:isolate;width:min(40%,18rem);position:relative}.albums-grid-wrapper .albums-grid .img-container img{cursor:pointer;width:100%;height:100%}.albums-grid-wrapper .albums-grid .img-container img:hover{animation:3s linear infinite rotate}.albums-grid-wrapper .albums-grid .img-container.rotating img{animation:3s linear infinite rotate}.albums-grid-wrapper .albums-grid .img-container.rotating:after{filter:drop-shadow(0px 0px calc(var(--spread) / 2) var(--shadow-color))}.albums-grid-wrapper .albums-grid .img-container:after{content:"";z-index:-1;filter:blur(2px);background-color:#fff;border-radius:50%;position:absolute;inset:0;scale:1.05}@keyframes rotate{0%{rotate:0deg}to{rotate:360deg}}.home-title{text-align:center;font-family:Bela Hidase Qedmo;font-size:8rem}.info-page{text-wrap:pretty;text-align:center;flex-direction:column;gap:2rem;max-width:60rem;margin:0 auto;padding:2rem;display:flex}.info-page h1,.info-page h2{margin-bottom:1rem}.info-page section{background-color:color-mix(in srgb, currentcolor 10%, transparent);corner-shape:bevel;text-align:start;border-radius:1rem;padding:1rem 2rem}.info-page p{font-size:1.25rem;line-height:1.75}
