.h-scroll-row{width:100%;min-width:0;position:relative}.h-scroll-row--fill{flex:1;min-width:0}.h-scroll-row__track{box-sizing:border-box;width:100%}.h-scroll-row__btn{z-index:4;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;opacity:0;pointer-events:none;background:#0a0a0cd1;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;margin:0;padding:0;transition:opacity .2s,background .2s,border-color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 12px #00000059}.h-scroll-row__btn--prev{left:4px}.h-scroll-row__btn--next{right:4px}.h-scroll-row:hover .h-scroll-row__btn:not(:disabled),.h-scroll-row:focus-within .h-scroll-row__btn:not(:disabled){opacity:1;pointer-events:auto}.h-scroll-row__btn:hover:not(:disabled){background:rgba(var(--accent-rgb), .35);border-color:rgba(var(--accent-rgb), .55)}.h-scroll-row__btn:focus-visible:not(:disabled){opacity:1;pointer-events:auto;outline:2px solid rgba(var(--accent-rgb), .65);outline-offset:2px}.h-scroll-row__btn:disabled{pointer-events:none;cursor:default;opacity:0!important}@media (hover:none){.h-scroll-row--overflow .h-scroll-row__btn:not(:disabled){opacity:.55;pointer-events:auto}.h-scroll-row--overflow .h-scroll-row__btn:not(:disabled):active{opacity:.95}}