@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";@import"https://use.typekit.net/gnr2wmw.css";:root{--background-color: 246, 242, 233}#slot{height:100svh}body{background-color:rgb(var(--background-color));margin:0;height:100%;font-family:Manrope}img{max-width:440px}#indexPage{height:100svh;background-image:url(/assets/index-photo.jpg);background-repeat:no-repeat;background-size:auto 80svh;background-position-y:-10svh;background-position-x:0svw;display:flex;flex-direction:column;justify-content:space-between;#top-part{height:auto;display:flex;justify-content:center;align-items:center;background:linear-gradient(180deg,#f6f2e9 90%,#fff0);img{height:15svh;padding:2rem 0 3rem;width:auto}}#bottom-part{width:auto;height:auto;padding:2rem;display:flex;flex-direction:column;justify-content:end;gap:2rem;background:linear-gradient(0deg,#f6f2e9 90%,#fff0);#description{height:auto;display:flex;padding:3rem 0 1rem;justify-content:center;align-items:center;h2{text-align:center;margin:0;font-family:the-seasons;font-size:1.6rem;filter:drop-shadow(0px 0px 10px rgba(34,74,25,.14))}}#features{height:auto;display:flex;gap:1rem;justify-content:center}.individual-feature{display:flex;flex-direction:column;align-items:center;width:33%}.icon{width:5svw;height:5svw;padding:1rem;border-radius:50px;background-color:#fff;box-shadow:0 2px 5px .5px #0006;display:flex;justify-content:center;color:#224a19}.feature{text-align:center;font-size:1.2rem;margin-bottom:0}#button{height:auto;width:100%;display:flex;align-items:center;button{width:100%;padding:1.3rem 2rem;border-radius:3rem;border:none;background-color:#224a19;color:#fff;font-size:larger;box-shadow:0 2px 5px .5px #0006}button:disabled{background-color:#484a47}}}}#welcomePage{height:100svh;display:flex;flex-direction:column;justify-content:space-between;background-image:url(/assets/index-photo.jpg);background-size:auto 70svh;background-position-x:0px;background-position-y:0px;#top-part{height:10svh;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;background-color:rgb(var(--background-color));box-shadow:0 3px 5px 1px #0003;#logo{height:8svh;width:auto;display:flex;align-items:center;img{height:100%}}#burger-menu{height:8svh;display:flex;align-items:center;svg{height:4svh}}}#middle-part{height:auto;width:100svw;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;#phrase{height:auto;padding:0 2rem;h2{font-family:the-seasons;font-weight:400;font-size:xx-large;text-align:center;span{font-weight:700}}}#slider{height:auto;padding:2rem;padding-bottom:0;box-shadow:0 2px 5px .5px #0006;background:linear-gradient(0deg,#f6f2e9 8svh,#f6f2e900 8svh);#blosom{height:16svh;background-color:#fff;border-radius:1rem;box-shadow:0 3px 5px 1px #0003;position:relative}}}#bottom-part{height:auto;padding:2rem;display:flex;flex-direction:column;justify-content:end;gap:2rem;background-color:rgb(var(--background-color));#features{height:auto;display:flex;gap:1rem;justify-content:center;.individual-feature{display:flex;flex-direction:column;align-items:center;width:33%}.icon{width:2rem;height:2rem;padding:1rem;border-radius:50px;background-color:#fff;box-shadow:0 2px 5px .5px #0006;display:flex;justify-content:center}.feature{text-align:center;font-size:medium;margin-bottom:0}}#button{height:auto;width:100%;display:flex;align-items:center;button{width:100%;padding:1.3rem 2rem;border-radius:3rem;border:none;background-color:#224a19;color:#fff;font-size:larger;box-shadow:0 3px 4px 1px #00000026}}}}#header{height:7svh;position:relative;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;background-color:rgb(var(--background-color));box-shadow:0 3px 5px 1px #0003;#logo{height:80%;width:auto;img{height:100%}}#burger-menu{height:4svh;width:auto;svg{height:100%}}}#mainPage{height:86svh;display:flex;flex-direction:column;justify-content:space-between;gap:2rem;#top-part{padding:2rem 2rem 0;#station-info{text-align:center;color:#fff;font-family:the-seasons}}#bottom-part{display:flex;flex-direction:column;justify-content:end;gap:2rem;#station-audio{height:5svh;padding:2rem;margin:0 1rem;border-radius:1.5rem;background-color:#fff;box-shadow:0 0 5px 1px #0003}#station-menu{height:30svh;padding:2rem;border-radius:1.5rem 1.5rem 0 0;background-color:#fff;box-shadow:0 -3px 5px 1px #0003}#station-background{position:absolute;top:7svh;height:86svh;width:100%;z-index:-1;overflow:hidden;img{filter:opacity(85%);max-width:none!important;height:100svh;width:auto}}}}#footer{height:7svh;width:100%;display:flex;background-color:rgb(var(--background-color));#route{width:70%}#button{width:30%;button{width:100%;height:100%;border:none;font-size:larger;background-color:rgb(var(--background-color));box-shadow:-3px 0 5px 1px #0003}}}#myModal{width:100svw;height:100svh;display:none;position:fixed;z-index:1;left:0;overflow:scroll;top:0;-webkit-animation-name:slideIn;-webkit-animation-duration:.8s;animation-name:slideIn;animation-duration:.8s;#top-part{height:40svh;display:flex;flex-direction:column;justify-content:space-between;position:sticky;top:-20.5svh;background-color:rgb(var(--background-color));z-index:10;#back-button{margin:0 2rem;position:sticky;top:2rem;display:flex;align-items:center;justify-content:end;svg{width:4svh}}#title{margin:0 2rem;position:sticky;top:2rem;display:flex;align-items:center;justify-content:start;h1{text-align:center;margin:0;font-size:x-large}}.subtitle{background-color:#fff;height:8svh;display:flex;justify-content:center;align-items:center;position:sticky;top:5svh;border-radius:1.5rem 1.5rem 0 0;box-shadow:0 -3px 3px #0003;h2{margin:0}}}#bottom-part{padding-top:1rem;height:auto;width:100%;border-radius:0 0 1.5rem 1.5rem;box-shadow:-3px 0 5px 1px #0003;background-color:#fff;.subtitle{height:8svh;display:flex;justify-content:center;align-items:center;h2{margin:0}}#stations{margin:0 2rem;overflow:scroll;#listStations{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem;#currentStation{background-color:#49a74949;.dot{border:solid .2rem black;background-color:green}}.rStation{display:grid;grid-template-areas:"name circle status";grid-template-columns:6fr 1fr 3fr!important;.circle{grid-area:circle!important}.stationName{grid-area:name!important;p{text-align:end;font-size:large;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}.status{grid-area:status!important}}.station{display:grid;grid-template-columns:repeat(10,1fr);align-items:center;border-radius:1rem;padding:.8rem;.circle{grid-column-start:1;grid-column-end:2;display:flex;align-items:center;justify-content:center;position:relative;&:before{content:"";position:absolute;width:.3rem;background-color:#888;top:-365%;bottom:-100%;left:50%;transform:translate(-50%);z-index:0}.dot{width:4svw;height:4svw;border:solid .2rem #888;border-radius:100%;background-color:#fff;position:relative;z-index:2}}.stationName{grid-column-start:2;grid-column-end:8;padding-inline:1rem;p{font-size:large;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}.status{grid-column-start:8;grid-column-end:11;text-align:end;p{margin:0;font-size:small;font-weight:bolder}}}li.station:first-child .circle:before{top:50%}li.station:nth-child(-n+2) .circle:before{top:50%}li.station:nth-child(6) .circle:before{bottom:50%}li.station:nth-child(6) .circle{&:after{content:"";position:absolute;width:600%;height:1.8rem;border-right:.3rem solid #888;border-bottom:.3rem solid #888;border-bottom-right-radius:1rem;right:43%;top:50%;z-index:1;pointer-events:none}}li.station:last-child .circle:before{bottom:50%}}}}}@-webkit-keyframes slideIn{0%{bottom:-100svh;opacity:0}to{bottom:0;opacity:1}}@keyframes slideIn{0%{bottom:-100svh;opacity:0}to{bottom:0;opacity:1}}