.nav-arrow.svelte-dlafgi{--fill:var(--arrow-fill,#bc4f30);--fill-hover:var(--arrow-fill-hover,#df5437);border:2px solid color-mix(in srgb, var(--tx) 82%, var(--fill));background:var(--fill);color:#fff;cursor:pointer;width:50px;height:50px;box-shadow:0 0 0 4px color-mix(in srgb, var(--tx) 26%, transparent), 0 9px 24px color-mix(in srgb, var(--fill) 38%, transparent), inset 0 1.5px 0 #ffffff2e;border-radius:50%;justify-content:center;align-items:center;padding:0;transition-property:color,border-color,background-color,top,filter,box-shadow;transition-duration:.15s,.15s,.15s,.2s,.15s,.15s;transition-timing-function:ease,ease,ease,cubic-bezier(.25,.46,.45,.94),ease,ease}.nav-arrow.svelte-dlafgi svg:where(.svelte-dlafgi){filter:drop-shadow(0 1px 1px #00000059);overflow:visible}.nav-arrow.svelte-dlafgi:hover{border-color:var(--tx);background:var(--fill-hover);box-shadow:0 0 0 4px color-mix(in srgb, var(--tx) 30%, transparent), 0 0 0 8px color-mix(in srgb, var(--fill) 24%, transparent), 0 11px 30px color-mix(in srgb, var(--fill) 55%, transparent), inset 0 1.5px 0 #ffffff38}.nav-arrow.svelte-dlafgi:active{filter:brightness(.96)}.nav-arrow.svelte-dlafgi:focus-visible{outline:3px solid color-mix(in srgb, var(--info) 62%, transparent);outline-offset:3px}[data-theme=dark] .nav-arrow.svelte-dlafgi{--fill:var(--arrow-fill,#ffb15c);--fill-hover:var(--arrow-fill-hover,#ffc36f);color:#170b05;box-shadow:0 0 0 4px color-mix(in srgb, var(--tx) 28%, transparent), 0 9px 24px color-mix(in srgb, var(--fill) 44%, transparent), inset 0 1.5px 0 #fff3}[data-theme=dark] .nav-arrow.svelte-dlafgi:hover{box-shadow:0 0 0 4px color-mix(in srgb, var(--tx) 34%, transparent), 0 0 0 8px color-mix(in srgb, var(--fill) 26%, transparent), 0 11px 30px color-mix(in srgb, var(--fill) 58%, transparent), inset 0 1.5px 0 #ffffff3d}
