/* ละครAI components — Netflix-style dark. The theme sets the page chrome; these work under any theme. */
:root{--lk-bg:#141414;--lk-bg2:#1b1b1b;--lk-card:#232323;--lk-line:#2e2e2e;--lk-text:#fff;--lk-mut:#b3b3b3;--lk-red:#e50914;--lk-red2:#f6121d;--lk-gold:#f5c518;--lk-gut:4%;--lk-r:6px}
.lk-main{color:var(--lk-text);min-height:60vh}
.lk-main a{color:inherit;text-decoration:none}
.lk-main img{max-width:100%}

/* chips + buttons */
.lk-chip{display:inline-block;font-size:.72rem;font-weight:700;padding:2px 7px;border-radius:3px;line-height:1.4;letter-spacing:.2px}
.lk-end{background:#1f8f4e;color:#fff}.lk-new{background:var(--lk-red);color:#fff}.lk-on{background:#0b6bcb;color:#fff}
.lk-btns{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}
.lk-btn{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:4px;padding:.62em 1.3em;font:inherit;font-weight:700;font-size:1rem;cursor:pointer;transition:background .15s,transform .15s;text-decoration:none;line-height:1.2}
.lk-btn:active{transform:scale(.97)}
.lk-btn-play{background:#fff;color:#000!important}.lk-btn-play:hover{background:#d6d6d6}
.lk-btn-info,.lk-btn-ghost{background:rgba(109,109,110,.7);color:#fff!important}.lk-btn-info:hover,.lk-btn-ghost:hover{background:rgba(109,109,110,.45)}
.lk-save.on{background:var(--lk-red)}
.lk-btn[aria-disabled]{opacity:.35;pointer-events:none}
.lk-sw{display:inline-flex;align-items:center;gap:6px;color:var(--lk-mut);font-size:.9rem;cursor:pointer}
.lk-sw input{accent-color:var(--lk-red);width:16px;height:16px}

/* rows */
.lk-row,.lk-genres{margin:2.2vw 0 0;position:relative}
.lk-row-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 var(--lk-gut);margin:0 0 .55rem}
.lk-row-h h2,.lk-row-h h3{margin:0;font-size:clamp(1.05rem,1.5vw,1.45rem);font-weight:700;color:#e5e5e5}
.lk-more{font-size:.88rem;color:#54b9c5!important;white-space:nowrap}
.lk-more:hover{color:#8be3ee!important}
.lk-rail-wrap{position:relative}
.lk-rail{display:flex;gap:.5vw;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:0 var(--lk-gut);padding:6px var(--lk-gut) 14px;scrollbar-width:none;overscroll-behavior-x:contain}
.lk-rail::-webkit-scrollbar{display:none}
.lk-rail>.lk-card{flex:0 0 clamp(118px,13.6vw,210px);scroll-snap-align:start}
.lk-nav{position:absolute;top:6px;bottom:14px;width:var(--lk-gut);min-width:34px;z-index:3;border:0;background:rgba(20,20,20,.55);color:#fff;font-size:2.6rem;line-height:1;cursor:pointer;opacity:0;transition:opacity .2s}
.lk-prev{left:0;border-radius:0 6px 6px 0}.lk-next{right:0;border-radius:6px 0 0 6px}
.lk-rail-wrap:hover .lk-nav{opacity:1}.lk-nav:hover{background:rgba(20,20,20,.8)}
.lk-rail-wrap.at-start .lk-prev,.lk-rail-wrap.at-end .lk-next{opacity:0!important;pointer-events:none}
@media (hover:none){.lk-nav{display:none}}

/* card */
.lk-card{display:block;position:relative;color:#fff;outline-offset:3px}
.lk-poster{display:block;position:relative;aspect-ratio:9/16;border-radius:var(--lk-r);overflow:hidden;background:var(--lk-card) linear-gradient(110deg,#1e1e1e 30%,#2a2a2a 50%,#1e1e1e 70%);box-shadow:0 2px 10px rgba(0,0,0,.4);transition:transform .25s ease,box-shadow .25s}
.lk-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.lk-poster::after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(0,0,0,.85));pointer-events:none}
.lk-eps{position:absolute;left:7px;bottom:7px;z-index:2;font-size:.74rem;font-weight:700;background:rgba(0,0,0,.6);padding:2px 7px;border-radius:3px}
.lk-poster .lk-chip{position:absolute;top:7px;left:7px;z-index:2}
.lk-play{position:absolute;inset:0;margin:auto;width:46px;height:46px;border-radius:50%;background:rgba(229,9,20,.92) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8 5v14l11-7z'/%3E%3C/svg%3E") 55% 50%/22px no-repeat;opacity:0;transform:scale(.7);transition:.2s;z-index:2}
.lk-card:hover .lk-poster,.lk-card:focus-visible .lk-poster{transform:translateY(-4px);box-shadow:0 10px 26px rgba(0,0,0,.7),0 0 0 2px rgba(255,255,255,.85)}
.lk-card:hover .lk-poster img{transform:scale(1.06)}
.lk-card:hover .lk-play,.lk-card:focus-visible .lk-play{opacity:1;transform:none}
.lk-ct{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:.45rem 0 0;font-size:.9rem;font-weight:600;line-height:1.35;color:#e5e5e5}
.lk-cs{display:block;font-size:.76rem;color:var(--lk-mut);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lk-progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.25);z-index:3}
.lk-progress i{display:block;height:100%;background:var(--lk-red)}

/* top 10 */
.lk-row-top .lk-rail>.lk-card{flex-basis:clamp(170px,19vw,290px);display:flex;align-items:flex-end}
.lk-rank{flex:0 0 46%;font:900 clamp(6rem,11vw,11.5rem)/.8 "Arial Black",Impact,sans-serif;color:#0d0d0d;-webkit-text-stroke:4px #8c8c8c;paint-order:stroke;text-align:right;letter-spacing:-.1em;margin-right:-4%;user-select:none;text-shadow:0 0 30px rgba(0,0,0,.6)}
.lk-card:hover .lk-rank{-webkit-text-stroke-color:#fff}
.lk-row-top .lk-poster{flex:0 0 58%}
.lk-row-top .lk-ct,.lk-row-top .lk-cs{display:none}

/* grid */
.lk-gridbox{padding:0 var(--lk-gut);margin:1.4rem 0 2rem}
.lk-grid-title{font-size:1.3rem;margin:0 0 .8rem}
.lk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 12px}
.lk-empty{color:var(--lk-mut);padding:1.5rem 0}
.lk-filters{margin:0 0 1.2rem}
.lk-chips{display:flex;flex-wrap:wrap;gap:8px}
.lk-f{background:var(--lk-card);color:#ddd;border:1px solid var(--lk-line);border-radius:999px;padding:.38em .95em;font:inherit;font-size:.88rem;cursor:pointer}
.lk-f small{color:#888}.lk-f:hover{border-color:#777}
.lk-f.on{background:#fff;color:#000;border-color:#fff}.lk-f.on small{color:#555}
.lk-fbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:12px}
.lk-sort{background:#000;color:#fff;border:1px solid #555;border-radius:4px;padding:.4em .6em;font:inherit;font-size:.9rem}
.lk-count{color:var(--lk-mut);font-size:.9rem;margin-left:auto}

/* genre tiles */
.lk-gtiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;padding:0 var(--lk-gut)}
.lk-gtile{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#232323,#171717);border:1px solid var(--lk-line);border-radius:10px;padding:10px 12px;transition:.2s}
.lk-gtile:hover{border-color:var(--lk-red);transform:translateY(-2px);background:linear-gradient(135deg,#2c1214,#171717)}
.lk-gtile img{width:52px;height:52px;border-radius:10px;flex:0 0 52px}
.lk-gtile b{display:block;font-size:1rem}.lk-gtile small{color:var(--lk-mut)}

/* hero */
.lk-hero{position:relative;height:min(82vh,760px);min-height:460px;overflow:hidden;background:#000}
.lk-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility 0s .8s}
.lk-slide.on{opacity:1;visibility:visible;transition:opacity .8s ease}
.lk-hero-bg{position:absolute;inset:0;background:#000 center/cover no-repeat}
.lk-hero-blur{position:absolute;inset:-40px;background:center/cover no-repeat;filter:blur(38px) brightness(.55) saturate(1.3);opacity:.55;mix-blend-mode:screen}
.lk-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.6) 38%,rgba(0,0,0,.1) 70%),linear-gradient(0deg,var(--lk-bg) 0%,rgba(20,20,20,0) 32%)}
.lk-hero-in{position:relative;z-index:2;height:100%;display:flex;align-items:center;justify-content:space-between;gap:4vw;padding:70px var(--lk-gut) 9%}
.lk-hero-txt{max-width:620px}
.lk-hero-kicker{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;letter-spacing:1px;color:#fff;text-transform:uppercase}
.lk-hero-kicker::before{content:"";width:22px;height:30px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 30'%3E%3Crect x='1.5' y='1.5' width='19' height='27' rx='4' fill='none' stroke='%23e50914' stroke-width='3'/%3E%3Cpath d='M8 10v10l8-5z' fill='%23e50914'/%3E%3C/svg%3E") center/contain no-repeat}
.lk-hero-title{font-size:clamp(2rem,4.6vw,4rem);line-height:1.12;margin:.35rem 0 .6rem;font-weight:800;text-shadow:0 3px 16px rgba(0,0,0,.6)}
.lk-hero-g{color:#ddd;font-weight:600;margin:0 0 .5rem}
.lk-hero-ex{color:#e8e8e8;font-size:clamp(.95rem,1.15vw,1.12rem);line-height:1.6;margin:0;text-shadow:0 1px 6px rgba(0,0,0,.8)}
.lk-hero-phone{flex:0 0 auto;width:clamp(170px,19vw,300px);aspect-ratio:9/16;border-radius:26px;overflow:hidden;border:6px solid #111;box-shadow:0 0 0 2px #333,0 30px 80px rgba(0,0,0,.8),0 0 60px rgba(229,9,20,.35);transform:rotate(3deg);position:relative;margin-right:4vw}
.lk-hero-phone img{width:100%;height:100%;object-fit:cover}
.lk-dots{position:absolute;right:var(--lk-gut);bottom:18%;z-index:3;display:flex;gap:6px}
.lk-dot{width:22px;height:3px;border:0;background:rgba(255,255,255,.35);cursor:pointer;padding:0}
.lk-dot.on{background:#fff}

/* series page */
.lk-sp-top{position:relative;overflow:hidden;padding:96px var(--lk-gut) 40px}
.lk-sp-bg{position:absolute;inset:-60px;background:center/cover no-repeat;filter:blur(46px) brightness(.62) saturate(1.5);transform:scale(1.1)}
.lk-sp-top::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--lk-bg) 2%,rgba(20,20,20,.15) 55%,rgba(20,20,20,.55)),radial-gradient(ellipse at 70% 30%,rgba(229,9,20,.18),transparent 60%)}
.lk-sp-in{position:relative;z-index:2;display:flex;gap:clamp(18px,3vw,44px);align-items:flex-end;max-width:1300px}
.lk-sp-poster{flex:0 0 clamp(150px,20vw,280px);aspect-ratio:9/16;border-radius:10px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.7)}
.lk-sp-poster img{width:100%;height:100%;object-fit:cover}
.lk-sp-title{font-size:clamp(1.8rem,3.6vw,3.2rem);line-height:1.15;margin:.3rem 0 .6rem;font-weight:800}
.lk-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;color:var(--lk-mut);font-size:.95rem;margin:0}
.lk-meta a{color:#fff!important;border-bottom:1px dotted #777}
.lk-sp-ex{max-width:760px;color:#ddd;line-height:1.65;margin:.9rem 0 0}
.lk-sp-ch{color:var(--lk-mut);margin:.6rem 0 0;font-size:.92rem}
.lk-crumbs{font-size:.84rem;color:var(--lk-mut);margin:0 0 .3rem}
.lk-crumbs a{color:#ccc!important}
.lk-sp-eps{padding:0;margin:1rem 0 0}
.lk-sortep{background:none;border:1px solid #555;color:#ddd;border-radius:4px;padding:.3em .8em;font:inherit;font-size:.85rem;cursor:pointer}
.lk-epgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px;padding:0 var(--lk-gut)}
.lk-ep{display:block;text-align:center}
.lk-ep-th{display:block;position:relative;aspect-ratio:9/16;border-radius:6px;overflow:hidden;background:var(--lk-card);border:2px solid transparent;transition:.15s}
.lk-ep-th img{width:100%;height:100%;object-fit:cover}
.lk-ep b{display:block;margin-top:5px;font-size:.88rem}
.lk-ep:hover .lk-ep-th{border-color:#fff}
.lk-ep.seen .lk-ep-th::after{content:"✓ ดูแล้ว";position:absolute;left:0;right:0;bottom:0;background:rgba(229,9,20,.85);font-size:.7rem;font-weight:700;padding:2px 0}
.lk-sp-body{padding:0 var(--lk-gut);margin:2.4rem 0 0;max-width:1000px}
.lk-prose{color:#d9d9d9;line-height:1.8;font-size:1rem}
.lk-prose h2{color:#fff;font-size:1.35rem;margin:1.6rem 0 .6rem}
.lk-prose h3{color:#fff;font-size:1.1rem;margin:1.2rem 0 .4rem}
.lk-prose a{color:#ff5a63!important;text-decoration:underline}
.lk-faq details{background:var(--lk-bg2);border:1px solid var(--lk-line);border-radius:8px;margin:0 0 8px;padding:0 16px}
.lk-faq summary{cursor:pointer;padding:12px 0;font-weight:700;color:#fff}
.lk-faq details p{margin:0 0 12px}

/* episode page */
.lk-ws{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;padding:84px var(--lk-gut) 0;max-width:1500px;margin:0 auto}
.lk-ws-main{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:start}
.lk-stage{width:min(calc((100vh - 170px) * 9 / 16),460px);min-width:260px}
.lk-player{position:relative;aspect-ratio:9/16;background:#000;border-radius:14px;overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.7),0 0 0 1px #2a2a2a}
.lk-player iframe,.lk-player .lk-yt-frame{position:absolute;inset:0;width:100%;height:100%;border:0}
.lk-player-cover{position:absolute;inset:0;border:0;padding:0;background:#000;cursor:pointer;width:100%}
.lk-player-cover img{width:100%;height:100%;object-fit:cover;opacity:.75}
.lk-bigplay{position:absolute;inset:0;margin:auto;width:78px;height:78px;border-radius:50%;background:var(--lk-red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8 5v14l11-7z'/%3E%3C/svg%3E") 56% 50%/36px no-repeat;box-shadow:0 0 0 10px rgba(229,9,20,.25)}
.lk-ctrl{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;flex-wrap:wrap}
.lk-ctrl .lk-btn{font-size:.92rem;padding:.55em 1em}
.lk-ws-title{font-size:clamp(1.4rem,2.4vw,2.2rem);line-height:1.2;margin:.2rem 0 .5rem}
.lk-epno{color:var(--lk-red)}
.lk-ws-desc{color:#cfcfcf;line-height:1.7;margin-top:1.2rem;max-width:640px}
.lk-ws-side{background:var(--lk-bg2);border:1px solid var(--lk-line);border-radius:12px;align-self:start;position:sticky;top:76px;max-height:calc(100vh - 100px);display:flex;flex-direction:column}
.lk-side-h{display:flex;justify-content:space-between;gap:8px;padding:12px 14px;border-bottom:1px solid var(--lk-line)}
.lk-side-h span{color:var(--lk-mut);white-space:nowrap}
.lk-eplist{list-style:none;margin:0;padding:8px;overflow:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.lk-eplist a{display:block;text-align:center;font-size:.82rem;font-weight:700;color:#ddd;border-radius:6px;padding-bottom:4px}
.lk-mini{display:block;aspect-ratio:9/16;border-radius:6px;overflow:hidden;background:#000;margin-bottom:4px;border:2px solid transparent}
.lk-mini img{width:100%;height:100%;object-fit:cover}
.lk-eplist a:hover .lk-mini{border-color:#888}
.lk-eplist a.on{color:var(--lk-red)}.lk-eplist a.on .lk-mini{border-color:var(--lk-red)}

/* search */
.lk-search{padding:0 var(--lk-gut)}
.lk-sform{display:flex;gap:10px;margin:0 0 1.5rem;max-width:720px}
.lk-sform input{flex:1;background:#000;border:1px solid #555;color:#fff;border-radius:4px;padding:.75em 1em;font:inherit;font-size:1.05rem}
.lk-sform input:focus{border-color:#fff;outline:0}

/* toast */
.lk-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#fff;color:#000;font-weight:700;padding:10px 18px;border-radius:6px;opacity:0;transition:.25s;z-index:99999;pointer-events:none}
.lk-toast.on{opacity:1;transform:translate(-50%,0)}

/* phone */
@media (max-width:1100px){
  .lk-ws{grid-template-columns:1fr}
  .lk-ws-side{position:static;max-height:none}
  .lk-eplist{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}
}
@media (max-width:760px){
  :root{--lk-gut:16px}
  .lk-hero{height:auto;min-height:0}
  .lk-slide{position:absolute}.lk-slide.on{position:relative}
  .lk-hero-in{flex-direction:column-reverse;align-items:center;text-align:center;padding:76px 16px 44px;gap:18px}
  .lk-hero-phone{width:min(56vw,230px);margin:0;transform:none;border-width:4px}
  .lk-hero-txt .lk-btns{justify-content:center}
  .lk-hero-ex{display:none}
  .lk-hero-bg::after{background:linear-gradient(0deg,var(--lk-bg) 0%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.35))}
  .lk-dots{bottom:12px;right:auto;left:50%;transform:translateX(-50%)}
  .lk-rail{gap:8px}
  .lk-rail>.lk-card{flex-basis:31vw}
  .lk-row-top .lk-rail>.lk-card{flex-basis:46vw}
  .lk-row{margin-top:22px}
  .lk-grid{grid-template-columns:repeat(3,1fr);gap:16px 8px}
  .lk-ct{font-size:.82rem}
  .lk-sp-top{padding-top:76px}
  .lk-sp-in{flex-direction:column;align-items:center;text-align:center}
  .lk-sp-poster{flex-basis:auto;width:52vw}
  .lk-meta,.lk-btns{justify-content:center}
  .lk-epgrid{grid-template-columns:repeat(4,1fr);gap:8px}
  .lk-ws{padding-top:64px;gap:18px}
  .lk-ws-main{grid-template-columns:1fr;gap:14px}
  .lk-stage{width:100%;min-width:0}
  .lk-player{border-radius:10px;max-height:calc(100svh - 200px);aspect-ratio:auto;height:min(calc(100vw * 16 / 9),calc(100svh - 200px))}
  .lk-gtiles{grid-template-columns:repeat(2,1fr)}
  .lk-gtile img{width:40px;height:40px;flex-basis:40px}
  .lk-count{margin-left:0}
}
@media (prefers-reduced-motion:reduce){.lk-slide,.lk-poster,.lk-poster img,.lk-play{transition:none}}
.lk-sp-body .lk-sp-img{float:right;width:clamp(110px,18vw,170px);margin:0 0 12px 18px}
.lk-sp-body .lk-sp-img img{border-radius:8px;aspect-ratio:9/16;object-fit:cover;width:100%}
.lk-sp-body::after{content:"";display:block;clear:both}
.lk-seo-img{margin:1.2rem 0}.lk-seo-img img{border-radius:12px;max-width:min(100%,640px);height:auto}
.lkt-content .lk-seo-img img[src*="genres/"]{max-width:96px}
.lk-player-msg{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:rgba(0,0,0,.88);color:#ddd;line-height:1.6}
.lk-player-msg b{color:#fff;font-size:1.15rem}
.lk-player-msg[hidden]{display:none}
.lk-eplist a.dead .lk-mini,.lk-ep.dead .lk-ep-th{opacity:.35;filter:grayscale(1)}
.lk-chip.lk-newep{background:#f5c518;color:#000}
.lk-pwrap{position:relative}.lk-pwrap .lk-player-msg{border-radius:14px}
/* genre strip: one scrolling row */
.lk-gtiles{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px var(--lk-gut) 12px;scrollbar-width:none}
.lk-gtiles::-webkit-scrollbar{display:none}
.lk-gtile{flex:0 0 auto;min-width:170px;scroll-snap-align:start}
@media (max-width:760px){.lk-gtile{min-width:140px;padding:8px 10px}.lk-gtile b{font-size:.92rem}}
/* landscape (16:9) episodes */
.lk-ws.lk-land .lk-ws-main{grid-template-columns:1fr}
.lk-ws.lk-land .lk-stage{width:min(100%,calc((100vh - 200px) * 16 / 9),1000px)}
.lk-ws.lk-land .lk-player{aspect-ratio:16/9;height:auto;max-height:none}
.lk-ws.lk-land .lk-player-cover img{object-fit:contain;opacity:1}
.lk-ws.lk-land .lk-mini{aspect-ratio:16/9}
.lk-ws.lk-land .lk-eplist{grid-template-columns:repeat(2,1fr)}
@media (max-width:760px){.lk-ws.lk-land .lk-player{height:auto;aspect-ratio:16/9}}
/* rails: arrows always shown when the row can scroll, edge fade, mouse drag */
.lk-rail-wrap{position:relative}
.lk-rail-wrap .lk-nav{opacity:.92;display:flex;align-items:center;justify-content:center;top:50%;bottom:auto;transform:translateY(-60%);width:44px;height:44px;min-width:0;border-radius:50%;background:rgba(20,20,20,.82);border:1px solid rgba(255,255,255,.25);font-size:1.9rem;line-height:1;padding:0 0 4px;box-shadow:0 4px 16px rgba(0,0,0,.6)}
.lk-rail-wrap .lk-prev{left:8px}.lk-rail-wrap .lk-next{right:8px}
.lk-rail-wrap .lk-nav:hover{background:var(--lk-red);border-color:var(--lk-red);opacity:1}
.lk-rail-wrap.no-scroll .lk-nav,.lk-rail-wrap.at-start .lk-prev,.lk-rail-wrap.at-end .lk-next{opacity:0!important;pointer-events:none}
.lk-rail-wrap::before,.lk-rail-wrap::after{content:"";position:absolute;top:0;bottom:0;width:5%;min-width:24px;z-index:2;pointer-events:none;transition:opacity .2s}
.lk-rail-wrap::before{left:0;background:linear-gradient(90deg,var(--lk-bg),transparent)}
.lk-rail-wrap::after{right:0;background:linear-gradient(270deg,var(--lk-bg),transparent)}
.lk-rail-wrap.at-start::before,.lk-rail-wrap.at-end::after,.lk-rail-wrap.no-scroll::before,.lk-rail-wrap.no-scroll::after{opacity:0}
.lk-rail,.lk-gtiles{cursor:grab;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
.lk-rail.dragging,.lk-gtiles.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.lk-rail.dragging a,.lk-gtiles.dragging a{pointer-events:none}
.lk-row-top .lk-rail-wrap .lk-nav{transform:translateY(-50%)}
@media (hover:none){.lk-rail-wrap .lk-nav{display:flex;width:34px;height:34px;font-size:1.5rem;opacity:.85}}
@media (max-width:760px){.lk-rail-wrap .lk-prev{left:4px}.lk-rail-wrap .lk-next{right:4px}}
.lk-rail.gliding,.lk-gtiles.gliding{scroll-snap-type:none}
.lk-gtiles{scroll-padding:0 var(--lk-gut)}