@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-duration:initial}}}.vol-btn{justify-content:center;align-items:center;display:flex}.vol-btn-mobile{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media (hover:hover){.vol-btn-mobile:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.vol-btn-mobile:hover{background-color:color-mix(in oklab, var(--color-white,#fff) 10%, transparent)}}}.vol-btn-desktop{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media (hover:hover){.vol-btn-desktop:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.vol-btn-desktop:hover{background-color:color-mix(in oklab, var(--color-white,#fff) 10%, transparent)}}}.vol-icon{width:calc(var(--spacing,.25rem) * 7);height:calc(var(--spacing,.25rem) * 7);color:var(--color-white,#fff)}@media (min-width:64rem){.vol-icon{width:calc(var(--spacing,.25rem) * 8);height:calc(var(--spacing,.25rem) * 8)}}.vol-track{cursor:pointer;touch-action:none;display:flex;position:relative}.vol-thumb{width:calc(var(--spacing,.25rem) * 3);height:calc(var(--spacing,.25rem) * 3);background-color:var(--color-white,#fff);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-radius:3.40282e38px;position:absolute}.vol-thumb-active{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y);transition-property:none}.vol-rail{background-color:#fff3;border-radius:3.40282e38px;position:absolute}@supports (color:color-mix(in lab, red, red)){.vol-rail{background-color:color-mix(in oklab, var(--color-white,#fff) 20%, transparent)}}.vol-fill{background-color:var(--color-white,#fff);border-radius:3.40282e38px;position:absolute}.vol-track-h{height:calc(var(--spacing,.25rem) * 5);align-items:center}.vol-rail-h{height:var(--spacing,.25rem);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);inset-inline:0;top:50%}.vol-fill-h{height:100%;transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:75ms;transition-duration:75ms;left:0}.vol-thumb-h{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);transition-property:left;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:75ms;transition-duration:75ms;top:50%}.vol-track-v{height:calc(var(--spacing,.25rem) * 20);width:calc(var(--spacing,.25rem) * 5);justify-content:center}.vol-rail-v{width:var(--spacing,.25rem);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);inset-block:0;left:50%}.vol-fill-v{width:100%;transition-property:height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:75ms;transition-duration:75ms;bottom:0}.vol-thumb-v{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);transition-property:bottom;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:75ms;transition-duration:75ms;left:50%}.vol-inline{flex:1;align-items:center;min-width:0;display:flex}.vol-inline .vol-btn{flex-shrink:0}.vol-inline-track{margin-inline:var(--spacing,.25rem);min-width:calc(var(--spacing,.25rem) * 16);flex:1}@media (min-width:48rem){.vol-inline-track{margin-inline:calc(var(--spacing,.25rem) * 2);max-width:calc(var(--spacing,.25rem) * 32)}}.vol-popup-wrap{align-items:center;display:flex;position:relative}.vol-popup-panel{z-index:50;touch-action:none;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s;position:absolute}.vol-popup-visible{pointer-events:auto;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:1}.vol-popup-hidden{pointer-events:none;--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:0}.vol-popup-below{inset-inline-end:0;top:100%}.vol-popup-below-glass{touch-action:none;padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 1.5);border-radius:3.40282e38px}.vol-popup-below-track{width:calc(var(--spacing,.25rem) * 20)}.vol-popup-beside{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);inset-inline-end:100%;padding-inline-end:var(--spacing,.25rem);top:50%}.vol-popup-beside-glass{touch-action:none;padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 1.5);border-radius:3.40282e38px}.vol-popup-beside-track{width:calc(var(--spacing,.25rem) * 20)}.vol-popup-vert{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);left:50%}.vol-popup-vert-inner{touch-action:none;flex-direction:column;align-items:center;display:flex}.vol-popup-vert-glass{touch-action:none;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 3);border-radius:3.40282e38px}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-duration{syntax:"*";inherits:false}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.progress-bar-container{width:100%;position:relative}.progress-bar-track{cursor:pointer;width:100%;padding-block:var(--spacing,.25rem);flex-direction:column;justify-content:flex-end;display:flex;position:relative}.progress-bar-track-touch{height:calc(var(--spacing,.25rem) * 4)}.progress-bar-track-mouse{padding-block:calc(var(--spacing,.25rem) * 3)}.progress-bar-slider{background-color:#fff3;border-radius:3.40282e38px;width:100%;position:relative}@supports (color:color-mix(in lab, red, red)){.progress-bar-slider{background-color:color-mix(in oklab, var(--color-white,#fff) 20%, transparent)}}.progress-bar-slider{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s}.progress-bar-slider-touch{height:calc(var(--spacing,.25rem) * 2)}@media (hover:hover){.progress-bar-slider-touch:hover{height:calc(var(--spacing,.25rem) * 2)}}.progress-bar-slider-mouse{height:calc(var(--spacing,.25rem) * 2)}@media (hover:hover){.progress-bar-slider-mouse:is(:where(.group):hover *){height:calc(var(--spacing,.25rem) * 3)}.progress-bar-slider-mouse-hover:is(:where(.group):hover *){background-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.progress-bar-slider-mouse-hover:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--color-white,#fff) 30%, transparent)}}}.progress-bar-buffer{inset-inline-start:0;background-color:#ffffff4d;border-radius:3.40282e38px;height:100%;position:absolute;top:0}@supports (color:color-mix(in lab, red, red)){.progress-bar-buffer{background-color:color-mix(in oklab, var(--color-white,#fff) 30%, transparent)}}.progress-bar-buffer{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-ease:var(--ease-out,cubic-bezier(0, 0, .2, 1));transition-duration:.3s;transition-timing-function:var(--ease-out,cubic-bezier(0, 0, .2, 1))}.progress-bar-fill{background-color:var(--color-white,#fff);height:100%;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0, 0, .2, 1));transition-duration:.2s;transition-timing-function:var(--ease-out,cubic-bezier(0, 0, .2, 1));inset-inline-start:0;border-radius:3.40282e38px;position:absolute;top:0}.progress-bar-fill.dragging{transition-property:none}.progress-bar-hover-indicator{height:100%;width:calc(var(--spacing,.25rem) * .5);background-color:#ffffffb3;position:absolute;top:0}@supports (color:color-mix(in lab, red, red)){.progress-bar-hover-indicator{background-color:color-mix(in oklab, var(--color-white,#fff) 70%, transparent)}}.progress-bar-hover-indicator{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.15s;--tw-ease:var(--ease-out,cubic-bezier(0, 0, .2, 1));transition-duration:.15s;transition-timing-function:var(--ease-out,cubic-bezier(0, 0, .2, 1))}.progress-bar-knob{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);background-color:var(--color-white,#fff);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0, 0, .2, 1));transition-duration:.2s;transition-timing-function:var(--ease-out,cubic-bezier(0, 0, .2, 1));border-radius:3.40282e38px;position:absolute;top:50%}.progress-bar-knob.dragging{transition-property:none}.progress-bar-knob-touch-idle{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4);opacity:.8}.progress-bar-knob-touch-active{height:calc(var(--spacing,.25rem) * 5);width:calc(var(--spacing,.25rem) * 5);opacity:1}.progress-bar-knob-mouse-idle{height:calc(var(--spacing,.25rem) * 3);width:calc(var(--spacing,.25rem) * 3);opacity:0}@media (hover:hover){.progress-bar-knob-mouse-idle:is(:where(.group):hover *){opacity:1}}.progress-bar-knob-mouse-active{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4);opacity:1}.progress-bar-knob-dragging{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y);cursor:grabbing}.progress-bar-knob-grab{cursor:grab}@media (hover:hover){.progress-bar-knob-grab:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.progress-bar-container-compact .progress-bar-track{padding-block:0}.progress-bar-container-compact .progress-bar-track-touch{height:auto}.progress-bar-container-compact .progress-bar-track-mouse{padding-block:0}.progress-bar-container-compact .progress-bar-slider-touch,.progress-bar-container-compact .progress-bar-slider-mouse{height:var(--spacing,.25rem)}@media (hover:hover){:is(.progress-bar-container-compact .progress-bar-slider-touch,.progress-bar-container-compact .progress-bar-slider-mouse):is(:where(.group):hover *),:is(.progress-bar-container-compact .progress-bar-slider-touch,.progress-bar-container-compact .progress-bar-slider-mouse):hover{height:var(--spacing,.25rem)}}.progress-bar-container-compact .progress-bar-knob-touch-idle{height:calc(var(--spacing,.25rem) * 3);width:calc(var(--spacing,.25rem) * 3)}.progress-bar-container-compact .progress-bar-knob-touch-active{height:calc(var(--spacing,.25rem) * 3.5);width:calc(var(--spacing,.25rem) * 3.5)}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}