.test-page-container[data-v-59f1c081]{color:color-mix(in srgb, oklch(from var(--colors-foreground) l c h) var(--un-text-opacity), transparent) ;padding:calc(var(--spacing) * 8);background-color:color-mix(in srgb, oklch(from var(--colors-background) l c h) var(--un-bg-opacity), transparent) ;min-height:100vh;max-width:var(--container-7xl);margin-inline:auto}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@media (width>=64rem){.test-page-container[data-v-59f1c081]{padding:calc(var(--spacing) * 12)}}.player-wrapper[data-v-59f1c081]{border-width:1px;border-color:color-mix(in srgb, var(--colors-white) 5%, transparent) ;border-radius:var(--radius-3xl);background-color:color-mix(in srgb, var(--colors-black) var(--un-bg-opacity), transparent) ;--un-shadow:0 25px 50px -12px var(--un-shadow-color,#00000040);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration));--un-duration:.5s;transition-duration:.5s;position:relative;overflow:hidden}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){.player-wrapper[data-v-59f1c081]{border-color:color-mix(in oklab, var(--colors-white) 5%, transparent) ;background-color:color-mix(in oklab, var(--colors-black) var(--un-bg-opacity), transparent) }}@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-shadow-color{syntax:"*";inherits:false}@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-inset-shadow-color{syntax:"*";inherits:false}@property --un-ring-color{syntax:"*";inherits:false}@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-inset-ring-color{syntax:"*";inherits:false}@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-ring-inset{syntax:"*";inherits:false}@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --un-ring-offset-color{syntax:"*";inherits:false}@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}.player-wrapper[data-v-59f1c081]:hover{--un-scale-x:1.01;--un-scale-y:1.01;scale:var(--un-scale-x) var(--un-scale-y)}@property --un-scale-x{syntax:"*";inherits:false;initial-value:1}@property --un-scale-y{syntax:"*";inherits:false;initial-value:1}@property --un-scale-z{syntax:"*";inherits:false;initial-value:1}.player-instance[data-v-59f1c081]{aspect-ratio:16/9;width:100%}.progress-bar[data-v-59f1c081]{padding:calc(var(--spacing) * 4);padding-top:calc(var(--spacing) * 12);opacity:0;transition-property:opacity;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration));--un-from-opacity:80%;--un-gradient-from:color-mix(in oklab, var(--colors-black) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops,var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-gradient-to:transparent;--un-gradient-position:to top in oklab;background-image:linear-gradient(var(--un-gradient-stops))}.group:hover .progress-bar[data-v-59f1c081]{opacity:1}@property --un-from-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-gradient-position{syntax:"*";inherits:false}@property --un-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --un-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --un-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --un-gradient-stops{syntax:"*";inherits:false}@property --un-gradient-via-stops{syntax:"*";inherits:false}@property --un-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --un-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --un-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}.control-strip[data-v-59f1c081]{margin-top:calc(var(--spacing) * 6);padding:calc(var(--spacing) * 6);border-width:1px;border-color:color-mix(in srgb, oklch(from var(--colors-border) l c h) var(--un-border-opacity), transparent) ;border-radius:var(--radius-2xl);background-color:color-mix(in srgb, oklch(from var(--colors-surface) l c h) var(--un-bg-opacity), transparent) ;justify-content:space-between;align-items:center;display:flex}.config-card[data-v-59f1c081]{padding:calc(var(--spacing) * 6);border-width:1px;border-color:color-mix(in srgb, oklch(from var(--colors-border) l c h) var(--un-border-opacity), transparent) ;border-radius:var(--radius-2xl);background-color:color-mix(in srgb, oklch(from var(--colors-surface) l c h) var(--un-bg-opacity), transparent) }:where(.config-card[data-v-59f1c081]>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--un-space-y-reverse)))}@property --un-space-y-reverse{syntax:"*";inherits:false;initial-value:0}.section-title[data-v-59f1c081]{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight));color:color-mix(in srgb, oklch(from var(--colors-foreground) l c h) 40%, transparent) ;--un-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);--un-font-weight:var(--fontWeight-black);font-weight:var(--fontWeight-black);margin-bottom:calc(var(--spacing) * 4);text-transform:uppercase}.input-label[data-v-59f1c081]{color:color-mix(in srgb, oklch(from var(--colors-foreground) l c h) 50%, transparent) ;--un-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);--un-font-weight:var(--fontWeight-bold);font-size:10px;font-weight:var(--fontWeight-bold);margin-left:calc(var(--spacing) * 1);margin-bottom:calc(var(--spacing) * 1);text-transform:uppercase;display:block}.select-trigger[data-v-59f1c081]{font-size:var(--text-sm-fontSize);line-height:var(--un-leading,var(--text-sm-lineHeight));--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);padding-block:calc(var(--spacing) * 2.5);padding-inline:calc(var(--spacing) * 3);--un-outline-style:none;border-width:1px;border-color:color-mix(in srgb, oklch(from var(--colors-border) l c h) var(--un-border-opacity), transparent) ;border-radius:var(--radius-xl);background-color:color-mix(in srgb, oklch(from var(--colors-button) l c h) 5%, transparent) ;gap:calc(var(--spacing) * 3);cursor:pointer;width:100%;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration));outline-style:none;align-items:center;display:flex}.select-trigger[data-v-59f1c081]:hover{border-color:color-mix(in srgb, oklch(from var(--colors-primary) l c h) 30%, transparent) ;background-color:color-mix(in srgb, oklch(from var(--colors-button) l c h) 10%, transparent) }.select-trigger__arrow[data-v-59f1c081]{opacity:.4;width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration))}.select-trigger[data-v-59f1c081]:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color,currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, oklch(from var(--colors-primary) l c h) 50%, transparent) }@property --un-ring-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}.select-dropdown[data-v-59f1c081]{padding:calc(var(--spacing) * 1);border-width:1px;border-color:color-mix(in srgb, oklch(from var(--colors-border) l c h) var(--un-border-opacity), transparent) ;border-radius:var(--radius-xl);background-color:color-mix(in srgb, oklch(from var(--colors-surface) l c h) var(--un-bg-opacity), transparent) ;--un-shadow:0 20px 25px -5px var(--un-shadow-color,#0000001a),0 8px 10px -6px var(--un-shadow-color,#0000001a);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);width:var(--reka-popover-trigger-width)}.stat-box[data-v-59f1c081]{padding:calc(var(--spacing) * 4);border-width:1px;border-color:color-mix(in srgb, oklch(from var(--colors-border) l c h) 50%, transparent) ;border-radius:var(--radius-xl);background-color:color-mix(in srgb, oklch(from var(--colors-button) l c h) 5%, transparent) }.stat-label[data-v-59f1c081]{color:color-mix(in srgb, oklch(from var(--colors-foreground) l c h) 40%, transparent) ;--un-font-weight:var(--fontWeight-bold);font-size:10px;font-weight:var(--fontWeight-bold);margin-bottom:calc(var(--spacing) * 1);text-transform:uppercase;display:block}.stat-value[data-v-59f1c081]{font-size:var(--text-lg-fontSize);line-height:var(--un-leading,var(--text-lg-lineHeight));--un-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);font-family:var(--font-mono);--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold)}.volume-control-wrapper[data-v-59f1c081]{padding:calc(var(--spacing) * 1.5);padding-right:calc(var(--spacing) * 4);background-color:color-mix(in srgb, oklch(from var(--colors-button) l c h) 5%, transparent) ;gap:calc(var(--spacing) * 2);transition-property:all;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration));--un-duration:.3s;border-radius:3.40282e38px;align-items:center;transition-duration:.3s;display:flex}.volume-control-wrapper[data-v-59f1c081]:hover{background-color:color-mix(in srgb, oklch(from var(--colors-button) l c h) 10%, transparent) }.volume-btn[data-v-59f1c081]{color:color-mix(in srgb, oklch(from var(--colors-foreground) l c h) 60%, transparent) ;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration))}.volume-btn[data-v-59f1c081]:hover{color:color-mix(in srgb, oklch(from var(--colors-primary) l c h) var(--un-text-opacity), transparent) }.volume-slider-container[data-v-59f1c081]{gap:calc(var(--spacing) * 3);align-items:center;display:flex;position:relative}.volume-percentage[data-v-59f1c081]{color:color-mix(in srgb, oklch(from var(--colors-foreground) l c h) 40%, transparent) ;font-size:10px;font-family:var(--font-mono);--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);min-width:3ch}.custom-range[data-v-59f1c081]{appearance:none;--un-outline-style:none;background-color:color-mix(in srgb, oklch(from var(--colors-button) l c h) 20%, transparent) ;height:calc(var(--spacing) * 1.5);cursor:pointer;border-radius:3.40282e38px;outline-style:none;overflow:hidden}.custom-range.volume-range[data-v-59f1c081]{background:linear-gradient(to right,var(--colors-primary) 0,var(--colors-primary) var(--p),oklch(from var(--colors-button) l c h/15%) var(--p),oklch(from var(--colors-button) l c h/15%) 100%)}.custom-range[data-v-59f1c081]::-webkit-slider-thumb{appearance:none;border-width:2px;border-color:color-mix(in srgb, oklch(from var(--colors-primary) l c h) var(--un-border-opacity), transparent) ;background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent) ;width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3);cursor:pointer;--un-shadow:0 0 10px rgba(var(--colors-primary-rgb),.5) var(--un-shadow-color, );box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration));box-shadow:-100vw 0 0 100vw var(--colors-primary);border-radius:3.40282e38px}@supports (color:color-mix(in lab, red, red)){.custom-range[data-v-59f1c081]::-webkit-slider-thumb{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent) }}.custom-range[data-v-59f1c081]::-webkit-slider-thumb:hover{--un-scale-x:125%;--un-scale-y:125%;scale:var(--un-scale-x) var(--un-scale-y)}.progress-range[data-v-59f1c081]{width:100%;height:calc(var(--spacing) * 2);border-radius:var(--radius-none)!important}.progress-range[data-v-59f1c081]::-webkit-slider-thumb{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.volume-range[data-v-59f1c081]{width:calc(var(--spacing) * 24)}@media (width>=64rem){.volume-range[data-v-59f1c081]{width:calc(var(--spacing) * 32)}}