.zoom-in-enter-active,.zoom-in-leave-active{transition:all .15s ease-out}body{background:#1a1a1a;margin:0;padding:0}.playground{min-height:100vh;padding:50px;max-width:1400px;margin:0 auto}.playground__header{margin-bottom:50px}.playground__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px}.section{background:#2121214d;padding:30px;border-radius:5px}:root{--rdr-color-primary: #B62A2A;--rdr-color-primary-dark: #B21214;--rdr-color-text: #fafafa;--rdr-color-text-muted: rgba(250, 250, 250, .7);--rdr-color-background: rgba(33, 33, 33, .3);--rdr-color-overlay: rgba(0, 0, 0, .5);--rdr-font-decorative: "Chinese Rocks", sans-serif;--rdr-font-title: "RDR Lino Regular", serif;--rdr-font-body: "Hapna Slab Serif", serif;--rdr-font-size-xs: 16px;--rdr-font-size-sm: 18px;--rdr-font-size-md: 20px;--rdr-font-size-lg: 24px;--rdr-font-size-xl: 32px;--rdr-spacing-xs: 5px;--rdr-spacing-sm: 10px;--rdr-spacing-md: 15px;--rdr-spacing-lg: 25px;--rdr-spacing-xl: 50px;--rdr-border-width: 2px;--rdr-border-radius: 5px;--rdr-transition-fast: .15s ease-out;--rdr-transition-normal: .3s ease-out;--rdr-scrollbar-width: 50px;--rdr-scrollbar-thumb: rgba(178, 18, 20, .3);--rdr-texture-bg: url(/redm-vue-ui/assets/bg-B21MfO_t.png);--rdr-texture-bg-red: url(/redm-vue-ui/assets/bg-red-BZb5t4GL.png);--rdr-texture-box: url(/redm-vue-ui/assets/box-BRS7YHfh.png);--rdr-texture-box-red: url(/redm-vue-ui/assets/box-red-DGkhahTj.png)}@font-face{font-family:RDR Lino Regular;src:url(/redm-vue-ui/assets/RDR_Lino_Regular-CpHs3ehM.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Hapna Slab Serif";src:url(/redm-vue-ui/assets/Hapna_Slab_Serif-DwHcTzLx.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Chinese Rocks;src:url(/redm-vue-ui/assets/chinese_rocks-Bqbtz8DP.otf) format("opentype");font-weight:400;font-style:normal}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}body,html{margin:0;padding:0;font-family:var(--rdr-font-body);color:var(--rdr-color-text)}h1,h2,h3,h4,h5,h6,hr,p{margin:0;font-weight:400}h1{font-family:var(--rdr-font-decorative);font-weight:400;font-size:var(--rdr-font-size-xl)}h2,h3,h4,h5,h6{font-family:var(--rdr-font-title)}h2{font-size:var(--rdr-font-size-lg)}p{font-family:var(--rdr-font-body);font-size:var(--rdr-font-size-sm);line-height:25px}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}button:focus,input:focus,textarea:focus{outline:none}::-webkit-scrollbar{width:var(--rdr-scrollbar-width)}::-webkit-scrollbar-track{background:transparent;border-radius:var(--rdr-border-radius)}::-webkit-scrollbar-thumb{border:22px solid rgba(0,0,0,0);background:var(--rdr-scrollbar-thumb);border-radius:9999px;background-clip:padding-box}.scrollable{overflow-y:scroll}.header-group{width:fit-content}.header-group hr{border:var(--rdr-border-width) solid var(--rdr-color-primary);margin-top:var(--rdr-spacing-xs)}.fade-in-enter-active,.fade-in-leave-active{transition:opacity var(--rdr-transition-normal)}.fade-in-enter-from,.fade-in-leave-to{opacity:0}.fade-in-enter-to,.fade-in-leave-from{opacity:1}.zoom-in-enter-active,.zoom-in-leave-active{transition:all var(--rdr-transition-normal)}.zoom-in-enter-from,.zoom-in-leave-to{opacity:0;transform:scale(.8)}.zoom-in-enter-to,.zoom-in-leave-from{opacity:1;transform:scale(1)}.slide-in-enter-active,.slide-in-leave-active{transition:transform var(--rdr-transition-normal)}.slide-in-enter-from,.slide-in-leave-to{transform:translateY(200px)}.slide-in-enter-to,.slide-in-leave-from{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomAndFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideInBottom{0%{transform:translateY(200px)}to{transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--rdr-transition-normal)}.animate-zoom-in{animation:zoomAndFadeIn var(--rdr-transition-normal)}.animate-slide-in{animation:slideInBottom var(--rdr-transition-normal)}.rdr-button[data-v-2a1a92e1]{background:var(--rdr-texture-box);background-size:100% 100%;color:var(--rdr-color-text-muted);font-family:var(--rdr-font-decorative);font-size:var(--rdr-font-size-lg);width:100%;height:80px;margin:var(--rdr-spacing-xs) 0;transition:all var(--rdr-transition-fast);padding:0 var(--rdr-spacing-lg)}.rdr-button[data-v-2a1a92e1]:hover:not(:disabled){background:var(--rdr-texture-box-red);background-size:100% 100%;color:var(--rdr-color-text)}.rdr-button[data-v-2a1a92e1]:disabled{opacity:.5;cursor:not-allowed}.rdr-button--active[data-v-2a1a92e1]{background:var(--rdr-texture-box-red);background-size:100% 100%;color:var(--rdr-color-text)}.rdr-input[data-v-ef3beb0e]{background:var(--rdr-color-background);font-family:var(--rdr-font-body);font-size:var(--rdr-font-size-xs);padding:var(--rdr-spacing-sm) var(--rdr-spacing-md);border:none;width:100%;color:var(--rdr-color-text);transition:all var(--rdr-transition-fast)}.rdr-input[data-v-ef3beb0e]::placeholder{color:var(--rdr-color-text-muted)}.rdr-input[data-v-ef3beb0e]:focus{background:#21212180}.rdr-input[data-v-ef3beb0e]:disabled{opacity:.5;cursor:not-allowed}.rdr-textarea[data-v-5c53637b]{background:var(--rdr-color-background);font-family:var(--rdr-font-body);font-size:var(--rdr-font-size-xs);padding:var(--rdr-spacing-sm);resize:none;border:none;width:100%;color:var(--rdr-color-text);transition:all var(--rdr-transition-fast)}.rdr-textarea[data-v-5c53637b]::placeholder{color:var(--rdr-color-text-muted)}.rdr-textarea[data-v-5c53637b]:focus{background:#21212180}.rdr-textarea[data-v-5c53637b]:disabled{opacity:.5;cursor:not-allowed}.rdr-card[data-v-a247d92b]{background:var(--rdr-texture-box);background-size:100% 100%;background-repeat:no-repeat}.rdr-card--padding-none[data-v-a247d92b]{padding:0}.rdr-card--padding-sm[data-v-a247d92b]{padding:var(--rdr-spacing-sm)}.rdr-card--padding-md[data-v-a247d92b]{padding:var(--rdr-spacing-lg)}.rdr-card--padding-lg[data-v-a247d92b]{padding:var(--rdr-spacing-xl)}.rdr-card--padding-xl[data-v-a247d92b]{padding:calc(var(--rdr-spacing-xl) * 1.5)}.rdr-card--scrollable[data-v-a247d92b]{overflow-y:auto}.rdr-header[data-v-48874094]{width:fit-content}.rdr-header hr[data-v-48874094]{border:var(--rdr-border-width) solid var(--rdr-color-primary);margin-top:var(--rdr-spacing-xs)}.rdr-header h1[data-v-48874094]{font-size:var(--rdr-font-size-xl)}.rdr-header h2[data-v-48874094]{font-size:var(--rdr-font-size-lg)}.rdr-header h3[data-v-48874094]{font-size:var(--rdr-font-size-md)}.rdr-divider[data-v-9640b7ae]{border:var(--rdr-border-width) solid var(--rdr-color-primary);width:100%;margin:var(--rdr-spacing-md) 0}.rdr-divider--thick[data-v-9640b7ae]{border-width:calc(var(--rdr-border-width) * 2)}.rdr-slider-input[data-v-38f0022b]{display:flex;align-items:center;gap:var(--rdr-spacing-sm);width:100%}.rdr-slider-input__arrow[data-v-38f0022b]{background:none;color:var(--rdr-color-text-muted);width:40px;height:40px;transition:all var(--rdr-transition-fast);flex-shrink:0;padding:8px;display:flex;align-items:center;justify-content:center}.rdr-slider-input__arrow img[data-v-38f0022b]{width:100%;height:100%;opacity:.7;transition:all var(--rdr-transition-fast)}.rdr-slider-input__arrow:hover:not(:disabled) img[data-v-38f0022b]{opacity:1;transform:scale(1.1)}.rdr-slider-input__arrow:disabled img[data-v-38f0022b]{opacity:.3}.rdr-slider-input__container[data-v-38f0022b]{flex:1;display:flex;align-items:center;position:relative}.rdr-slider-input__tooltip[data-v-38f0022b]{position:absolute;top:-40px;transform:translate(-50%);background:transparent;color:var(--rdr-color-text);padding:4px 12px 8px;font-family:var(--rdr-font-title);font-size:var(--rdr-font-size-md);pointer-events:none;opacity:0;transition:opacity var(--rdr-transition-fast),transform var(--rdr-transition-fast);white-space:nowrap;z-index:10;transform:translate(-50%) translateY(10px)}.rdr-slider-input__tooltip.visible[data-v-38f0022b]{opacity:1;transform:translate(-50%) translateY(0)}.rdr-slider-input__tooltip.updating[data-v-38f0022b]{animation:valueChange-38f0022b .2s ease-out}@keyframes valueChange-38f0022b{0%{transform:translate(-50%) translateY(0) scale(1)}50%{transform:translate(-50%) translateY(-5px) scale(1.15)}to{transform:translate(-50%) translateY(0) scale(1)}}.rdr-slider-input__input[data-v-38f0022b]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:var(--rdr-color-background);outline:none;border-radius:4px;position:relative}.rdr-slider-input__input[data-v-38f0022b]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--rdr-color-primary);cursor:pointer;border-radius:50%;transition:all var(--rdr-transition-fast);border:none;margin-top:-6px}.rdr-slider-input__input[data-v-38f0022b]::-moz-range-thumb{width:20px;height:20px;background:var(--rdr-color-primary);cursor:pointer;border-radius:50%;transition:all var(--rdr-transition-fast);border:none}.rdr-slider-input__input[data-v-38f0022b]::-webkit-slider-thumb:hover{transform:scale(1.2)}.rdr-slider-input__input[data-v-38f0022b]::-moz-range-thumb:hover{transform:scale(1.2)}.rdr-slider-input__input[data-v-38f0022b]::-webkit-slider-runnable-track{height:8px;background:linear-gradient(to right,var(--rdr-color-primary) 0%,var(--rdr-color-primary) var(--fill-percent, 0%),var(--rdr-color-background) var(--fill-percent, 0%),var(--rdr-color-background) 100%);border-radius:4px}.rdr-number-input[data-v-6aec9abe]{display:flex;align-items:stretch;gap:var(--rdr-spacing-xs);width:100%}.rdr-number-input__field[data-v-6aec9abe]{flex:1;background:var(--rdr-color-background);font-family:var(--rdr-font-body);font-size:var(--rdr-font-size-md);padding:var(--rdr-spacing-sm) var(--rdr-spacing-md);border:none;color:var(--rdr-color-text);text-align:center;transition:all var(--rdr-transition-fast)}.rdr-number-input__field[data-v-6aec9abe]::placeholder{color:var(--rdr-color-text-muted)}.rdr-number-input__field[data-v-6aec9abe]:focus{background:#21212180}.rdr-number-input__button[data-v-6aec9abe]{background:none;width:40px;transition:all var(--rdr-transition-fast);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;padding:8px}.rdr-number-input__button img[data-v-6aec9abe]{width:100%;height:100%;opacity:.7;transition:all var(--rdr-transition-fast)}.rdr-number-input__button:hover:not(:disabled) img[data-v-6aec9abe]{opacity:1;transform:scale(1.1)}.rdr-number-input__button[data-v-6aec9abe]:active:not(:disabled){transform:scale(.95)}.rdr-number-input__button:disabled img[data-v-6aec9abe]{opacity:.3}.rdr-checkbox[data-v-9e5ad30b]{display:inline-flex;align-items:center;gap:var(--rdr-spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.rdr-checkbox__input[data-v-9e5ad30b]{position:absolute;opacity:0;width:0;height:0}.rdr-checkbox__box[data-v-9e5ad30b]{position:relative;width:24px;height:24px;border:2px solid var(--rdr-color-text);background:transparent;transition:all var(--rdr-transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0}.rdr-checkbox__tick[data-v-9e5ad30b]{width:18px;height:18px;object-fit:contain}.rdr-checkbox__label[data-v-9e5ad30b]{color:var(--rdr-color-text);font-family:var(--rdr-font-body);font-size:var(--rdr-font-size-xs)}.rdr-checkbox:hover .rdr-checkbox__box[data-v-9e5ad30b]{border-color:var(--rdr-color-primary)}.rdr-checkbox__input:disabled~.rdr-checkbox__box[data-v-9e5ad30b]{opacity:.5;cursor:not-allowed}.rdr-checkbox__input:disabled~.rdr-checkbox__label[data-v-9e5ad30b]{opacity:.5;cursor:not-allowed}.rdr-checkbox[data-v-9e5ad30b]:has(.rdr-checkbox__input:disabled){cursor:not-allowed}.rdr-panel[data-v-0056c393]{background:var(--rdr-texture-bg);background-size:100% 100%;background-repeat:no-repeat;width:100%;height:100%;display:flex;flex-direction:column}.rdr-panel--red[data-v-0056c393]{background:var(--rdr-texture-bg-red);background-size:100% 100%;background-repeat:no-repeat}.rdr-panel--padding-none[data-v-0056c393]{padding:0}.rdr-panel--padding-sm[data-v-0056c393]{padding:var(--rdr-spacing-sm)}.rdr-panel--padding-md[data-v-0056c393]{padding:var(--rdr-spacing-lg)}.rdr-panel--padding-lg[data-v-0056c393],.rdr-panel--padding-xl[data-v-0056c393]{padding:var(--rdr-spacing-xl)}.rdr-panel--scrollable[data-v-0056c393]{overflow-y:auto}.zoom-in-enter-active[data-v-957a7ba2],.zoom-in-leave-active[data-v-957a7ba2]{transition:all .15s ease-out}.zoom-in-enter-from[data-v-957a7ba2],.zoom-in-leave-to[data-v-957a7ba2]{opacity:0;transform:scale(.8)}.rdr-modal-container[data-v-957a7ba2]{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:1000}.rdr-modal[data-v-957a7ba2]{background:var(--rdr-texture-bg);background-size:100% 100%;background-repeat:no-repeat;padding:var(--rdr-spacing-xl);position:relative}.rdr-modal__close[data-v-957a7ba2]{position:absolute;top:var(--rdr-spacing-lg);right:35px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all var(--rdr-transition-fast);z-index:10;padding:8px}.rdr-modal__close img[data-v-957a7ba2]{width:100%;height:100%}.rdr-modal__close[data-v-957a7ba2]:hover{transform:scale(1.2)}.rdr-slider[data-v-d5967e05]{position:relative}.rdr-slider__panel[data-v-d5967e05]{position:absolute;top:0;width:var(--v24119722);min-height:100%;background:var(--rdr-texture-bg);background-size:100% 100%;background-repeat:no-repeat;padding:var(--rdr-spacing-xl);z-index:100;display:flex;flex-direction:column}.rdr-slider__panel--left[data-v-d5967e05]{left:0}.rdr-slider__panel--right[data-v-d5967e05]{right:0}.rdr-slider__close[data-v-d5967e05]{position:absolute;top:var(--rdr-spacing-lg);right:var(--rdr-spacing-lg);width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all var(--rdr-transition-fast);z-index:10;padding:8px}.rdr-slider__close img[data-v-d5967e05]{width:100%;height:100%}.rdr-slider__close[data-v-d5967e05]:hover{transform:scale(1.2)}.slide-in-enter-active[data-v-d5967e05],.slide-in-leave-active[data-v-d5967e05]{transition:transform var(--rdr-transition-normal)}.rdr-slider__panel--right.slide-in-enter-from[data-v-d5967e05],.rdr-slider__panel--right.slide-in-leave-to[data-v-d5967e05]{transform:translate(100%)}.rdr-slider__panel--left.slide-in-enter-from[data-v-d5967e05],.rdr-slider__panel--left.slide-in-leave-to[data-v-d5967e05]{transform:translate(-100%)}.fade-in-enter-active[data-v-859810d4],.fade-in-leave-active[data-v-859810d4]{transition:opacity var(--ccf5c60c) ease-out}.fade-in-enter-from[data-v-859810d4],.fade-in-leave-to[data-v-859810d4]{opacity:0}.fade-in-enter-to[data-v-859810d4],.fade-in-leave-from[data-v-859810d4]{opacity:1}.zoom-in-enter-active[data-v-77252994],.zoom-in-leave-active[data-v-77252994]{transition:all var(--v778dca00) ease-out}.zoom-in-enter-from[data-v-77252994],.zoom-in-leave-to[data-v-77252994]{opacity:0;transform:scale(.8)}.zoom-in-enter-to[data-v-77252994],.zoom-in-leave-from[data-v-77252994]{opacity:1;transform:scale(1)}.slide-in-enter-active[data-v-76e3a6cb],.slide-in-leave-active[data-v-76e3a6cb]{transition:transform var(--v46383cb8) ease-out}.slide-in-enter-from[data-v-76e3a6cb],.slide-in-leave-to[data-v-76e3a6cb]{transform:var(--v41085e44)}.slide-in-enter-to[data-v-76e3a6cb],.slide-in-leave-from[data-v-76e3a6cb]{transform:translate(0)}