.watch-samples{padding-top:56px;margin-block:68px 20px;border-top:1px solid color-mix(in srgb,var(--fg) 20%,transparent)}.samples-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:33px}.samples-heading h2{font-size:clamp(32px,3.2vw,46px);font-weight:500;line-height:1.15;letter-spacing:-.035em}.samples-heading>p{font-size:13px;line-height:1.8;color:color-mix(in srgb,var(--fg) 76%,var(--bg))}.samples-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:38px;align-items:start}.sample-main{min-width:0}.sample-screen{aspect-ratio:16/9;position:relative;isolation:isolate;overflow:hidden;background:#111915;border-radius:10px;color:#fff}.sample-poster{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0;filter:brightness(.6)}.sample-start{position:absolute;inset:0;width:100%;height:100%;background:transparent;color:#fff;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;padding:25px;cursor:pointer;z-index:1}.sample-start[hidden]{display:none}.sample-start>svg{padding:18px;width:70px;height:70px;border:1px solid #ffffffa6;border-radius:50%;background:#14241c66;transition:background .2s}.sample-start:hover>svg{background:#14241cd9}.sample-start>span{font-size:12px;font-weight:650}.sample-start:focus-visible{outline:3px solid var(--accent);outline-offset:-6px}.sample-iframe-slot{position:absolute;inset:0;pointer-events:none}.sample-iframe-slot iframe{width:100%;height:100%;border:0;display:block}.player-active .sample-iframe-slot{pointer-events:auto;z-index:2}.sample-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-top:19px}.sample-active-title{font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.025em}.sample-active-author{font-size:11px;margin-top:7px;color:color-mix(in srgb,var(--fg) 75%,var(--bg))}.sample-open{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;color:var(--fg);font-size:11px;text-decoration:underline;text-underline-offset:5px;line-height:1.8}.sample-open svg{width:16px;height:16px}.sample-status-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-top:15px}.sample-status{font-size:11px;line-height:1.7;max-width:520px;color:color-mix(in srgb,var(--fg) 73%,var(--bg))}.sample-stop{padding:0;background:none;color:var(--fg);border:0;border-bottom:1px solid currentColor;flex-shrink:0;cursor:pointer;font-size:11px}.sample-list{display:flex;flex-direction:column;gap:0;border-top:1px solid color-mix(in srgb,var(--fg) 20%,transparent)}.sample-choice{display:grid;grid-template-columns:112px 1fr;align-items:center;gap:17px;padding:17px 0;text-align:left;background:none;color:var(--fg);border:0;border-bottom:1px solid color-mix(in srgb,var(--fg) 20%,transparent);cursor:pointer;opacity:.74;transition:opacity .2s}.sample-choice[aria-pressed=true],.sample-choice:hover{opacity:1}.sample-choice>img{width:112px;height:72px;object-fit:cover;border-radius:5px;filter:saturate(.75)}.sample-choice[aria-pressed=true]>img{filter:saturate(1)}.sample-choice>span{display:flex;flex-direction:column;gap:5px;min-width:0}.sample-choice strong{font-size:14px;font-weight:600;line-height:1.5;letter-spacing:-.01em}.sample-provider{font-size:11px;line-height:1.5;color:color-mix(in srgb,var(--fg) 80%,var(--bg))}.sample-choice[aria-pressed=true] .sample-provider{color:var(--accent)}.sample-author{font-size:11px;line-height:1.5;color:color-mix(in srgb,var(--fg) 72%,var(--bg))}.sample-explainer{font-size:12px;line-height:1.9;margin-top:20px;color:color-mix(in srgb,var(--fg) 76%,var(--bg))}.brand-titry .sample-screen,.brand-kadr .sample-screen,.brand-sync .sample-screen,.brand-komnata .sample-screen{border-radius:0}.brand-pled .samples-heading h2,.brand-dubl .samples-heading h2,.brand-kruzhok .samples-heading h2{font-family:Lora,serif}.brand-sync .samples-heading h2{font-family:Unbounded,sans-serif;font-size:33px}.brand-volna .watch-samples{padding-top:35px;margin-top:50px}.brand-kruzhok .sample-choice[aria-pressed=true] .sample-provider{color:#193d31}@media(max-width:1000px){.samples-layout{grid-template-columns:1.4fr 1fr;gap:26px}.sample-choice{grid-template-columns:88px 1fr;gap:12px}.sample-choice>img{width:88px;height:64px}.sample-choice strong{font-size:13px}.sample-meta{display:block}.sample-open{margin-top:12px}.sample-active-title{font-size:19px}.samples-heading>p{font-size:12px}.sample-choice .sample-author{display:none}}@media(max-width:620px){.watch-samples{padding-top:36px;margin-top:47px}.samples-heading{display:block;margin-bottom:25px}.samples-heading h2{font-size:33px}.samples-heading>p{font-size:12px;margin-top:20px}.samples-layout{display:flex;flex-direction:column;gap:25px}.sample-main,.sample-list{width:100%}.sample-start{gap:12px;padding:15px}.sample-start>svg{width:53px;height:53px;padding:13px}.sample-start>span{font-size:11px}.sample-meta{margin-top:15px}.sample-active-title{font-size:19px}.sample-status-row{flex-direction:column;gap:10px;margin-top:13px}.sample-status{font-size:11px}.sample-choice{grid-template-columns:105px 1fr;gap:16px;padding:16px 0}.sample-choice>img{width:105px;height:70px}.sample-choice strong{font-size:13px}.sample-choice .sample-author{display:block}.sample-explainer{font-size:12px;margin-top:19px}.sample-choice[aria-pressed=false]{opacity:.84}.brand-sync .samples-heading h2{font-size:26px}.brand-volna .watch-samples{margin-top:40px}.sample-screen{border-radius:7px}}@media(prefers-reduced-motion:reduce){.sample-start>svg,.sample-choice{transition:none}}

.sample-choice,.sample-choice[aria-pressed=false]{opacity:1}.sample-choice[aria-pressed=false]>img{opacity:.75}.sample-choice:hover>img,.sample-choice[aria-pressed=true]>img{opacity:1}