.qsr{max-width:1240px;margin:auto;padding:40px 24px;color:#102c42}.qsr-page{padding-block:36px}.qsr-head{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:20px}.qsr-head span{color:#3c6379;font-size:.9rem}.qsr-head h2{font-size:clamp(1.55rem,4vw,2.5rem);margin:3px 0 0;color:inherit}.qsr-head>a{font-weight:700;color:#154f74}.qsr-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 3px 12px}.qsr-card{position:relative;isolation:isolate;display:block;flex:0 0 calc((100% - 32px)/3);aspect-ratio:9/16;max-height:510px;overflow:hidden;border-radius:14px;color:#fff!important;background:#142e46;scroll-snap-align:start;text-decoration:none!important}.qsr-card img{width:100%;height:100%;object-fit:cover;display:block}.qsr-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#051e37 2%,#0d3151ba 25%,transparent 65%);pointer-events:none}.qsr-label,.qsr-play,.qsr-card strong{position:absolute;z-index:1}.qsr-label{inset:14px auto auto 14px;background:#0b2236;color:white;padding:4px 9px;border-radius:6px;font:700 .8rem system-ui}.qsr-play{inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:white;color:#112d42;border-radius:50%;width:54px;height:54px}.qsr-card strong{inset:auto 18px 20px;line-height:1.55;font-size:clamp(1rem,2vw,1.35rem)}.qsr-controls{display:flex;gap:8px;justify-content:center;margin-top:8px}.qsr-controls button,.qsr-close{border:0;border-radius:50%;background:#102d44;color:white;width:42px;height:42px;cursor:pointer}.qsr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.qsr-dialog{border:0;border-radius:14px;background:#0b1926;color:white;padding:10px;width:min(88vw,400px);max-height:94dvh;text-align:center}.qsr-dialog::backdrop{background:#001321d9}.qsr-close{display:block;margin:0 0 6px auto;font-size:24px}.qsr-frame iframe{display:block;border:0;width:100%;height:min(70dvh,650px)}.qsr-watch{display:block;color:white!important;padding:7px}.qsr a:focus-visible,.qsr button:focus-visible{outline:3px solid #d39512;outline-offset:2px}@media(max-width:750px){.qsr-card{flex-basis:calc((100% - 16px)/2)}.qsr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:470px){.qsr{padding-inline:16px}.qsr-track:not(.qsr-grid) .qsr-card{flex-basis:76%}.qsr-card strong{inset-inline:10px}.qsr-play{width:42px;height:42px}}

#qsr-home{background:#fff;color:#083085}
#qsr-home .qsr{padding-block:30px 36px}
#qsr-home .qsr-track{scrollbar-width:none;scroll-snap-type:none;cursor:grab}
#qsr-home .qsr-track::-webkit-scrollbar{display:none}
#qsr-home .qsr-card{border-radius:12px;background:#083085;cursor:grab;user-select:none}
#qsr-home .qsr-dragging,#qsr-home .qsr-dragging .qsr-card{cursor:grabbing}
#qsr-home .qsr-card::after{background:linear-gradient(0deg,#06286b 1%,#07388bd9 28%,transparent 70%)}
#qsr-home .qsr-play{color:#07388b;box-shadow:0 0 0 2px #00b2d0}
#qsr-home .qsr-label{background:#083085}
.qsr-preview{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;z-index:0}

#qsr-home .qsr-track{gap:0;padding:0}
#qsr-home .qsr-card{flex-basis:calc(100% / 3);border-radius:0}
#qsr-home .qsr-card:first-child{border-start-start-radius:12px;border-end-start-radius:12px}
#qsr-home .qsr-card:last-child{border-start-end-radius:12px;border-end-end-radius:12px}
.qsr-indicators{display:flex;justify-content:center;gap:8px;margin-top:12px}
.qsr-indicators[hidden]{display:none}
.qsr-indicators button{position:relative;width:32px;height:24px;border:0;padding:0;background:transparent;cursor:pointer}
.qsr-indicators button::after{content:"";position:absolute;inset:10px 0;background:#d6e2f4}
.qsr-indicators button[aria-current]::after{background:#083085}
@media(max-width:750px){#qsr-home .qsr-card{flex-basis:50%}}
@media(max-width:470px){#qsr-home .qsr-card{flex-basis:76%}.qsr-indicators{gap:6px}.qsr-indicators button{width:22px}}
#qsr-home .qsr-card strong{width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;inset:0 auto auto 0}
.qsr-preview{opacity:0}.qsr-playing .qsr-preview{opacity:1}.qsr-playing .qsr-play,.qsr-playing .qsr-label,.qsr-playing::after{visibility:hidden}
@media(hover:hover) and (pointer:fine){#qsr-home .qsr-card:hover .qsr-play{visibility:hidden}}