.tilerail{position:relative;margin-inline:-8px}.tilerail-scroller{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:4px 8px 14px;scrollbar-width:none;outline:none;scroll-padding-inline:8px}.tilerail-scroller::-webkit-scrollbar{display:none}.tilerail-scroller>*{flex-shrink:0}.tilerail-scroller--two-rows{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:max-content;align-items:start;row-gap:18px}.tilerail:after,.tilerail:before{content:"";position:absolute;top:0;bottom:14px;width:36px;pointer-events:none;z-index:1;opacity:.55;transition:opacity .2s ease}.tilerail:before{left:0;background:linear-gradient(to right,var(--surface-page,rgba(8,10,14,.9)) 10%,transparent 100%)}.tilerail:after{right:0;background:linear-gradient(to left,var(--surface-page,rgba(8,10,14,.9)) 10%,transparent 100%)}.tilerail[data-at-end=true]:after,.tilerail[data-at-start=true]:before{opacity:0}.tilerail-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:999px;display:grid;place-items:center;background:rgba(20,22,26,.88);color:#fff;border:1px solid hsla(0,0%,100%,.14);box-shadow:0 6px 18px rgba(0,0,0,.45);cursor:pointer;z-index:5;opacity:0;pointer-events:none;transition:opacity .18s cubic-bezier(.2,.8,.2,1),transform .18s cubic-bezier(.2,.8,.2,1),background .18s ease;backdrop-filter:blur(10px)}.tilerail-btn:hover{background:rgba(28,32,38,.96);transform:translateY(-50%) scale(1.06)}.tilerail-btn:active{transform:translateY(-50%) scale(.96)}.tilerail-btn-prev{left:4px}.tilerail-btn-next{right:4px}.tilerail:focus-within .tilerail-btn,.tilerail:hover .tilerail-btn{opacity:1;pointer-events:auto}@media (hover:none){.tilerail-btn{display:none}}@media (prefers-reduced-motion:reduce){.tilerail-scroller{scroll-behavior:auto}.tilerail-btn{transition:none}}