@layer theme,base;@layer components{.lg-sec{--tw:128px;--th:66px;--gap:12px;--tpad:9px 13px;--dir:1;padding-block:clamp(48px,4.6vw,80px) clamp(40px,4vw,68px)}html[dir=rtl] .lg-sec{--dir:-1}.lg-title{text-align:center;text-wrap:balance;margin:0 0 clamp(16px,2vw,30px)}.lg-rows{display:grid}.lg-row{gap:8px;padding-block:10px;display:grid}.lg-row+.lg-row{border-top:1px solid var(--line)}.lg-row:nth-child(odd) .lg-track{animation-direction:reverse}.lg-cat{text-align:center;letter-spacing:.16em;text-transform:uppercase;color:var(--text-2);margin:0;font-size:12.5px;font-weight:700;line-height:1.35}html[lang=ar] .lg-cat{letter-spacing:0;text-transform:none;font-size:15px}.lg-vp{padding:5px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000)}.lg-track{width:max-content;animation:lg-loop calc(var(--tiles) * 2.8s) linear infinite;display:flex}.lg-set{margin:0;padding:0;list-style:none;display:flex}.lg-tile{flex:none;margin-inline-end:var(--gap)}.lg-link{box-sizing:border-box;width:var(--tw);height:var(--th);padding:var(--tpad);background:#fff;border-radius:10px;justify-content:center;align-items:center;text-decoration:none;transition:box-shadow .3s;display:flex;box-shadow:0 10px 24px -18px #1a003cb3}.lg-dark .lg-link{background:#1a1a1a}.lg-link img{object-fit:contain;max-width:100%;max-height:100%;display:block}a.lg-link:hover{box-shadow:0 0 0 2px var(--mint), 0 14px 28px -18px #1a003ccc}a.lg-link:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.lg-rows[data-off] .lg-track{animation-play-state:paused}.lg-row:has(:focus-visible) .lg-track{animation:none}.lg-row:has(:focus-visible) .lg-vp{-webkit-mask-image:none;mask-image:none}@keyframes lg-loop{to{transform:translateX(calc(-50% * var(--dir)))}}.lg-more{justify-content:center;margin-top:clamp(12px,1.4vw,20px);display:flex}@media (max-width:720px){.lg-sec{--tw:108px;--th:56px;--gap:10px;--tpad:7px 11px}.lg-row{gap:7px;padding-block:10px}.lg-vp{margin-inline:calc(var(--gutter) * -1);padding-inline:0;-webkit-mask-image:none;mask-image:none}.lg-row:has(:focus-visible) .lg-vp{padding-inline:5px}}@media (prefers-reduced-motion:reduce){.lg-track{width:auto;animation:none}.lg-dup{display:none}.lg-vp{margin-inline:0;padding-inline:5px;-webkit-mask-image:none;mask-image:none}.lg-track .lg-set{justify-content:center;row-gap:var(--gap);flex-wrap:wrap;flex:1}}}@layer utilities;