.drail{position:relative;--drail-w:168px;--drail-h:210px;--drail-line:hsla(0,0%,100%,.22);--drail-accent:#e0b25c}.drail--lg{--drail-w:240px;--drail-h:300px}.drail__track{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;cursor:-webkit-grab;cursor:grab;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.drail__track::-webkit-scrollbar{display:none}.drail__track.is-drag{cursor:-webkit-grabbing;cursor:grabbing}.drail__track.is-drag .drail__card{pointer-events:none}.drail__list{list-style:none;margin:0;padding:0;display:flex;width:max-content}.drail__item{flex:none;width:var(--drail-w);padding-right:14px}.drail__axis{position:relative;height:42px}.drail__axis:before{content:"";position:absolute;left:0;right:-14px;top:26px;height:1px;background:var(--drail-line)}.drail__dot{position:absolute;left:0;top:22px;width:9px;height:9px;border-radius:50%;background:var(--drail-accent);box-shadow:0 0 0 4px rgba(224,178,92,.18)}.drail__region{position:absolute;left:0;top:0;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--drail-accent);white-space:nowrap;line-height:16px}.drail__card{position:relative;display:block;height:var(--drail-h);border-radius:12px;overflow:hidden;border:1px solid hsla(0,0%,100%,.14);text-decoration:none;background:#1d1417}.drail__card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;-webkit-user-drag:none}.drail__card:focus-visible img,.drail__card:hover img{transform:scale(1.06)}.drail__card:focus-visible{outline:2px solid var(--drail-accent);outline-offset:2px}.drail__body{position:absolute;inset:auto 0 0 0;padding:36px 12px 12px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.82));color:#fff;display:flex;flex-direction:column;gap:2px}.drail__body b{font-weight:700;font-size:15px;line-height:1.25}.drail--lg .drail__body b{font-size:19px}.drail__body small{font-size:12px;color:hsla(0,0%,100%,.78)}.drail__nav{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.drail__nav button{width:38px;height:38px;border-radius:50%;border:1px solid hsla(0,0%,100%,.3);background:hsla(0,0%,100%,.06);color:#fff;font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0 0 3px}.drail__nav button:hover{background:hsla(0,0%,100%,.16)}@media (max-width:600px){.drail{--drail-w:140px;--drail-h:180px}.drail--lg{--drail-w:200px;--drail-h:250px}}