*,::before,::after{box-sizing:border-box;margin:0;padding:0;border:0 solid}html{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6,p,ul,ol{overflow-wrap:break-word}ul,ol{list-style:none;padding:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;text-wrap:balance}p,ul,ol{text-wrap:pretty}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}img,svg,video,canvas,audio,iframe{display:block;vertical-align:middle}img,video{height:auto;width:100%}b,strong{font-weight:bolder}small{font-size:80%}table{text-indent:0;border-color:inherit;border-collapse:collapse;width:100%}:-moz-focusring{outline:auto}button,input,textarea{background-color:rgba(0,0,0,0);border:none;border-radius:0;color:inherit;font:inherit;opacity:1;padding:0}button{cursor:pointer;touch-action:manipulation}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}textarea{resize:vertical}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:400;src:url("/assets/fonts/inter-v20-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:700;src:url("/assets/fonts/inter-v20-latin-700.woff2") format("woff2")}html,body{height:100%}html{font-family:"Inter",sans-serif;font-size:20px;line-height:1.5}.simple{font-size:.7rem;margin:0 auto;max-width:1200px;padding:20px}@media(min-width: 700px){.simple{padding:60px}}.simple>*+*{margin-top:20px}.simple h1,.simple h2{font-weight:700;margin-top:60px;text-transform:uppercase}#lndskp{display:grid;grid-template-rows:1fr 30px auto auto auto;height:100%;user-select:none;-webkit-user-select:none}@media(min-width: 700px){#lndskp{grid-template-columns:1fr min(60%,1000px) 1fr;grid-template-rows:100px 1fr minmax(0, 700px) 1fr 100px;min-height:600px}}.header{align-items:center;background-color:#fff;border-top-left-radius:20px;border-top-right-radius:20px;display:flex;grid-column:1;grid-row:2/4;justify-content:space-between;padding:20px 20px 10px;position:relative;z-index:10}@media(min-width: 700px){.header{grid-column:1/span 3;grid-row:1;padding:20px 60px}}.header__logo img{width:160px}.header__share{align-items:center;color:#1040ff;display:flex;gap:5px}.header__share img{width:24px}.footer{align-items:center;color:#999;display:flex;font-size:.7rem;grid-column:1;grid-row:5;padding:20px}@media(min-width: 700px){.footer{grid-column:1/span 3;grid-row:5;padding:20px 60px}}.footer ul{display:flex;flex-wrap:wrap;gap:5px 10px}.footer a{text-decoration:underline}.player{background-color:#000;grid-column:1;grid-row:1/3;overflow:hidden;position:relative}@media(min-width: 700px){.player{grid-column:2;grid-row:3}}.player__scroller{display:flex;cursor:grab;height:100%;overflow-x:scroll;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-x}.player__scroller::-webkit-scrollbar{display:none}.player__image{flex-shrink:0;height:100%;position:relative;width:max-content}.player__image::after{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.player__image img{height:100%;width:auto}.player__data{background:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));color:#fff;left:0;padding:30px 20px;position:absolute;right:0;top:0}@media(min-width: 700px){.player__data{padding:30px}}.player__user{font-size:1rem;font-weight:700}.player__name,.player__time,.player__offline{font-size:.8rem;opacity:.8}.list{display:flex;gap:10px;grid-column:1;grid-row:4;overflow-x:scroll;overscroll-behavior:contain;padding:0 20px;scrollbar-width:none;touch-action:pan-x}.list::-webkit-scrollbar{display:none}@media(min-width: 700px){.list{align-items:center;display:grid;grid-column:1/span 3;grid-row:3;grid-template-columns:1fr min(60%,1000px) 1fr;gap:0;overflow:clip;padding:0}}.list__group{display:flex;gap:10px;height:100%}@media(min-width: 700px){.list__group{align-items:center;gap:0;overflow:hidden}}@media(min-width: 700px){.list__group--prev,.list__group--next{height:300px}}@media(min-width: 700px){.list__group--prev{grid-column:1;justify-self:end}}@media(min-width: 700px){.list__group--prev>*[data-dist="1"]{margin-right:-150px}}@media(min-width: 700px){.list__group--prev>*[data-dist="2"]{margin-right:-127.5px}}@media(min-width: 700px){.list__group--prev>*[data-dist="3"]{margin-right:-105px}}@media(min-width: 700px){.list__group--prev>*[data-dist="4"]{margin-right:-82.5px}}@media(min-width: 700px){.list__group--prev>*[data-dist="5"]{margin-right:-60px}}@media(min-width: 700px){.list__group--prev>*[data-dist="6"]{margin-right:-37.5px}}@media(min-width: 700px){.list__group--current{grid-column:2;visibility:hidden}}@media(min-width: 700px){.list__group--next{grid-column:3;justify-self:start}}@media(min-width: 700px){.list__group--next>*[data-dist="1"]{margin-left:-150px}}@media(min-width: 700px){.list__group--next>*[data-dist="2"]{margin-left:-127.5px}}@media(min-width: 700px){.list__group--next>*[data-dist="3"]{margin-left:-105px}}@media(min-width: 700px){.list__group--next>*[data-dist="4"]{margin-left:-82.5px}}@media(min-width: 700px){.list__group--next>*[data-dist="5"]{margin-left:-60px}}@media(min-width: 700px){.list__group--next>*[data-dist="6"]{margin-left:-37.5px}}.card{border-radius:10px;height:20vw;overflow:hidden;position:relative;touch-action:manipulation;width:20vw}@media(min-width: 700px){.card{aspect-ratio:1;border-radius:0;width:auto}}.card::after{border-radius:10px;bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}@media(min-width: 700px){.card::after{border:0}}.card--current{outline:none}.card--current::after{border:5px solid #1040ff}@media(min-width: 700px){.card[data-dist="1"]{height:100%;z-index:6}}@media(min-width: 700px){.card[data-dist="2"]{height:85%;z-index:5}}@media(min-width: 700px){.card[data-dist="3"]{height:70%;z-index:4}}@media(min-width: 700px){.card[data-dist="4"]{height:55%;z-index:3}}@media(min-width: 700px){.card[data-dist="5"]{height:40%;z-index:2}}@media(min-width: 700px){.card[data-dist="6"]{height:25%;z-index:1}}.card img{height:100%;object-fit:cover}