.duration-slider:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#fff0,#ffffff3d),oklch(var(--acc));width:max(calc(var(--progress)),1rem);border-radius:inherit;box-shadow:0 -1px 2px #ffffff3d inset,0 -.5px .5px #ffffff29 inset,0 -12px 16px #ffffff0f inset,0 4px 16px #ffffff29 inset,0 .75px .25px #ffffff1f inset,0 .25px .25px #ffffff52 inset,0 24px 32px #00000008,0 12px 24px #00000005,0 4px 8px #00000008,0 2px 4px #00000008,0 .5px .5px #0000000a}.duration-slider{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;height:.5rem;border-radius:.5rem;background:linear-gradient(to top,#00000026,#ffffff3d),#0000000f;box-shadow:0 -12px 16px #ffffff0f inset,0 4px 16px #ffffff29 inset,0 .75px .25px #ffffff1f inset,0 .25px .25px #ffffff52 inset,0 6px 12px #00000005,0 3px 6px #00000008,0 1px 2px #00000008,0 .5px .5px #0000000f,0 3px 6px #0000000a,0 0 0 1px #0000000f}.duration-slider::-webkit-slider-thumb{position:relative;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.2rem;width:1.2rem;border-radius:9999px;cursor:grab;background:linear-gradient(to top,#fff0,#ffffff3d),#fff;box-shadow:0 -12px 16px #ffffff0f inset,0 4px 16px #ffffff29 inset,0 .75px .25px #ffffff1f inset,0 .25px .25px #ffffff52 inset,0 6px 12px #00000005,0 3px 6px #00000008,0 1px 2px #00000008,0 .5px .5px #0000000f,0 3px 6px #0000000a,0 0 0 1px #0000000f}.duration-slider:active::-webkit-slider-thumb{cursor:grabbing}.liquid{background:linear-gradient(to top,#fff0,#ffffff3d),#0000000f;box-shadow:0 -12px 16px #ffffff0f inset,0 4px 16px #ffffff29 inset,0 .75px .25px #ffffff1f inset,0 .25px .25px #ffffff52 inset,0 6px 12px #00000005,0 3px 6px #00000008,0 1px 2px #00000008,0 .5px .5px #0000000f,0 3px 6px #0000000a,0 0 0 1px #0000000f}.tab-indicator{background:linear-gradient(to top,#fff0,#ffffff3d),oklch(var(--acc));box-shadow:0 -12px 16px #ffffff0f inset,0 4px 16px #ffffff29 inset,0 .75px .25px #ffffff1f inset,0 .25px .25px #ffffff52 inset,0 6px 12px #00000005,0 3px 6px #00000008,0 1px 2px #00000008,0 .5px .5px #0000000f,0 3px 6px #0000000a,0 0 0 1px #0000000f}.tabs-container{background:linear-gradient(to top,#00000026,#ffffff3d),#0000000f;box-shadow:0 -12px 16px #ffffff0f inset,0 4px 16px #ffffff29 inset,0 .75px .25px #ffffff1f inset,0 .25px .25px #ffffff52 inset,0 6px 12px #00000005,0 3px 6px #00000008,0 1px 2px #00000008,0 .5px .5px #0000000f,0 3px 6px #0000000a,0 0 0 1px #0000000f}