html{font-size:10px}*,*:after,*:before{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:400;margin:0}.icon{display:inline-block;aspect-ratio:1}.icon--25{width:25px}.icon--30{width:30px}.icon--40{width:40px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}body{display:grid;place-items:center;background-color:#aac4ef;margin:0;min-height:100dvh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.weather{display:flex;align-items:center;column-gap:2.5rem;overflow-x:auto;padding-left:4rem;padding-right:20%}.weather--with-mask{-webkit-mask-image:linear-gradient(to right,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(to right,transparent,#000 20%,#000 80%,transparent)}.weather__item{display:flex;flex-direction:column;align-items:center;row-gap:.8rem;flex-shrink:0;width:calc(25% - 1.875rem)}.weather__day{font-weight:700;text-transform:uppercase;font-size:1.4rem;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.weather__deg{font-size:1.4rem}.weather__deg--large{font-size:2.8rem}.datetime{display:flex;align-items:center;justify-content:flex-end;column-gap:3rem;padding-right:4rem;overflow:hidden}.datetime__date-group{text-align:right;font-size:1.6rem;color:#b9bab9;flex-grow:1;overflow:hidden}.datetime__date-group p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.datetime__time{color:#fff;white-space:nowrap}.datetime__time time{font-size:5rem;font-weight:100;letter-spacing:.5rem}.datetime__time span{text-transform:uppercase;font-size:1.8rem}.card{position:relative;display:flex;flex-direction:column;width:100%;row-gap:1.2rem;padding-block:1.5rem;align-items:center;flex-shrink:0}.card--video{max-width:16rem}.card--video .card__preview{height:9rem}.card--video .card__info{padding-inline:.5rem}.card--music{aspect-ratio:1/1;max-width:9rem}.card--music .card__info{padding-inline:1rem}@media(hover:hover){.card{cursor:pointer}.card:hover .card__preview{scale:1.2;z-index:1}.card:hover .card__preview:after{opacity:1}}.card__preview{position:relative;width:100%;transition:scale .3s ease;box-shadow:0 .8rem .8rem -.8rem #000}.card__preview:before{content:"";position:absolute;inset:0;background-color:#0000004d}.card__preview:after{content:"";position:absolute;inset:0;margin:auto;width:5rem;aspect-ratio:1;border-radius:50%;background-color:#000000b3;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='800'%20height='800'%20viewBox='-3%200%2028%2028'%3e%3cpath%20fill='%23fff'%20fill-rule='evenodd'%20d='M21.415%2012.554%202.418.311C1.291-.296%200-.233%200%201.946v24.108c0%201.992%201.385%202.306%202.418%201.635l18.997-12.243a2.076%202.076%200%200%200%200-2.892'/%3e%3c/svg%3e");background-size:30%;background-repeat:no-repeat;background-position:center;opacity:0;transition:opacity .3s ease}.card__preview img{display:block;width:100%;height:100%;object-fit:cover}.card__info{max-width:100%;white-space:nowrap}.card__showtime,.card__title{text-overflow:ellipsis;overflow:hidden}.card__showtime{font-size:1.2rem;color:#999a97}.card__title{font-size:1.4rem;color:#000}.music-player{display:flex;flex-direction:column;row-gap:1.5rem;max-width:40rem;width:100%;padding-inline:2rem}.music-player__info{display:flex;column-gap:1.5rem;align-items:center}.music-player__image{position:relative;width:6rem;aspect-ratio:1/1;flex-shrink:0}.music-player__image img{display:block;width:100%;height:100%;object-fit:cover}.music-player__image:before{content:"";position:absolute;inset:0;box-shadow:0 .8rem .8rem -.8rem #00000080}.music-player__content{display:flex;flex-direction:column;row-gap:.5rem;flex-grow:1}.music-player__song{font-size:1.4rem;color:#000}.music-player__artist{font-size:1.2rem;color:#999a97}.music-player__time-tracker{display:flex;align-items:center;justify-content:space-between;column-gap:2rem}.music-player__current-time,.music-player__total-time{color:#999a97;font-size:1.2rem}.music-player__soundline{position:relative;height:.2rem;background-color:#999a97;width:100%}.music-player__soundline::-webkit-progress-value{position:relative;background-color:#000}.music-player__soundline:before{content:"";position:absolute;top:50%;left:30%;translate:-50% -50%;width:1rem;aspect-ratio:1/1;border-radius:50%;background-color:#000}.app{max-width:81.6rem;width:100%;background-color:#fff}.app__header{position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:5rem;padding-block:4rem;background-image:url(./background-BLiDS93z.avif);background-repeat:no-repeat;background-position:center;background-size:cover;color:#fff}.app__header>*{position:relative;z-index:1}.app__header:before{content:"";position:absolute;inset:0;background-color:#000000b3}.app__section{display:flex;align-items:center;padding-top:4rem;padding-bottom:2.5rem}.app__section--with-border{position:relative;border-bottom:.1rem solid #b9bab9}.app__section--with-border:before{content:"";position:absolute;bottom:-.4rem;left:50%;translate:-50%;height:.8rem;width:11.4rem;background-color:#aac4ef;border-radius:.4rem}.app__section-image{display:flex;align-items:center;color:#aac4ef;flex-shrink:0;padding-left:4rem;padding-right:2rem}.app__content{flex-grow:1;overflow:hidden}.app__content--with-flex{display:flex;align-items:center}.app__nav{display:flex;align-items:center;column-gap:2.5rem;overflow-x:auto;padding-bottom:1.5rem;padding-inline:2rem}.app__btn{font-family:inherit;border:none;background-color:transparent;padding:0;text-decoration:none;font-size:1.6rem;color:#b9bab9;font-weight:600;scale:.9;white-space:nowrap;transition-property:scale,color;transition-duration:.3s;transition-timing-function:ease}@media(hover:hover){.app__btn{cursor:pointer}.app__btn:hover{color:#000;scale:1}}.app__btn--active{color:#000;scale:1;pointer-events:none}.app__scroll-container{display:flex;align-items:center;overflow-x:auto;padding-inline:2rem}