.el-trending{--tg: 4px;--p: clamp( 15rem, min(calc((100svh - var(--nav-h) - 3rem) * .5625), calc((100vw - 2 * var(--edge)) / 2.45)), 32rem );--g: calc(var(--p) * 1.0667 + 1px);--cg: max(2rem, calc(var(--p) * .27));position:relative;background:var(--oat);color:var(--ink);scroll-margin-top:var(--nav-h)}.el-trending-inner{display:grid;grid-template-columns:var(--g) var(--p);grid-template-areas:"head cap" "grid player";column-gap:var(--cg);row-gap:clamp(1.25rem,2.2vw,2rem);align-items:end;padding-block:clamp(3.5rem,5.5vw,5.5rem) clamp(3.5rem,5vw,5rem);padding-right:var(--edge);padding-left:max(var(--edge),calc((100% - var(--g) - var(--cg) - var(--p)) * .413))}.el-trending-head{grid-area:head;display:flex;flex-direction:column;min-width:0}.el-trending-label{margin:0 0 .6rem}.el-trending-h{font-size:min(var(--t-h1),calc(var(--g) * .108));font-weight:800;white-space:nowrap}.el-trending-sub{margin:.7rem 0 0;font-size:var(--t-small);line-height:1.45;color:var(--ink-mid)}.el-trending-sub a{color:var(--ink);font-weight:700;text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:1.5px;text-underline-offset:.22em;transition:color .3s ease}.el-trending-sub a:hover{color:var(--gold)}.el-trending-cap{grid-area:cap;display:flex;align-items:baseline;justify-content:space-between;gap:1rem;min-width:0;margin:0;font-size:var(--t-note);line-height:1.33}.el-trending-now{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-mid)}.el-trending-now b{color:var(--ink);font-weight:800}.el-trending-open{flex-shrink:0;display:inline-flex;align-items:center;gap:.45em;padding-bottom:.28rem;border-bottom:1.5px solid var(--gold);color:var(--ink);font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:color .3s ease}.el-trending-open:hover{color:var(--gold)}.el-trending-arrow{width:.8em;height:.8em;flex:none}.el-trending-grid{grid-area:grid;align-self:start;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--tg);margin:0;padding:0;list-style:none}.el-trending-grid>li{min-width:0}.el-trending-tile{position:relative;display:block;width:100%;aspect-ratio:4 / 5;padding:0;border:0;overflow:hidden;background:var(--media);color:#fff;cursor:pointer}.el-trending-tile-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}@media(hover:hover){.el-trending-tile:hover .el-trending-tile-img{transform:scale(1.04)}}.el-trending-who{position:absolute;z-index:1;left:.5em;bottom:.5em;max-width:calc(100% - 1em);overflow:hidden;padding:.32em .7em .36em;border-radius:100px;background:rgb(var(--forest-rgb) / .52);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:clamp(.625rem,calc(var(--p) * .025),.75rem);font-weight:600;line-height:1.2;letter-spacing:.01em;text-align:left;text-overflow:ellipsis;white-space:nowrap}.el-trending-glyph{position:absolute;z-index:1;top:.5em;right:.5em;width:clamp(.85rem,calc(var(--p) * .036),1.15rem);height:auto;filter:drop-shadow(0 1px 3px rgb(0 0 0 / .5))}.el-trending-tile[aria-pressed=true]:before{content:"";position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 3px var(--ink),inset 0 0 0 5px var(--oat);pointer-events:none}.el-trending-tile:focus-visible{outline-offset:2px}.el-trending-player{grid-area:player;align-self:stretch;position:relative;isolation:isolate;overflow:hidden;margin:0;background:var(--forest)}.el-trending-cover,.el-trending-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.el-trending-video{z-index:1}.el-trending-hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;cursor:pointer}.el-trending-bigplay{position:absolute;z-index:3;left:50%;top:50%;display:grid;place-items:center;width:clamp(3.5rem,4.6vw,4.5rem);aspect-ratio:1;border-radius:50%;background:var(--paper);color:var(--ink);box-shadow:0 8px 28px #00000047;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.86);transition:opacity .35s var(--ease),transform .45s var(--ease)}.el-trending-bigplay svg{width:42%;height:auto;margin-left:8%}.el-trending-bigplay.is-on{opacity:1;transform:translate(-50%,-50%) scale(1)}.el-trending-controls{position:absolute;z-index:4;left:0;right:0;bottom:0;display:flex;align-items:center;gap:.5rem;padding:3.5rem clamp(.75rem,1.2vw,1.1rem) clamp(.85rem,1.3vw,1.2rem);background:linear-gradient(to top,rgb(var(--forest-rgb) / .6),rgb(var(--forest-rgb) / 0));pointer-events:none}.el-trending-controls>button{pointer-events:auto}.el-trending-ctl{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgb(255 255 255 / .6);border-radius:50%;background:rgb(var(--forest-rgb) / .3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;transition:background-color .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease)}.el-trending-ctl svg{width:20px;height:20px}.el-trending-ctl[aria-pressed=true],.el-trending-ctl:hover{background:#fff;border-color:#fff;color:var(--ink)}.el-trending-ctl:focus-visible{outline:2px solid #fff;outline-offset:3px}.el-trending-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--gold-soft);transform-origin:left center;transform:scaleX(var(--el-trending-t, 0));transition:transform .25s linear;pointer-events:none}.el-trending-lb{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#fff;overflow:hidden}.el-trending-lb::backdrop{background:#2f3e2eeb}.el-trending-lb[open],.el-trending-lb[open]::backdrop{animation:el-trending-fade .3s ease both}.el-trending-lb-stage{--lb-img: min( calc((100svh - 9rem)*.8) , calc(100vw - 2 * var(--edge) - 8rem), 40rem);position:relative;box-sizing:border-box;display:grid;grid-template-columns:auto var(--lb-img) auto;grid-template-areas:"prev fig next";align-items:center;justify-content:center;column-gap:clamp(1rem,3vw,2.5rem);width:100%;height:100%;padding:calc(env(safe-area-inset-top,0px) + 4.5rem) var(--edge) calc(env(safe-area-inset-bottom,0px) + 1.5rem)}.el-trending-lb-fig{grid-area:fig;display:flex;flex-direction:column;gap:.9rem;width:var(--lb-img);margin:0;animation:el-trending-rise .45s var(--ease) both}.el-trending-lb-img{width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;background:#ffffff0f;box-shadow:0 30px 80px #00000059}.el-trending-lb-cap{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;font-size:var(--t-note);color:#fffc}.el-trending-open--light{color:#fff;border-bottom-color:var(--gold-soft)}.el-trending-open--light:hover{color:var(--gold-soft)}.el-trending-lb-btn{display:grid;place-items:center;width:3rem;height:3rem;padding:0;border:1px solid rgb(255 255 255 / .5);border-radius:50%;background:transparent;color:#fff;transition:background-color .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease)}.el-trending-lb-btn svg{width:20px;height:20px}.el-trending-lb-btn:hover{background:#fff;border-color:#fff;color:var(--ink)}.el-trending-lb-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}.el-trending-lb-prev{grid-area:prev}.el-trending-lb-next{grid-area:next}.el-trending-lb-close{position:absolute;z-index:1;top:calc(env(safe-area-inset-top,0px) + 1rem);right:calc(env(safe-area-inset-right,0px) + var(--edge))}@keyframes el-trending-fade{0%{opacity:0}}@keyframes el-trending-rise{0%{opacity:0;transform:translateY(12px) scale(.985)}}@media(max-width:767px){.el-trending-inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "player" "cap" "grid";column-gap:0;row-gap:0;padding:3.5rem var(--pad-x)}.el-trending-head{margin-bottom:1.5rem}.el-trending-h{font-size:clamp(2rem,9vw,2.6rem);white-space:normal;text-wrap:balance}.el-trending-player,.el-trending-cap{justify-self:center;width:min(100%,42.1875svh)}.el-trending-player{align-self:auto;aspect-ratio:9 / 16;scroll-margin-top:calc(var(--nav-h) + .75rem)}.el-trending-cap{margin:.25rem 0 .75rem}.el-trending-now,.el-trending-open{line-height:44px}.el-trending-open{padding-bottom:0;border-bottom:0;text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:1.5px;text-underline-offset:.35em}.el-trending-grid{--tg: 3px}.el-trending-who{left:.35em;bottom:.35em;max-width:calc(100% - .7em);padding:.28em .5em .3em;font-size:.625rem;letter-spacing:0}.el-trending-glyph{top:.4em;right:.4em;width:.9rem}.el-trending-lb-stage{--lb-img: min( calc((100svh - 12rem)*.8) , calc(100vw - 2 * var(--edge)));grid-template-columns:1fr 1fr;grid-template-areas:"fig fig" "prev next";align-content:center;row-gap:1.1rem;column-gap:1rem}.el-trending-lb-fig{justify-self:center}.el-trending-lb-prev{justify-self:end}.el-trending-lb-next{justify-self:start}}@media(prefers-reduced-motion:reduce){.el-trending-tile-img,.el-trending-bigplay,.el-trending-bar{transition:none}.el-trending-tile:hover .el-trending-tile-img{transform:none}.el-trending-lb[open],.el-trending-lb[open]::backdrop,.el-trending-lb-fig{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/ecolux-trending.css.map */