.randomize-btn,.complete-btn,.action-btn{position:relative;display:flex;align-items:center;justify-content:center;border:none;font-family:Inter,sans-serif;font-weight:500;cursor:pointer;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);transform:scale(1);will-change:transform}.randomize-btn:active:not(.disabled):not(.loading),.complete-btn:active:not(.disabled):not(.loading),.action-btn:active:not(.disabled):not(.loading){transform:scale(.95);transition:transform .1s cubic-bezier(.4,0,.2,1)}.randomize-btn .btn-icon,.complete-btn .btn-icon,.action-btn .btn-icon,.randomize-btn .btn-text,.complete-btn .btn-text,.action-btn .btn-text,.randomize-btn span,.complete-btn span,.action-btn span,.randomize-btn i,.complete-btn i,.action-btn i,.randomize-btn svg,.complete-btn svg,.action-btn svg{position:relative;z-index:1}.randomize-btn .btn-icon,.complete-btn .btn-icon,.action-btn .btn-icon{display:flex;align-items:center;justify-content:center}.disabled.randomize-btn,.disabled.complete-btn,.disabled.action-btn,.randomize-btn:disabled,.complete-btn:disabled,.action-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.loading.randomize-btn,.loading.complete-btn,.loading.action-btn{cursor:wait;pointer-events:none}.full-width.randomize-btn,.full-width.complete-btn,.full-width.action-btn{width:100%}.icon-right.randomize-btn,.icon-right.complete-btn,.icon-right.action-btn{flex-direction:row-reverse}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-spinner{animation:spin 1s linear infinite}.action-btn{gap:calc(.092592592vh * 10);background:#ffffff1a;color:#fffc;padding:calc(.092592592vh * 6) calc(.092592592vh * 17);font-size:calc(.092592592vh * 12)}.action-btn:before{content:"";position:absolute;inset:0;z-index:0;border-radius:var(--btn-radius, inherit);padding:calc(.092592592vh * 1);background:conic-gradient(from 45deg,#0000001a,#ffffff26,#0000001a,#fff3,#0000001a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:1;transition:opacity .25s ease}.action-btn:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:var(--btn-radius, inherit);background:linear-gradient(90deg,var(--color-primary-light) 0%,var(--color-primary-gradient) 100%);opacity:0;transition:opacity .25s ease}.action-btn i{font-size:calc(.092592592vh * 16)}.action-btn:hover:not(.active):not(.disabled):not(.loading){background:#ffffff1f;color:#fff}.action-btn.active{color:#50452d;background:transparent}.action-btn.active:before{background:conic-gradient(from 45deg,#0000001a,#ffffff4d,#0000001a,#ffffff4d,#0000001a)}.action-btn.active:after{opacity:1}.action-btn.active:hover:not(.disabled):not(.loading):after{background:linear-gradient(90deg,var(--color-primary-light) 0%,var(--color-primary-gradient) 100%);filter:brightness(1.1)}.action-btn.has-icon{padding:calc(.092592592vh * 6) calc(.092592592vh * 11.5)}.action-btn.size-sm{padding:calc(.092592592vh * 4) calc(.092592592vh * 12);font-size:calc(.092592592vh * 10);gap:calc(.092592592vh * 6)}.action-btn.size-sm.has-icon{padding:calc(.092592592vh * 4) calc(.092592592vh * 8)}.action-btn.size-sm i{font-size:calc(.092592592vh * 12)}.action-btn.size-md{padding:calc(.092592592vh * 6) calc(.092592592vh * 17);font-size:calc(.092592592vh * 12);gap:calc(.092592592vh * 10)}.action-btn.size-md.has-icon{padding:calc(.092592592vh * 6) calc(.092592592vh * 11.5)}.action-btn.size-md i{font-size:calc(.092592592vh * 16)}.action-btn.size-lg{padding:calc(.092592592vh * 10) calc(.092592592vh * 24);font-size:calc(.092592592vh * 14);gap:calc(.092592592vh * 12)}.action-btn.size-lg.has-icon{padding:calc(.092592592vh * 10) calc(.092592592vh * 16)}.action-btn.size-lg i{font-size:calc(.092592592vh * 20)}.action-btn.rounded-pill{border-radius:calc(.092592592vh * 75)}.action-btn.rounded-md{border-radius:calc(.092592592vh * 8)}.action-btn.rounded-lg{border-radius:calc(.092592592vh * 15)}.action-btn.color-blue{background:linear-gradient(90deg,#97baf6a6,#4f84d4a6);color:#fff}.action-btn.color-blue:hover:not(.active):not(.disabled):not(.loading){background:linear-gradient(90deg,#97baf6cc,#4f84d4cc)}.action-btn.color-purple{background:linear-gradient(90deg,#f697eda6,#c24fd4a6);color:#fff}.action-btn.color-purple:hover:not(.active):not(.disabled):not(.loading){background:linear-gradient(90deg,#f697edcc,#c24fd4cc)}.action-btn.color-green{background:linear-gradient(90deg,#97f6baa6,#4fd484a6);color:#fff}.action-btn.color-green:hover:not(.active):not(.disabled):not(.loading){background:linear-gradient(90deg,#97f6bacc,#4fd484cc)}.action-btn.color-red{background:linear-gradient(90deg,#f6979959,#d44f5159);color:#fff}.action-btn.color-red:hover:not(.active):not(.disabled):not(.loading){background:linear-gradient(90deg,#f6979973,#d44f5173)}.complete-btn{gap:calc(.092592592vh * 15);background:linear-gradient(90deg,var(--color-primary-light) 0%,var(--color-primary-gradient) 100%);color:#3c3322;padding:calc(.092592592vh * 22.5);font-size:calc(.092592592vh * 13);width:calc(.092592592vh * 351)}.complete-btn:before{content:"";position:absolute;inset:0;z-index:0;border-radius:var(--btn-radius, inherit);padding:calc(.092592592vh * 1.5);background:conic-gradient(from 45deg,#0000001a,#ffffff4d,#0000001a,#ffffff4d,#0000001a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:background .3s ease}.complete-btn:hover:not(.disabled):not(.loading){background:linear-gradient(90deg,var(--color-primary-light) 0%,var(--color-primary-gradient) 100%);filter:brightness(1.1)}.complete-btn:hover:not(.disabled):not(.loading):before{background:conic-gradient(from 45deg,var(--color-primary-light),rgba(var(--color-primary-gradient-rgb),.5),rgba(var(--color-primary-gradient-rgb),.6),rgba(var(--color-primary-light-rgb),.8),var(--color-primary-light))}.complete-btn i{font-size:calc(.092592592vh * 15)}.complete-btn.size-sm{padding:calc(.092592592vh * 15);font-size:calc(.092592592vh * 11);width:calc(.092592592vh * 250);gap:calc(.092592592vh * 10)}.complete-btn.size-md{padding:calc(.092592592vh * 22.5);font-size:calc(.092592592vh * 13);width:calc(.092592592vh * 351);gap:calc(.092592592vh * 15)}.complete-btn.size-lg{padding:calc(.092592592vh * 28);font-size:calc(.092592592vh * 15);width:calc(.092592592vh * 420);gap:calc(.092592592vh * 18)}.complete-btn.full-width{width:100%}.complete-btn.rounded-pill{border-radius:calc(.092592592vh * 75)}.complete-btn.rounded-md{border-radius:calc(.092592592vh * 8)}.complete-btn.rounded-lg{border-radius:calc(.092592592vh * 15)}.randomize-btn{width:100%;background:#ffffff1a;color:#fffc;padding:calc(.092592592vh * 16.5) 0;font-size:calc(.092592592vh * 12)}.randomize-btn:before{content:"";position:absolute;inset:0;z-index:0;border-radius:var(--btn-radius, inherit);padding:calc(.092592592vh * 1);background:conic-gradient(from 45deg,#0000001a,#ffffff40,#0003,#ffffff4d,#0000001a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:all .3s ease}.randomize-btn:hover:not(.disabled):not(.loading){background:#ffffff1f;color:#fff}.randomize-btn.margin-top{margin-top:calc(.092592592vh * 20)}.randomize-btn.size-sm{padding:calc(.092592592vh * 12) 0;font-size:calc(.092592592vh * 10)}.randomize-btn.size-md{padding:calc(.092592592vh * 16.5) 0;font-size:calc(.092592592vh * 12)}.randomize-btn.size-lg{padding:calc(.092592592vh * 22) 0;font-size:calc(.092592592vh * 14)}.randomize-btn.rounded-pill{border-radius:calc(.092592592vh * 75)}.randomize-btn.rounded-md{border-radius:calc(.092592592vh * 8)}.randomize-btn.rounded-lg{border-radius:calc(.092592592vh * 15)}.card-selector__card--selected~.card-selector__label,.parent-selection .card-selector__card--selected~.parent-label,.parent-selection .parent-item.selected~.card-selector__label,.parent-selection .parent-item.selected~.parent-label,.items-grid .grid-item.selected .item-label,.slider-item .slider-value,.slider-item .slider__value,.slider .slider-value,.slider .slider__value{background:linear-gradient(90deg,var(--color-primary-light) 0%,var(--color-primary-gradient) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.slider-item,.slider{display:flex;align-items:center;gap:calc(.092592592vh * 10);padding:calc(.092592592vh * 20) 0}.slider-item .slider-label,.slider-item .slider__label,.slider .slider-label,.slider .slider__label{min-width:calc(.092592592vh * 157);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:calc(.092592592vh * 12);font-weight:500;color:#ffffffbf}.slider-item .slider-value,.slider-item .slider__value,.slider .slider-value,.slider .slider__value{min-width:calc(.092592592vh * 21);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:calc(.092592592vh * 12);font-weight:500;color:#ffffffbf;text-align:left;transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.slider-item .slider-value.changing,.slider-item .changing.slider__value,.slider .slider-value.changing,.slider .changing.slider__value{transform:scale(1.15)}.slider-item .slider-wrapper,.slider-item .slider__wrapper,.slider .slider-wrapper,.slider .slider__wrapper{position:relative;flex:1;min-width:calc(.092592592vh * 160);max-width:calc(.092592592vh * 160);height:calc(.092592592vh * 6);border-radius:calc(.092592592vh * 3)}.slider-item .slider-wrapper:before,.slider-item .slider__wrapper:before,.slider .slider-wrapper:before,.slider .slider__wrapper:before{content:"";position:absolute;inset:0;z-index:0;border-radius:calc(.092592592vh * 3);background:#ffffff0f}.slider-item .slider-wrapper:after,.slider-item .slider__wrapper:after,.slider .slider-wrapper:after,.slider .slider__wrapper:after{content:"";position:absolute;inset:0;border-radius:calc(.092592592vh * 15);padding:calc(.092592592vh * .5);background:conic-gradient(from 45deg,#ffffff0d,#ffffff1a,#ffffff0d,#ffffff1a,#ffffff0d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.slider-item .slider-input,.slider-item .slider__input,.slider .slider-input,.slider .slider__input{--progress: 0%;position:absolute;top:0;left:0;z-index:1;width:100%;margin:0;padding:0;appearance:none;-webkit-appearance:none;height:100%;border-radius:calc(.092592592vh * 3);background:linear-gradient(to right,var(--color-primary-light) 0%,var(--color-primary-gradient) calc(var(--progress) - 10%),var(--color-primary-light) var(--progress),transparent var(--progress),transparent 100%);outline:none;cursor:pointer}.slider-item .slider-input::-webkit-slider-runnable-track,.slider-item .slider__input::-webkit-slider-runnable-track,.slider .slider-input::-webkit-slider-runnable-track,.slider .slider__input::-webkit-slider-runnable-track{height:calc(.092592592vh * 6);border-radius:calc(.092592592vh * 3)}.slider-item .slider-input::-webkit-slider-thumb,.slider-item .slider__input::-webkit-slider-thumb,.slider .slider-input::-webkit-slider-thumb,.slider .slider__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:calc(.092592592vh * 13);height:calc(.092592592vh * 13);border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 calc(.092592592vh * 16.7) calc(.092592592vh * 5) #ffffff80;margin-top:calc(.092592592vh * -3);position:relative;z-index:3;transition:transform .15s cubic-bezier(.4,0,.2,1)}.slider-item .slider-input:active::-webkit-slider-thumb,.slider-item .slider__input:active::-webkit-slider-thumb,.slider .slider-input:active::-webkit-slider-thumb,.slider .slider__input:active::-webkit-slider-thumb{transform:scale(.9)}.slider-item .slider-input::-moz-range-track,.slider-item .slider__input::-moz-range-track,.slider .slider-input::-moz-range-track,.slider .slider__input::-moz-range-track{height:calc(.092592592vh * 6);border-radius:calc(.092592592vh * 3);background:transparent}.slider-item .slider-input::-moz-range-progress,.slider-item .slider__input::-moz-range-progress,.slider .slider-input::-moz-range-progress,.slider .slider__input::-moz-range-progress{height:calc(.092592592vh * 6);border-radius:calc(.092592592vh * 3);background:linear-gradient(90deg,var(--color-primary-gradient),var(--color-primary-light))}.slider-item .slider-input::-moz-range-thumb,.slider-item .slider__input::-moz-range-thumb,.slider .slider-input::-moz-range-thumb,.slider .slider__input::-moz-range-thumb{width:calc(.092592592vh * 12);height:calc(.092592592vh * 12);border-radius:50%;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 50%,var(--color-primary-gradient) 100%);cursor:pointer;box-shadow:0 calc(.092592592vh * 1) calc(.092592592vh * 3) #0000004d;border:none}.card-selector__card--selected~.card-selector__label,.parent-selection .card-selector__card--selected~.parent-label,.parent-selection .parent-item.selected~.card-selector__label,.parent-selection .parent-item.selected~.parent-label,.items-grid .grid-item.selected .item-label,.slider-item .slider-value,.slider .slider-value,.slider-item .slider__value,.slider .slider__value{background:linear-gradient(90deg,var(--color-primary-light) 0%,var(--color-primary-gradient) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.items-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(.092592592vh * 17);max-height:calc(.092592592vh * 555);overflow-y:auto;margin-right:calc(.092592592vh * -2)}.items-grid::-webkit-scrollbar{display:none}.items-grid .grid-item{display:flex;flex-direction:column;align-items:center;gap:calc(.092592592vh * 20);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);transform:scale(1);will-change:transform}.items-grid .grid-item:active:not(.selected){transform:scale(.92);transition:transform .1s cubic-bezier(.4,0,.2,1)}.items-grid .grid-item.selected .item-image{background:linear-gradient(90deg,var(--color-primary-light) 0%,var(--color-primary-gradient) 100%)}.items-grid .grid-item.selected .item-image:before{background:linear-gradient(160deg,rgba(255,255,255,.4) 0%,rgba(255,255,255,.15) 30%,transparent 50%,rgba(0,0,0,.1) 70%,rgba(0,0,0,.2) 100%)}.items-grid .grid-item.selected .item-image:after{background:conic-gradient(from 45deg,rgba(var(--color-primary-light-rgb),.8),rgba(var(--color-primary-gradient-rgb),.4),rgba(var(--color-primary-gradient-rgb),.5),rgba(var(--color-primary-light-rgb),.5),rgba(var(--color-primary-light-rgb),.8))}.items-grid .grid-item .item-image{width:calc(.092592592vh * 87);height:calc(.092592592vh * 87);border-radius:50%;background:linear-gradient(180deg,#ffffff14,#ffffff05);border:none;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all .25s ease}.items-grid .grid-item .item-image:before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(160deg,rgba(255,255,255,.35) 0%,rgba(255,255,255,.1) 30%,transparent 50%,rgba(0,0,0,.15) 70%,rgba(0,0,0,.3) 100%);pointer-events:none;z-index:2}.items-grid .grid-item .item-image:after{content:"";position:absolute;inset:0;border-radius:50%;padding:calc(.092592592vh * 1);background:conic-gradient(from 45deg,#0000001a,#ffffff40,#0003,#ffffff4d,#0000001a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:3;transition:all .25s ease}.items-grid .grid-item .item-image i{font-size:calc(.092592592vh * 28);color:#fff3;z-index:1}.items-grid .grid-item .item-image img{width:calc(.092592592vh * 73);height:calc(.092592592vh * 73);object-fit:cover;object-position:center top;filter:grayscale(30%);background:#ffffff0d;z-index:1;border-radius:50%}.items-grid .grid-item .item-image .none-icon{font-size:calc(.092592592vh * 28);color:#fff6;z-index:1}.items-grid .grid-item .item-image .item-id{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:calc(.092592592vh * 14);font-weight:600;color:#ffffff80;z-index:1}.items-grid .grid-item .item-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:calc(.092592592vh * 12);font-weight:500;color:#ffffffeb;text-align:center;transition:color .2s ease}.option-cycler{display:flex;align-items:center;padding:calc(.092592592vh * 10) 0}.option-cycler__label{min-width:calc(.092592592vh * 130);font-family:Inter;font-size:calc(.092592592vh * 12);font-weight:500;color:#ffffff8c;transition:color .2s cubic-bezier(.4,0,.2,1)}.option-cycler__control{flex:1;display:flex;align-items:center;justify-content:flex-end}.option-cycler__btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:pointer;color:#d9d9d9;transition:all .2s cubic-bezier(.4,0,.2,1);transform:scale(1)}.option-cycler__btn:hover{color:#ffffffd9}.option-cycler__btn:active{transform:scale(.85);transition:transform .1s cubic-bezier(.4,0,.2,1)}.option-cycler__btn--left{transform:translateY(calc(.092592592vh * 1.5))}.option-cycler__btn--left:active{transform:translateY(calc(.092592592vh * 1.5)) scale(.85)}.option-cycler__value{min-width:calc(.092592592vh * 132);text-align:center;font-family:Inter;font-size:calc(.092592592vh * 12);font-weight:500;background:linear-gradient(90deg,var(--color-primary-light) 0%,var(--color-primary-gradient) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:opacity .15s cubic-bezier(.4,0,.2,1)}@keyframes liquid-drift-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(1.5%,1%) scale(1.01)}66%{transform:translate(-1%,1.5%) scale(.99)}}@keyframes liquid-drift-2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-1.2%,-.8%) scale(1.005)}}@keyframes liquid-drift-3{0%,to{transform:translate(0)}25%{transform:translate(.8%,-.5%)}75%{transform:translate(-.6%,.8%)}}@keyframes soft-pulse{0%,to{opacity:1}50%{opacity:.7}}.glass-panel{--glass-corner-radius: get-vh(15);position:relative;border-radius:var(--glass-corner-radius);overflow:hidden;box-sizing:border-box;box-shadow:0 calc(.092592592vh * 1) calc(.092592592vh * 2) #0000004d,0 calc(.092592592vh * 2) calc(.092592592vh * 6) calc(.092592592vh * 2) #00000026,inset 0 calc(.092592592vh * 1) calc(.092592592vh * 2) #ffffff26,inset 0 calc(.092592592vh * -8) calc(.092592592vh * 20) #00000026}.glass-panel .liquid-glass-bg{position:absolute;inset:0;z-index:0;background:var(--liquid-glass-bg, rgba(20, 20, 20, .5));border-radius:var(--glass-corner-radius)}.glass-panel .liquid-glass-distortion{position:absolute;inset:0;z-index:1;pointer-events:none;isolation:isolate;border-radius:var(--glass-corner-radius);-webkit-backdrop-filter:blur(var(--glass-blur, 3px));backdrop-filter:blur(var(--glass-blur, 3px));filter:var(--glass-filter)}.glass-panel .liquid-layer{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;border-radius:var(--glass-corner-radius)}.glass-panel .liquid-layer:before{content:"";position:absolute;top:-20%;left:-20%;width:140%;height:140%;background:radial-gradient(ellipse 45% 35% at 25% 30%,rgba(255,255,255,.1) 0%,transparent 60%),radial-gradient(ellipse 40% 45% at 75% 70%,rgba(255,255,255,.08) 0%,transparent 60%);animation:liquid-drift-1 20s ease-in-out infinite}.glass-panel .liquid-layer:after{content:"";position:absolute;top:-15%;left:-15%;width:130%;height:130%;background:radial-gradient(ellipse 25% 20% at 65% 25%,rgba(255,255,255,.12) 0%,transparent 55%),radial-gradient(ellipse 20% 25% at 30% 75%,rgba(255,255,255,.08) 0%,transparent 55%);animation:liquid-drift-2 25s ease-in-out infinite}.glass-panel .liquid-layer-2{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;border-radius:var(--glass-corner-radius)}.glass-panel .liquid-layer-2:before{content:"";position:absolute;top:-10%;left:-10%;width:120%;height:120%;background:radial-gradient(ellipse 30% 25% at 50% 40%,rgba(255,255,255,.06) 0%,transparent 50%),radial-gradient(ellipse 20% 30% at 70% 60%,rgba(200,220,255,.05) 0%,transparent 50%),radial-gradient(ellipse 25% 20% at 25% 55%,rgba(255,255,255,.04) 0%,transparent 50%);animation:liquid-drift-3 18s ease-in-out infinite,soft-pulse 12s ease-in-out infinite}.glass-panel .glass-overlay{position:absolute;inset:0;z-index:1;border-radius:var(--glass-corner-radius);pointer-events:none}.glass-panel .glass-overlay:before{content:"";position:absolute;top:0;left:calc(.092592592vh * 10);right:calc(.092592592vh * 10);height:calc(.092592592vh * 1);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 20%,rgba(255,255,255,.35) 50%,rgba(255,255,255,.25) 80%,transparent 100%);border-radius:calc(.092592592vh * 1)}.glass-panel .glass-overlay:after{content:"";position:absolute;inset:0;border-radius:var(--glass-corner-radius);padding:calc(.092592592vh * 1);background:conic-gradient(from 45deg,#00000014,#fff3,#0000001a,#ffffff40,#00000014);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.glass-panel .glass-content{position:relative;z-index:10}.section-block__header{display:flex;justify-content:space-between;align-items:center}.section-block__name{font-family:Inter;font-size:calc(.092592592vh * 16);font-weight:500;color:#ffffffe6}.section-block__actions{display:flex;gap:calc(.092592592vh * 7)}.section-block__description{font-family:Inter;font-weight:500;font-size:calc(.092592592vh * 12);color:#ffffff78;margin:calc(.092592592vh * 23) 0}.section-block__content{display:flex;flex-direction:column;gap:2px}.section-block__content>:first-child{padding-top:0}.section-block__content>:last-child{padding-bottom:0}.panel-header__title-row{display:flex;align-items:center}.panel-header__title-left{display:flex;align-items:center;gap:calc(.092592592vh * 15)}.panel-header__title-left i{font-size:calc(.092592592vh * 24);color:#ffffff8e}.panel-header__title-left h2{font-family:Inter;font-size:calc(.092592592vh * 22);font-weight:600;color:#fffffff2;margin:0;letter-spacing:.3px}.panel-header__actions{display:flex;gap:calc(.092592592vh * 7)}.panel-header__description{font-family:Inter;font-weight:500;font-size:calc(.092592592vh * 12);color:#ffffff78;margin:calc(.092592592vh * 23) 0}.panel-header--left{padding-bottom:calc(.092592592vh * 30)}.panel-header--right .panel-header__title-row{padding-right:calc(.092592592vh * 25);justify-content:space-between}.panel-header--right .panel-header__title-row h2{font-family:Inter;font-size:calc(.092592592vh * 16);font-weight:600;color:#ffffffe6;margin:0}.text-input-wrapper{position:relative;display:flex;align-items:center;gap:calc(.092592592vh * 10);padding:calc(.092592592vh * 15) calc(.092592592vh * 15) calc(.092592592vh * 15) calc(.092592592vh * 20);border-radius:calc(.092592592vh * 6);background:#0000005e;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:text;transform:scale(1)}.text-input-wrapper:before{content:"";position:absolute;inset:0;border-radius:calc(.092592592vh * 6);padding:calc(.092592592vh * .75);background:conic-gradient(from 45deg,#0000001a,#ffffff40,#0003,#ffffff4d,#0000001a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.text-input-wrapper:focus-within{background:#00000073}.text-input-wrapper:focus-within:before{content:"";position:absolute;inset:0;border-radius:calc(.092592592vh * 6);padding:calc(.092592592vh * .75);background:conic-gradient(from 45deg,#0000001a,#ffffff40,#0003,#ffffff4d,#0000001a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;background:conic-gradient(from 45deg,rgba(var(--color-primary-gradient-rgb),.15),rgba(var(--color-primary-light-rgb),.4),rgba(var(--color-primary-gradient-rgb),.2),rgba(var(--color-primary-light-rgb),.3),rgba(var(--color-primary-gradient-rgb),.15))}.text-input-wrapper:active:not(.disabled){transform:scale(.98);transition:transform .1s cubic-bezier(.4,0,.2,1)}.text-input-wrapper.disabled{opacity:.5;cursor:not-allowed}.text-input-wrapper.disabled .text-input{cursor:not-allowed}.text-input{flex:1;min-width:0;padding:0;border:none;background:transparent;color:#ffffffe6;font-family:Inter,sans-serif;font-size:calc(.092592592vh * 12);font-weight:500;outline:none}.text-input::placeholder{color:#ffffff78}.text-input:disabled{cursor:not-allowed}.text-input:read-only{cursor:default}.text-input-icon{display:flex;align-items:center;justify-content:center;color:#ffffff73;font-size:calc(.092592592vh * 12);flex-shrink:0}.text-input-icon i{font-size:inherit}.text-input-icon svg{width:calc(.092592592vh * 12);height:calc(.092592592vh * 12)}.calendar{display:flex;flex-direction:column;max-width:calc(.092592592vh * 365)}.calendar__nav{display:flex;justify-content:space-between;align-items:center;gap:calc(.092592592vh * 10)}.calendar__day-labels{display:flex;justify-content:center;margin-bottom:calc(.092592592vh * 5)}.calendar__day-label{display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-weight:500;color:#ffffff78;text-transform:uppercase}.calendar__grid{display:grid;justify-content:center}.calendar__day{position:relative;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-weight:500;font-size:calc(.092592592vh * 14);border-radius:calc(.092592592vh * 6);transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;transform:scale(1)}.calendar__day:not(.calendar__day--active){cursor:default}.calendar__day--active{background:var(--calendar-day-active-bg, transparent);color:#ffffffa6;cursor:pointer}.calendar__day--active:hover:not(.calendar__day--selected):not(.calendar__day--disabled){background:var(--calendar-day-hover-bg, rgba(255, 255, 255, .1));color:var(--calendar-day-hover-text, rgba(255, 255, 255, .9))}.calendar__day--active:active:not(.calendar__day--selected):not(.calendar__day--disabled){transform:scale(.9);transition:transform .1s cubic-bezier(.4,0,.2,1)}.calendar__day--active:before{content:"";position:absolute;inset:0;border-radius:calc(.092592592vh * 6);padding:calc(.092592592vh * .75);background:conic-gradient(from 45deg,#0000001a,#ffffff40,#0003,#ffffff4d,#0000001a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.calendar__day--selected{background:linear-gradient(180deg,var(--color-primary-light) 0%,var(--color-primary-gradient) 100%);color:#fff;font-weight:600}.calendar__day--today:not(.calendar__day--selected){border:calc(.092592592vh * 1) solid rgba(var(--color-primary-light-rgb),.5);color:rgba(var(--color-primary-light-rgb),.9)}.calendar__day--disabled{color:#fff3!important;cursor:not-allowed!important}.calendar__day--disabled:hover{background:transparent!important}.calendar__month-cycler .option-cycler__label{display:none}.calendar__year-cycler{flex-shrink:0}.calendar__year-cycler .option-cycler__label{display:none}.color-picker{display:flex;flex-direction:column;gap:calc(.092592592vh * 15);position:relative}.color-picker .color-grid{display:flex;flex-wrap:wrap;gap:calc(.092592592vh * 18);overflow-y:auto;max-height:calc(.092592592vh * 180);padding-bottom:calc(.092592592vh * 20)}.color-picker .color-grid::-webkit-scrollbar{display:none!important}.color-picker .color-circle{position:relative;width:calc(.092592592vh * 29);height:calc(.092592592vh * 29);border-radius:50%;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);transform:scale(1);will-change:transform}.color-picker .color-circle:active:not(.selected){transform:scale(.9);transition:transform .1s cubic-bezier(.4,0,.2,1)}.color-picker .color-circle:before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(160deg,rgba(255,255,255,.35) 0%,rgba(255,255,255,.1) 30%,transparent 50%,rgba(0,0,0,.15) 70%,rgba(0,0,0,.3) 100%);pointer-events:none;z-index:1}.color-picker .color-circle:after{content:"";position:absolute;inset:0;border-radius:50%;padding:calc(.092592592vh * 1.5);background:conic-gradient(from 45deg,#ffffff73,#0003,#00000059,#ffffff40,#ffffff73);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}.color-picker .color-circle.selected{border:calc(.092592592vh * 2) solid white}.color-picker .color-circle .color-circle-inside{display:none}.color-picker-overlay{position:fixed;inset:0;z-index:100}@keyframes popup-enter{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.color-picker-popup{width:calc(.092592592vh * 296);height:calc(.092592592vh * 420);padding:calc(.092592592vh * 15);background:#ffffff1a;border:calc(.092592592vh * 1) solid rgba(255,255,255,.1);border-radius:calc(.092592592vh * 18);z-index:101;display:flex;flex-direction:column;gap:calc(.092592592vh * 12);animation:popup-enter .25s cubic-bezier(.34,1.56,.64,1)}.color-picker-popup .popup-header{display:flex;align-items:center;justify-content:space-between}.color-picker-popup .popup-header .popup-title{font-family:Inter;font-size:calc(.092592592vh * 14);font-weight:600;color:#ffffffe6}.color-picker-popup .popup-header .popup-actions{display:flex;gap:calc(.092592592vh * 7)}.color-picker-popup .color-gradient{position:relative;width:100%;height:calc(.092592592vh * 250);border-radius:calc(.092592592vh * 10);cursor:crosshair;overflow:hidden}.color-picker-popup .color-gradient .gradient-white{position:absolute;inset:0;background:linear-gradient(to right,white,transparent)}.color-picker-popup .color-gradient .gradient-black{position:absolute;inset:0;background:linear-gradient(to bottom,transparent,black)}.color-picker-popup .color-gradient .gradient-cursor{position:absolute;width:calc(.092592592vh * 20);height:calc(.092592592vh * 20);border:calc(.092592592vh * 3) solid white;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 calc(.092592592vh * 5) #00000080}.color-picker-popup .hue-slider-container{position:relative;width:100%;height:calc(.092592592vh * 20)}.color-picker-popup .hue-slider-container .hue-slider{width:100%;height:calc(.092592592vh * 12);appearance:none;-webkit-appearance:none;border-radius:calc(.092592592vh * 6);background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer;outline:none}.color-picker-popup .hue-slider-container .hue-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:calc(.092592592vh * 20);height:calc(.092592592vh * 20);border-radius:50%;background:#fff;border:calc(.092592592vh * 3) solid white;box-shadow:0 0 calc(.092592592vh * 5) #0000004d;cursor:pointer}.color-picker-popup .hue-slider-container .hue-slider::-moz-range-thumb{width:calc(.092592592vh * 20);height:calc(.092592592vh * 20);border-radius:50%;background:#fff;border:calc(.092592592vh * 3) solid white;box-shadow:0 0 calc(.092592592vh * 5) #0000004d;cursor:pointer}.color-picker-popup .popup-footer{display:flex;align-items:center;justify-content:space-between;gap:calc(.092592592vh * 12);margin-top:auto}.color-picker-popup .popup-footer .color-preview{flex:1;height:calc(.092592592vh * 36);border-radius:calc(.092592592vh * 8);border:calc(.092592592vh * 2) solid rgba(255,255,255,.2)}@keyframes diamond-pulse{0%,to{box-shadow:0 0 19.5px rgba(var(--color-primary-gradient-rgb),.35),inset 0 0 16.9px #ffffff21}50%{box-shadow:0 0 25px rgba(var(--color-primary-gradient-rgb),.5),inset 0 0 16.9px #fff3}}@keyframes line-expand-horizontal{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes line-expand-vertical{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}.diamond-separator{display:flex;justify-content:center;align-items:center;gap:calc(.092592592vh * 13)}.diamond-separator .diamond{min-width:calc(.092592592vh * 9);min-height:calc(.092592592vh * 9);background:linear-gradient(90deg,var(--color-primary-light) 0%,var(--color-primary-gradient) 100%);box-shadow:0 0 19.5px rgba(var(--color-primary-gradient-rgb),.35),inset 0 0 16.9px #ffffff21;border-radius:calc(.092592592vh * 2);transform:rotate(-45deg);animation:diamond-pulse 3s ease-in-out infinite}.diamond-separator--horizontal{flex-direction:row;padding:calc(.092592592vh * 29) 0}.diamond-separator--horizontal .diamond-line{width:100%;height:calc(.092592592vh * 1.5);border-radius:50%;background:linear-gradient(90deg,#fff0,#ffffff8c,#fff0);animation:line-expand-horizontal .6s cubic-bezier(.4,0,.2,1) forwards}.diamond-separator--horizontal .diamond-line:first-child{transform-origin:right center}.diamond-separator--horizontal .diamond-line:last-child{transform-origin:left center}.diamond-separator--vertical{flex-direction:column;padding:0 calc(.092592592vh * 29)}.diamond-separator--vertical .diamond-line{width:calc(.092592592vh * 1.5);height:100%;min-height:calc(.092592592vh * 30);border-radius:50%;background:linear-gradient(180deg,#fff0,#ffffff8c,#fff0);animation:line-expand-vertical .6s cubic-bezier(.4,0,.2,1) forwards}.diamond-separator--vertical .diamond-line:first-child{transform-origin:center bottom}.diamond-separator--vertical .diamond-line:last-child{transform-origin:center top}:root{--color-primary: #E4E4E7;--color-primary-rgb: 228, 228, 231;--color-primary-25: rgba(228, 228, 231, .25);--color-primary-50: rgba(228, 228, 231, .5);--color-primary-light: #E4E4E7;--color-primary-light-rgb: 228, 228, 231;--color-primary-gradient: #71717A;--color-primary-gradient-rgb: 113, 113, 122;--color-dark-primary: rgba(244, 244, 245, .4);--color-dark-primary-50: rgba(244, 244, 245, .2)}.tabs-container{position:absolute;top:calc(.092592592vh * 25);left:50%;transform:translate(-50%);z-index:10}.tabs-bar{position:relative;display:flex;justify-content:center;gap:0;padding:calc(.092592592vh * 10)}.tabs-bar .tab-indicator{position:absolute;top:calc(.092592592vh * 10);height:calc(100% - .092592592vh * 20);border-radius:calc(.092592592vh * 15);background:linear-gradient(90deg,var(--color-primary-light) 0%,var(--color-primary-gradient) 100%);transition:left .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1);z-index:0;overflow:hidden}.tabs-bar .tab-indicator:before{content:"";position:absolute;inset:0;border-radius:calc(.092592592vh * 15);padding:calc(.092592592vh * 1);background:conic-gradient(from 45deg,#0000001a,#ffffff4d,#0000001a,#ffffff4d,#0000001a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.tabs-bar .tab{position:relative;z-index:1;font-family:Inter;display:flex;align-items:center;justify-content:center;padding:calc(.092592592vh * 15) calc(.092592592vh * 15);cursor:pointer;transition:color .25s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);color:#fff;font-weight:500;font-size:calc(.092592592vh * 12);border-radius:calc(.092592592vh * 15);transform:scale(1)}.tabs-bar .tab:active:not(.active){transform:scale(.95)}.tabs-bar .tab.active{color:#50452d}.tabs-bar .tab .tab-label{white-space:nowrap}.bottom-controls{display:flex;gap:calc(.092592592vh * 16)}.bottom-controls .control-box{display:flex;align-items:center;gap:calc(.092592592vh * 15);padding:calc(.092592592vh * 13) calc(.092592592vh * 16)}.bottom-controls .control-box .glass-content{display:flex;align-items:center;gap:calc(.092592592vh * 15)}.bottom-controls .control-box .mouse-icon{display:flex;align-items:center;gap:calc(.092592592vh * 5.5);background:#ffffff0d;padding:calc(.092592592vh * 2.5) calc(.092592592vh * 5);border-radius:calc(.092592592vh * 3)}.bottom-controls .control-box .mouse-icon .mouse-left{transform:translateY(calc(.092592592vh * -1)) translate(calc(.092592592vh * -2))}.bottom-controls .control-box .mouse-icon .mouse-right{transform:translateY(calc(.092592592vh * -1)) translate(calc(.092592592vh * -1))}.bottom-controls .control-box .mouse-icon .mouse-center{transform:translateY(0) translate(calc(.092592592vh * -1))}.bottom-controls .control-box .mouse-icon .mouse-arrows{display:flex;align-items:center;justify-content:center;color:#d9d9d9;gap:calc(.092592592vh * 2.5)}.bottom-controls .control-box .mouse-icon .mouse-arrows.vertical{flex-direction:column}.bottom-controls .control-box .mouse-icon .mouse-arrows.horizontal{flex-direction:row}.bottom-controls .control-box .mouse-icon .mouse-arrows svg{display:block;flex-shrink:0}.bottom-controls .control-box .mouse-icon .mouse-arrows .up{margin-left:calc(.092592592vh * -1.55)}.bottom-controls .control-box .mouse-icon .mouse-arrows .right{margin-top:calc(.092592592vh * -1.5)}.bottom-controls .control-box .mouse-texts{display:flex;flex-direction:row;align-items:center;gap:calc(.092592592vh * 10)}.bottom-controls .control-box .mouse-texts .action-icon{font-size:16px;color:#fff9}.bottom-controls .control-box .mouse-texts .control-label{font-family:Inter;font-size:calc(.092592592vh * 12);font-weight:500;color:#ffffffbf}.music-player{position:fixed;bottom:calc(.092592592vh * 25);right:calc(.092592592vh * 429);z-index:15}.music-player .music-player-glass .glass-content{display:flex;flex-direction:row;gap:calc(.092592592vh * 10);padding:calc(.092592592vh * 15);padding-right:calc(.092592592vh * 13)}.music-player .player-main{display:flex;flex-direction:column;flex:1;gap:calc(.092592592vh * 16)}.track-cover{width:calc(.092592592vh * 127);height:calc(.092592592vh * 127);border-radius:calc(.092592592vh * 7);overflow:hidden;position:relative;background:#ffffff14;flex-shrink:0}.track-cover img{width:100%;height:100%;object-fit:cover}.track-cover.loading .loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080}.track-cover.loading .loading-overlay .spinner{width:calc(.092592592vh * 24);height:calc(.092592592vh * 24);border:calc(.092592592vh * 3) solid rgba(255,255,255,.3);border-top-color:var(--color-primary-light);border-radius:50%;animation:spin .8s linear infinite}.track-info{display:flex;flex-direction:column;align-items:flex-start;gap:calc(.092592592vh * 10)}.track-info .track-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffff4d}.track-info .track-details{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:calc(.092592592vh * 8)}.track-info .track-details .track-artist{font-family:Inter;font-size:calc(.092592592vh * 12);font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-transform:uppercase;line-height:1}.track-info .track-details .track-title{font-family:Inter;font-size:calc(.092592592vh * 10);font-weight:500;color:#ffffff8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-transform:uppercase;line-height:1}.track-info.track-info-empty .track-cover-placeholder{background:#ffffff0d;border:calc(.092592592vh * 1) dashed rgba(255,255,255,.1);border-radius:calc(.092592592vh * 10);width:calc(.092592592vh * 160);height:calc(.092592592vh * 160)}@keyframes spin{to{transform:rotate(360deg)}}.player-controls{display:flex;align-items:center;justify-content:flex-start;gap:calc(.092592592vh * 10)}.player-controls .control-btn{position:relative;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:none;padding:calc(.092592592vh * 10) calc(.092592592vh * 15);cursor:pointer;color:#ffffffbf;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:calc(.092592592vh * 8);overflow:hidden;transform:scale(1)}.player-controls .control-btn:active:not(:disabled){transform:scale(.9);transition:transform .1s cubic-bezier(.4,0,.2,1)}.player-controls .control-btn:before{content:"";position:absolute;inset:0;z-index:0;border-radius:calc(.092592592vh * 8);padding:calc(.092592592vh * 1);background:conic-gradient(from 45deg,#ffffff59,#00000026,#0003,#ffffff26,#ffffff59);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:all .2s ease}.player-controls .control-btn svg{position:relative;z-index:1}.player-controls .control-btn:disabled{opacity:.3;cursor:not-allowed}.player-controls .control-btn.play-btn{background:linear-gradient(90deg,var(--color-primary-light) 0%,var(--color-primary-gradient) 100%);color:#fff}.player-controls .control-btn.play-btn:before{background:conic-gradient(from 45deg,var(--color-primary-light),rgba(var(--color-primary-gradient-rgb),.4),rgba(var(--color-primary-gradient-rgb),.5),rgba(var(--color-primary-light-rgb),.6),var(--color-primary-light))}.player-controls .control-btn.play-btn,.player-controls .control-btn.prev-btn,.player-controls .control-btn.next-btn{width:calc(.092592592vh * 45);height:calc(.092592592vh * 36)}.progress-bar-container{display:flex;flex-direction:column;gap:calc(.092592592vh * 10);width:100%;flex:1}.progress-bar-container .progress-bar-row{display:flex;align-items:center;justify-content:space-between}.progress-bar-container .time-current,.progress-bar-container .time-total{font-family:Inter;font-size:calc(.092592592vh * 10);font-weight:500;color:#fff}.progress-bar-container .time-total{color:#ffffff8c}.progress-bar-container .progress-bar{width:100%;height:calc(.092592592vh * 8);background:#ffffff26;border-radius:calc(.092592592vh * 4);cursor:pointer;position:relative;overflow:visible;-webkit-user-select:none;user-select:none}.progress-bar-container .progress-bar:hover .progress-thumb,.progress-bar-container .progress-bar.dragging .progress-thumb{opacity:1;transform:translate(-50%,-50%) scale(1)}.progress-bar-container .progress-bar .progress-fill{height:100%;border-radius:calc(.092592592vh * 4);background:linear-gradient(90deg,var(--color-primary-light) 0%,var(--color-primary-gradient) 100%);width:var(--progress);transition:width .1s linear}.progress-bar-container .progress-bar .progress-thumb{position:absolute;top:50%;width:calc(.092592592vh * 14);height:calc(.092592592vh * 14);background:#fff;border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0;transition:all .15s ease;box-shadow:0 0 calc(.092592592vh * 10) #ffffff80}.progress-bar-container .progress-bar.loading .progress-fill{animation:shimmer 1.5s infinite}@keyframes shimmer{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.volume-section{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:calc(.092592592vh * 15);min-height:100%}.volume-slider-vertical{display:flex;flex-direction:column;align-items:center;gap:calc(.092592592vh * 10);height:100%}.volume-slider-vertical .volume-slider-track{width:calc(.092592592vh * 8);height:100%;background:#ffffff26;border-radius:calc(.092592592vh * 4);position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.volume-slider-vertical .volume-slider-track .volume-slider-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,var(--color-primary-gradient) 0%,var(--color-primary-light) 100%);border-radius:calc(.092592592vh * 4);transition:height .1s ease}.volume-slider-vertical .volume-slider-track .volume-slider-thumb{position:absolute;left:50%;width:calc(.092592592vh * 13);height:calc(.092592592vh * 13);background:#fff;border-radius:50%;transform:translate(-50%,50%);box-shadow:0 0 calc(.092592592vh * 10) #ffffff80;transition:bottom .1s ease}.volume-btn{position:relative;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:none;padding:calc(.092592592vh * 4);cursor:pointer;color:#ffffffbf;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:calc(.092592592vh * 8);overflow:hidden;margin-bottom:calc(.092592592vh * 1);min-height:calc(.092592592vh * 28);min-width:calc(.092592592vh * 28);transform:scale(1)}.volume-btn:active{transform:scale(.9);transition:transform .1s cubic-bezier(.4,0,.2,1)}.volume-btn:before{content:"";position:absolute;inset:0;z-index:0;border-radius:calc(.092592592vh * 8);padding:calc(.092592592vh * 1);background:conic-gradient(from 45deg,#ffffff59,#00000026,#0003,#ffffff26,#ffffff59);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.volume-btn svg{position:relative;z-index:1}.volume-btn:hover{color:#fff;background:#ffffff1f}.card-selector__card--selected~.card-selector__label,.parent-selection .card-selector__card--selected~.parent-label,.parent-selection .parent-item.selected~.card-selector__label,.parent-selection .parent-item.selected~.parent-label,.slider-item .slider-value,.slider .slider-value,.slider-item .slider__value,.slider .slider__value,.items-grid .grid-item.selected .item-label{background:linear-gradient(90deg,var(--color-primary-light) 0%,var(--color-primary-gradient) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes checkmark-pop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.card-selector,.parent-selection{display:flex;gap:calc(.092592592vh * 20)}.card-selector--grid,.parent-selection.clothes-selection{display:grid!important;grid-template-columns:repeat(2,1fr);gap:calc(.092592592vh * 15)}.card-selector--grid .card-selector__section,.parent-selection.clothes-selection .card-selector__section,.card-selector--grid .parent-selection .parent-sec,.parent-selection.clothes-selection .parent-selection .parent-sec,.parent-selection .card-selector--grid .parent-sec,.parent-selection .parent-selection.clothes-selection .parent-sec{width:100%}.card-selector--grid .card-selector__card .card-selector__image i,.parent-selection.clothes-selection .card-selector__card .card-selector__image i,.card-selector--grid .card-selector__card .parent-selection .parent-image i,.parent-selection.clothes-selection .card-selector__card .parent-selection .parent-image i,.parent-selection .card-selector--grid .card-selector__card .parent-image i,.parent-selection .parent-selection.clothes-selection .card-selector__card .parent-image i,.card-selector--grid .parent-selection .parent-item .card-selector__image i,.parent-selection.clothes-selection .parent-selection .parent-item .card-selector__image i,.card-selector--grid .parent-selection .parent-item .parent-image i,.parent-selection.clothes-selection .parent-selection .parent-item .parent-image i,.parent-selection .card-selector--grid .parent-item .card-selector__image i,.parent-selection .parent-selection.clothes-selection .parent-item .card-selector__image i,.parent-selection .card-selector--grid .parent-item .parent-image i,.parent-selection .parent-selection.clothes-selection .parent-item .parent-image i{font-size:calc(.092592592vh * 20)}.card-selector__section,.parent-selection .parent-sec{display:flex;flex-direction:column;align-items:center;width:100%;gap:calc(.092592592vh * 20)}.card-selector__card,.parent-selection .parent-item{width:100%;height:calc(.092592592vh * 126);border-radius:calc(.092592592vh * 8);border:none;background:#ffffff0f;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transform:scale(1);will-change:transform}.card-selector__card:active:not(.card-selector__card--selected),.parent-selection .parent-item:active:not(.card-selector__card--selected){transform:scale(.95);transition:transform .1s cubic-bezier(.4,0,.2,1)}.card-selector__card:before,.parent-selection .parent-item:before{content:"";position:absolute;inset:0;border-radius:calc(.092592592vh * 8);padding:calc(.092592592vh * 1);background:conic-gradient(from 45deg,#0000001a,#ffffff40,#0003,#ffffff4d,#0000001a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:0;transition:all .3s ease}.card-selector__card:after,.parent-selection .parent-item:after{content:"";position:absolute;inset:0;z-index:1;border-radius:calc(.092592592vh * 8);background:linear-gradient(90deg,rgba(var(--color-primary-light-rgb),.55),rgba(var(--color-primary-gradient-rgb),.55));opacity:0;transition:opacity .3s ease;pointer-events:none}.card-selector__card:not(.card-selector__card--selected):hover:after,.parent-selection .parent-item:not(.card-selector__card--selected):hover:after{opacity:.4}.card-selector__card--selected:after,.parent-selection .parent-item.selected:after{opacity:1}.card-selector__card--selected:before,.parent-selection .parent-item.selected:before{background:conic-gradient(from 45deg,rgba(var(--color-primary-gradient-rgb),.25),rgba(var(--color-primary-light-rgb),.6),rgba(var(--color-primary-gradient-rgb),.3),rgba(var(--color-primary-light-rgb),.4),rgba(var(--color-primary-gradient-rgb),.25))}.card-selector__card--selected .card-selector__check,.card-selector__card--selected .parent-selection .parent-item .check-icon,.parent-selection .parent-item .card-selector__card--selected .check-icon,.parent-selection .parent-item.selected .card-selector__check,.parent-selection .parent-item.selected .check-icon{display:flex;animation:checkmark-pop .3s cubic-bezier(.34,1.56,.64,1) forwards}.card-selector__card .card-selector__check,.parent-selection .parent-item .card-selector__check,.parent-selection .parent-item .check-icon{position:absolute;top:0;right:0;width:calc(.092592592vh * 27);height:calc(.092592592vh * 27);background:linear-gradient(90deg,var(--color-primary-light) 0%,var(--color-primary-gradient) 100%);border-radius:0 0 0 calc(.092592592vh * 8);display:none;align-items:center;justify-content:center;z-index:5;transform:scale(0);opacity:0}.card-selector__card .card-selector__check i,.parent-selection .parent-item .card-selector__check i,.parent-selection .parent-item .check-icon i{font-size:calc(.092592592vh * 12);color:#000}.card-selector__image,.parent-selection .parent-image{flex:1;display:flex;align-items:center;justify-content:center;color:#ffffff40;font-size:48px;overflow:hidden;position:relative;z-index:2}.card-selector__image img,.parent-selection .parent-image img{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:calc(.092592592vh * 6)}.card-selector__image--contain img,.parent-selection .parent-image.clothes img{object-fit:contain;object-position:center}.card-selector__label,.parent-selection .parent-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:calc(.092592592vh * 12);font-weight:500;color:#ffffff78;text-align:center}.character-card-wrapper{position:relative;cursor:pointer;border-radius:calc(.092592592vh * 15)}.character-card-wrapper:not(.character-card-wrapper--active):hover .character-card:after{opacity:.4}.character-card-wrapper--active .character-card:after{opacity:.4}.character-card-wrapper--active .character-card:before{background:conic-gradient(from 45deg,rgba(var(--color-primary-gradient-rgb),.25),rgba(var(--color-primary-light-rgb),.6),rgba(var(--color-primary-gradient-rgb),.3),rgba(var(--color-primary-light-rgb),.4),rgba(var(--color-primary-gradient-rgb),.25))}.character-card-wrapper--active .character-card__check{display:flex}.character-card{display:flex;align-items:center;gap:calc(.092592592vh * 14);padding:calc(.092592592vh * 15);border-radius:calc(.092592592vh * 15);background:#ffffff1a;overflow:hidden;transition:all .3s ease}.character-card:before{content:"";position:absolute;inset:0;border-radius:calc(.092592592vh * 15);padding:calc(.092592592vh * 1);background:conic-gradient(from 45deg,#0000001a,#ffffff40,#0003,#ffffff4d,#0000001a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:0;transition:all .3s ease}.character-card:after{content:"";position:absolute;inset:0;z-index:1;border-radius:calc(.092592592vh * 15);background:linear-gradient(90deg,var(--color-primary-light) 0%,var(--color-primary-gradient) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.character-card__avatar{width:calc(.092592592vh * 62);height:calc(.092592592vh * 62);border-radius:calc(.092592592vh * 6);overflow:hidden;flex-shrink:0;position:relative;z-index:2}.character-card__avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#ffffff1f,#ffffff0a);border-radius:calc(.092592592vh * 8);display:flex;align-items:center;justify-content:center}.character-card__avatar-placeholder:empty:after{content:"";width:calc(.092592592vh * 24);height:calc(.092592592vh * 24);background:#ffffff26;border-radius:50%}.character-card__avatar-image{width:100%;height:100%;object-fit:cover;border-radius:calc(.092592592vh * 6)}.character-card__info{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;height:100%;flex:1;min-width:0;position:relative;z-index:2}.character-card__name{font-family:Inter,sans-serif;font-size:calc(.092592592vh * 16);font-weight:600;color:#ffffffe3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease}.character-card__check{position:absolute;top:0;right:0;width:calc(.092592592vh * 36);height:calc(.092592592vh * 31);background:linear-gradient(90deg,var(--color-primary-light) 0%,var(--color-primary-gradient) 100%);border-radius:0 calc(.092592592vh * 10) 0 calc(.092592592vh * 10);display:none;align-items:center;justify-content:center;z-index:5}.slider-item .slider-value,.slider .slider-value,.slider-item .slider__value,.slider .slider__value,.items-grid .grid-item.selected .item-label,.card-selector__card--selected~.card-selector__label,.parent-selection .parent-item.selected~.card-selector__label,.parent-selection .card-selector__card--selected~.parent-label,.parent-selection .parent-item.selected~.parent-label{background:linear-gradient(90deg,var(--color-primary-light) 0%,var(--color-primary-gradient) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-overlay,.modal_finish{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:100;background:#0000;opacity:0;visibility:hidden;transition:opacity .35s cubic-bezier(.4,0,.2,1),visibility .35s cubic-bezier(.4,0,.2,1),background .35s cubic-bezier(.4,0,.2,1)}.modal-overlay--visible{opacity:1;visibility:visible;background:#000000b3}.modal-overlay--visible .modal{transform:scale(1) translateY(0);opacity:1}.modal{transform:scale(.9) translateY(20px);opacity:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s cubic-bezier(.4,0,.2,1);min-width:calc(.092592592vh * 421);max-width:calc(.092592592vh * 421)}.modal .glass-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.modal__title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:calc(.092592592vh * 14);font-weight:600;color:#fff;margin:0;text-align:center;text-transform:uppercase}.modal__content{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:calc(.092592592vh * 12);font-weight:500;color:#ffffff78;margin:0;text-align:center;line-height:1.5}.modal__content p{margin:0}.modal__buttons{display:flex;justify-content:center;gap:calc(.092592592vh * 12)}.modal__buttons>*{flex:0 0 auto}.modal_finish[style*=flex]{opacity:1;visibility:visible}.modal_finish[style*=flex] .modal{transform:scale(1)}