.toast-plans-subscription{background:#d4f70e!important;min-width:400px}.toast-add-track{background:#f87f27!important;min-width:400px}.toast-resume-uploading{background:#262626!important;min-width:500px}.toast-resume-uploading .Toastify__close-button{color:#d4f70e;opacity:1}.toast-resume-uploading .Toastify__progress-bar{top:0;background-color:#d4f70e}.marquee-container{overflow:hidden}.marquee{display:inline-block;white-space:nowrap;animation:marqueeAnimation 10s linear infinite}@keyframes marqueeAnimation{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.container-footer{zoom:1.1;margin:auto;color:#000;max-width:1215px;height:90px;position:fixed;left:0;right:0;bottom:12px;align-items:center;-webkit-backdrop-filter:blur(21px);backdrop-filter:blur(21px);border-bottom-left-radius:12px;border-bottom-right-radius:12px;animation-name:containerFooter;animation-duration:.2s}.container-footer .img-active{animation:spin 4s linear infinite;object-fit:cover;height:50px}.container-footer .price-btn{color:red;background-color:#31c27c}.container-footer .range-volume{margin-left:5px;cursor:pointer}.container-footer .tooltip-hover{zoom:.9}.container-progress-audio{zoom:1.1;margin:auto;max-width:1215px;position:fixed;height:3px;left:0;right:0;bottom:116px;z-index:100;background:none!important}.container-progress-audio .progress-bar{-webkit-appearance:none;width:100%;height:5px;border-radius:5px;outline:none;background:#363535;cursor:pointer}.container-progress-audio .progress-bar:hover{opacity:1}.container-progress-audio #slider{margin-top:10px}.container-progress-audio #slidertitle{display:none;position:absolute;cursor:default;top:0;left:0;margin-top:-25px}.container-progress-audio #container:hover>#slidertitle{display:block;color:#d4f70e;font-size:13px;background-color:rgba(81,78,78,.258);z-index:2000;padding:3px 10px;border-radius:3px;-webkit-backdrop-filter:blur(34px);backdrop-filter:blur(34px)}.container-progress-audio .chakra-slider__track{background-color:#252526;top:0!important}.container-progress-audio .chakra-slider__track .chakra-slider__filled-track{background-color:#d4f70e}.container-progress-audio .chakra-slider{background-color:rgba(14,14,16,.74);-webkit-backdrop-filter:blur(34px);backdrop-filter:blur(34px);padding-top:0!important}.container-progress-audio .chakra-slider__thumb{background-color:#252526;top:0!important}.sound-control-player .chakra-slider__track{background-color:#a4a4a4}.sound-control-player .chakra-slider__track .chakra-slider__filled-track{background-color:#d4f70e}.progress-bar__upload{background-color:#1d1e23!important}.form-input{height:48px!important}.form-input-textarea{min-height:100px!important;border:none!important}.basic-multi-select{color:#fff;height:40px}.basic-multi-select .select__control{background-color:#24252a!important;border-color:#24252a!important}.basic-multi-select .select__menu{background-color:#24252a!important}.basic-multi-select .select__menu:hover{background-color:none}.basic-multi-select .css-qc6sy-singleValue,.basic-multi-select .select__input-container,.basic-multi-select .select__placeholder{color:#fff}.basic-multi-select .css-1uccc91-singleValue{width:100%;font-size:14px}.basic-multi-select .select__indicator-separator{display:none}.basic-multi-select .select__indicator{padding-right:32px}.select__single-value{color:#fff!important}.checkbox-download .chakra-checkbox__control{border:1px solid #38383c!important}.radio-loop{background:#25252a;border:none;margin-top:10px;justify-content:flex-start}.icon-loop,.radio-loop{display:flex;align-items:center}.icon-loop{width:22px;height:22px;background:hsla(0,0%,100%,.06);border-radius:50px;cursor:pointer;justify-content:center}.audio-play .progress-bar{-webkit-appearance:none;width:100%;height:3px;border-radius:5px;outline:none;background:linear-gradient(270.03deg,#d3f50f .52%,#2c2d31 108.12%);cursor:pointer;margin:10px 0}.audio-play .progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABR2lDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf87AysDDwMHAzWCVmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsisqzO3Hl67eNsqthUrvqy7sHUrpnoUwJWSWpwMpP8AcVpyQVEJAwNjCpCtXF5SAGJ3ANkiRUBHAdlzQOx0CHsDiJ0EYR8BqwkJcgaybwDZAskZiUAzGF8A2TpJSOLpSGyovSDA4+Lq46MQamRiaO5BwLmkg5LUihIQ7ZxfUFmUmZ5RouAIDKVUBc+8ZD0dBSMDI2MGBlCYQ1R/vgEOS0YxDoRYgRgDg6ULAwPzYoRYkhQDw3ag+yU5EWIqyxkY+CMYGLY1FCQWJcIdwPiNpTjN2AjC5t7OwMA67f//z+EMDOyaDAx/r////3v7//9/lwHNv8XAcOAbAJ1ZYSRfS7KfAAAAYmVYSWZNTQAqAAAACAACARIAAwAAAAEAAQAAh2kABAAAAAEAAAAmAAAAAAADkoYABwAAABIAAABQoAIABAAAAAEAAAASoAMABAAAAAEAAAASAAAAAEFTQ0lJAAAAU2NyZWVuc2hvdOhh5fMAAAI7aVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA2LjAuMCI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4xODwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlVzZXJDb21tZW50PlNjcmVlbnNob3Q8L2V4aWY6VXNlckNvbW1lbnQ+CiAgICAgICAgIDxleGlmOlBpeGVsWERpbWVuc2lvbj4yMDwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpvtHbSAAABUklEQVQ4Ea2UwUrDQBCGZ0Mgl9oIaan0ZouXDXoRfIY+ho/mY/QZhF6E5FKqNxHagGl7ySnyrd0lXVNp0P+Q7M7M/+/s7M6q0Whci4ckSWQ4HEi/H0sURcZbVZVst6Ws1xspisJjiKimUK93IdPptcTx5Y/ApqEsP2W1epP9fufMTogstNailHLO3wZ1XUue5y67gGAy6SIChwXhwAVGiO2cm4lhHT5w4IKQLZ2qyWC8k8ndhwl8fbmSzfv36sZw+MBFI+R02vAwW8rscXHkmj/dy/P85sjGBI2AI/ZBJr4IMdjw+UAjsPek6bTbadrsuM2Hhim2DfrLP+DG+qCwp9DmQyPg2vvgdCisD2z4fKChtL6t0zT1fWZ+zvETmGWZhDQgvdN2l1i9LYPmqnDRMMWmAemdroADFxghupgG7CJmmxYucN3P5F+eEYQs6J2uD9sXZbmccJlr6j4AAAAASUVORK5CYII=);background-size:contain;background-position:50%;background-repeat:no-repeat;cursor:pointer;border-radius:50%}.add-track .tabs-panels .tab-list-panels{background-color:#24252a;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;justify-content:space-between;margin-right:6px;width:-webkit-max-content;width:max-content}.add-track .tabs-panels .tab-list-panels .tab{max-height:60px;padding:12px 20px;color:#919295;font-size:14px;margin-left:-1px}.add-track .tabs-panels .tab-list-panels .tab .css-pberj2{margin-right:35px}.add-track .tabs-panels .tab-list-panels .tab .custom-radio{background-color:#49494d}.add-track .tabs-panels .tab-list-panels .active-tab{border-bottom:2px solid #dbf352}.add-track .tabs-panels .tabpanel{padding:16px 0}.add-track .chakra-radio__control{border:1px solid #d4f70e}.add-track .chakra-radio__control[data-checked]{background:#d4f70e;color:#d4f70e}.add-track .chakra-radio__control[data-checked]:hover{background:none;border:none}.add-track .chakra-checkbox__control{border:1px solid #49494d!important}.select-track-files{display:flex;flex-direction:column;align-items:center;cursor:pointer}.progress-bar-upload .css-fmmo6e{background-color:#d4f70e}.basket-item .chakra-checkbox__control{border:1px solid hsla(0,0%,100%,.14)!important}.cart-item-components .vector-button{width:50px;height:50px;border:1px solid #404042;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:24px}.select-payment .slick-slider{height:95%}.select-payment .slick-slider .slick-next,.select-payment .slick-slider .slick-prev{display:none!important}.select-payment .slick-slider .slick-list{height:calc(100% + 43px)}.select-payment .slick-slider .slick-list .slick-track,.select-payment .slick-slider .slick-list .slick-track .slick-slide>div{height:100%}.select-payment .slick-dots{width:74%}.select-payment .slick-dots li button:before{color:#fff}.payment-methods .vector-button{width:50px;height:50px;border:1px solid #404042;display:flex;align-items:center;justify-content:center;border-radius:50%}.payment-methods .card-element-form label{color:#6b7c93;font-weight:300;letter-spacing:.025em}.payment-methods .card-element-form .StripeElement,.payment-methods .card-element-form input{display:block;margin:10px 0;max-width:500px;padding:10px 14px;font-size:1em;box-shadow:0 1px 3px rgba(50,50,93,.14902),0 1px 0 rgba(0,0,0,.0196078);border:0;outline:0;border-radius:4px;background:#25252a}.payment-methods .card-element-form .date-cvc{width:25%}.payment-methods .card-element-form .cvc-date{width:34.5%}.payment-methods .card-element-form button{background-color:#d8fd01;color:#000;font-size:16px;font-weight:600;padding:10px 20px;border-radius:4px;margin-top:20px}.notification-component .chakra-popover__arrow{background:#24252a!important;border-color:#24252a!important;box-shadow:none!important}.notification-component .chakra-popover__header{border-bottom:none}.notification-component .chakra-popover__content{margin-top:33px;width:364px;max-height:590px}.notification-component .css-dtrjyt{display:none}.notification-component .css-1132ovk:focus{box-shadow:none}.notification-component .chakra-popover__body{padding-top:0}.notification-component .tabs-panels .tab-list-panels{padding:0;border-bottom:none}.notification-component .tabs-panels .tab-list-panels .chakra-tabs__tab{color:#49494d}.notification-component .tabs-panels .tab-list-panels .chakra-tabs__tab:active{background-color:"#24252a"}.notification-component .tabs-panels .tab-list-panels .chakra-tabs__tab[aria-selected=true]{border-bottom:1px solid #d4f70e!important;color:#66666a}.notification-component .tabs-panels .tab-list-panels .chakra-tabs__tab[aria-selected=true]:focus{box-shadow:none;border-bottom:unset!important}.notification-component .tabs-panels .tab-list-panels .chakra-tabs__tab[aria-selected=true]:hover{border-bottom:1px solid #38383d!important}.global-loading-container{width:100%;height:100%;position:fixed;left:0;top:0;background-color:rgba(0,0,0,.48)}.profile-component .chakra-popover__arrow{background:#24252a!important;border-color:#24252a!important;box-shadow:none!important}.profile-component .chakra-popover__header{border-bottom:none}.profile-component .chakra-popover__footer{border-top-width:0!important}.profile-component .chakra-popover__content{margin-top:33px;width:364px;max-height:800px}.profile-component .css-dtrjyt{display:none}.profile-component .css-1132ovk:focus{box-shadow:none}.header-components{border-bottom:1px solid hsla(0,0%,100%,.04)}.header-components .link-header:hover{color:#d4f70e}.header-components .active-link{color:#d4f70e!important}.header-components .icon-button{color:#d4f70e}.header-components .button-profile{margin-top:24px}.header-components .button-avatar{margin-top:27px}.header-components .chakra-select__icon-wrapper{color:#d4f70e}.header-components .input-search-header:focus-within{border:1px solid #d4f70e;border-radius:4px}.chakra-input__right-element::focus{border-left:none!important}.language-component .chakra-popover__arrow{background:#24252a!important;border-color:#24252a!important;box-shadow:none!important}.language-component .chakra-popover__content{max-width:250px}.upload-header .chakra-popover__arrow{background:#24252a!important;border-color:#24252a!important;box-shadow:none!important}.upload-header .chakra-popover__content{max-width:250px}.upload-header .button-upload{background-image:linear-gradient(90deg,#7919ec,#9050b4,#a38084,#b7b055,#cde520);padding:2px;border-radius:4px 0 4px 4px}.drawer-zoom{zoom:1.11}.general-info .chakra-switch__track{background-color:#2d2d32}.general-info .chakra-switch__track[data-focus]{box-shadow:none}.general-info .checkbox-license .chakra-checkbox__control{border:1px solid #d4f70e}.general-info .select-flag .css-166bipr-Input{color:#fff!important}.general-info .select-flag .css-13cymwt-control{min-height:48px;background-color:#24252a;border:none}.general-info .select-flag .css-1u9des2-indicatorSeparator{width:0}.general-info .select-flag .css-t3ipsp-control{border-color:none!important;min-height:48px!important;background-color:#24252a!important;border-width:0!important}.general-info .select-flag .css-t3ipsp-control:hover{border-color:#24252a!important;box-shadow:none!important;border-width:0!important}.general-info .select-flag .css-1nmdiq5-menu{background-color:#24252a}.general-info .select-flag .css-d7l1ni-option,.general-info .select-flag .css-tr4s17-option{background-color:#24252a!important}.general-info .select-flag .select__control,.general-info .select-flag .select__option{cursor:pointer}.css-1oi6yiz[aria-checked=true],.css-1oi6yiz[data-checked]{background:#d8fd01!important;color:#000!important}.create-new-license .tabs-panels .tab-list-panels{background-color:#24252a;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;justify-content:space-between;width:100%}.create-new-license .tabs-panels .tab-list-panels .tab{color:#919295;font-size:13px;width:100%}.create-new-license .tabs-panels .tab-list-panels .tab .chakra-radio__control[data-checked]{background:#daf352;color:#daf352}.create-new-license .tabs-panels .tab-list-panels .active-tab{border-bottom:2px solid #dbf352}.create-new-license .tabs-panels .tabpanel{padding:16px 0}.create-new-license .tabs-panels .chakra-radio__control{border:1px solid #d4f70e}.create-new-license .tabs-panels .chakra-radio__control[data-checked]{background:#d4f70e;color:#d4f70e}.create-new-license .tabs-panels .chakra-radio__control[data-checked]:hover{background:none;border:none}.css-t8w0o2:focus,.css-t8w0o2[data-focus]{box-shadow:none!important}.custom-switch .chakra-switch__track{background:#2d2d32}.background-drop-container{width:100%;height:100%;position:fixed;left:0;top:0;background-color:#18181c;opacity:.5;z-index:100}.chakra-modal__content-container .chakra-modal__content{background:#18181c!important;margin-bottom:0}.chakra-modal__content-container .header-modal{display:flex;justify-content:center;margin-top:20px;font-size:32px}.chakra-modal__content-container .chakra-modal__close-btn{color:#d8fd01}.licenses-contract-item .chakra-switch__track{background-color:#2d2d32}.licenses-contract-item .chakra-switch__track[data-focus]{box-shadow:none}.licenses-contract-item .chakra-input{border-color:unset}.licenses-contract-item .chakra-input:focus{border:none!important}.licenses-contract-item .chakra-input:focus-visible{box-shadow:none!important}.licenses-contract-item .input-license-item:focus-within{border:1px solid #d4f70e;border-radius:4px}.components-mytrack-item .active-my-track{border-bottom:1px solid #d4f70e}.modal-link-expiration .basic-multi-select{min-width:300px;max-width:450px;margin-bottom:30px}.modal-link-expiration .basic-multi-select .select__control{background-color:#18181c!important;border-color:#24252a!important;min-height:45px;max-height:66px;overflow:scroll}.modal-link-expiration .basic-multi-select .select__menu{background-color:#24252a!important}.modal-link-expiration .basic-multi-select .select__menu:hover{background-color:none!important}.modal-link-expiration .basic-multi-select .select__option--is-focused{background-color:rgba(216,253,1,.2);color:#d8fd01}.modal-link-expiration .basic-multi-select .select__input-container{color:#fff}.modal-link-expiration .basic-multi-select .select__multi-value{background-color:rgba(216,253,1,.2);color:#d8fd01!important}.modal-link-expiration .basic-multi-select .select__multi-value__label{color:#d8fd01}.modal-link-expiration .basic-multi-select .select__clear-indicator{padding-right:0;color:#d8fd01}.modal-link-expiration .input-textarea{background-color:#18181c;border:1px solid #383839;border-radius:4px}.modal-link-expiration .date-time{background-color:#18181c;border-color:#383839;cursor:pointer}.modal-link-expiration .date-time:hover{border-color:#383839!important}.modal-link-expiration .date-time:focus{box-shadow:none!important;border:1px solid #d4f70e!important}@media(max-width:767px){.modal-link-expiration .date-time{background-color:#1c2021;border-color:#383839;cursor:pointer}.modal-link-expiration .select__placeholder{font-size:14px}}.track-item-components{margin-top:30px}.track-item-components .left-track-components .border-tracks-item{border-bottom:1px solid hsla(0,0%,100%,.04);padding:15px 0}.track-item-components .abc{padding:4px}.title-name .title-text{background-image:linear-gradient(270deg,transparent .74%,#fff 20.51%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;display:inline-block}.highchart .highcharts-container{height:420px!important}.highchart .highcharts-tooltip span{width:130px;overflow:auto;white-space:normal!important;color:#fff!important}.highchart .number,.highchart .total{display:flex;justify-content:center;margin-bottom:3px}.highchart .total{color:#d4f70e;font-size:20px;font-weight:700}.highchart .labels-title{color:hsla(0,0%,100%,.6);display:flex;justify-content:center}.highchart .highcharts-series path{stroke-width:0px}.highchart .highcharts-root{height:415px}.stats-components .play-components{display:flex;align-items:center;margin-top:30px;padding:20px;background-color:#1c1c20;border-radius:8px}.tabspanel-mapComponents .tabs-panels .tab-list-panels{background-color:#24252a;border-top-left-radius:8px;border-top-right-radius:8px;padding:10px 30px 0;display:flex;justify-content:space-between}.tabspanel-mapComponents .tabs-panels .tab-list-panels .tab[aria-selected=true]{border-bottom:1px solid #d4f70e;color:#feffff}.tabspanel-mapComponents .tabs-panels .tab-list-panels .tab{padding:15px;color:#919295;font-size:14px}.tabspanel-mapComponents .tabs-panels .tabpanel{padding:16px 0}.tabspanel-mapComponents .chakra-tabs__tab-panels{margin-top:0;margin-bottom:0;margin-left:0}.stats-components-map{position:absolute;left:40px}.stats-components-map .play-components-map{display:flex;align-items:center;margin-top:30px;padding:18px;background:rgba(20,20,20,.6);border-radius:8px}.checkbox-Subscription .css-1r69mki{color:#d4f70e}.item-subscription{border-radius:4px}.item-subscription .css-16yuknq:hover{background:#000!important}.subscription-box .chakra-tabs__tablist{justify-content:center!important}.subscription-box .chakra-tabs__tab{margin-top:35px;margin-bottom:50px;border-radius:4px;padding:10px 30px;background:#24252a;font-size:14px}@keyframes heartbeat{0%{transform:scale(0)}25%{transform:scale(1)}50%{transform:scale(1)}75%{transform:scale(1)}to{transform:scale(1)}}.react-3d-carousel{position:relative;min-height:400px}.react-3d-carousel .slider-container{position:absolute;left:50%;top:0;height:100%;width:100%;margin:0 auto 0 -50%}.react-3d-carousel .slider-container .slider-content{position:relative;left:50%;top:0;width:100%;height:80%;transform:translateX(-50%)}.react-3d-carousel .slider-container .slider-content .slider-single{position:absolute;z-index:0;left:0;top:0;width:100%}.react-3d-carousel .slider-container .slider-content .slider-single .slider-single-content{display:flex;justify-content:center;position:relative;left:0;top:0;width:100%;box-shadow:0 10px 40px rgba(0,0,0,.031);transition:.5s cubic-bezier(.17,.67,.55,1.43);transform:scale(0);opacity:0;max-height:400px}.react-3d-carousel .slider-container .slider-content .slider-single .slider-single-content img{max-width:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none}.react-3d-carousel .slider-container .slider-content .slider-single.preactivede .slider-single-content{transform:translateX(-50%) scale(0)}.react-3d-carousel .slider-container .slider-content .slider-single.preactivede .slider-single-content img{width:85%!important}.react-3d-carousel .slider-container .slider-content .slider-single.preactive{z-index:1;visibility:hidden}.react-3d-carousel .slider-container .slider-content .slider-single.preactive .slider-single-content{opacity:.3;transform:translateX(-25%) scale(.8)}.react-3d-carousel .slider-container .slider-content .slider-single.preactive .slider-single-content img{width:85%!important}.react-3d-carousel .slider-container .slider-content .slider-single.proactive{z-index:1}.react-3d-carousel .slider-container .slider-content .slider-single.proactive .slider-single-content{opacity:.3;transform:translateX(14.5%) scale(.8)}.react-3d-carousel .slider-container .slider-content .slider-single.proactive .slider-single-content img{width:85%!important}.react-3d-carousel .slider-container .slider-content .slider-single.proactivede .slider-single-content{transform:translateX(50%) scale(0)}.react-3d-carousel .slider-container .slider-content .slider-single.proactivede .slider-single-content img{width:85%!important}.react-3d-carousel .slider-container .slider-content .slider-single.active{z-index:2}.react-3d-carousel .slider-container .slider-content .slider-single.active .slider-left,.react-3d-carousel .slider-container .slider-content .slider-single.active .slider-right{display:block}.react-3d-carousel .slider-container .slider-content .slider-single.active .slider-single-content{opacity:1;transform:translateX(0) scale(1);justify-content:flex-start;padding-left:15px}.react-3d-carousel .slider-container .slider-content .slider-single.active .slider-single-content img{width:85%!important}.react-3d-carousel .slider-container .slider-left{position:absolute;display:none;z-index:3;right:101%;margin-right:5px;padding:20px 15px;height:100%;cursor:pointer}.react-3d-carousel .slider-container .slider-left div{position:absolute;top:50%;left:0;margin-top:-20px;color:#fff;transform:translateY(-50%);padding:10px;border:2px solid #fdc84b}.react-3d-carousel .slider-container .slider-right{display:none;position:absolute;z-index:3;left:101%;padding:20px 15px;height:101%;cursor:pointer;margin-left:-2px}.react-3d-carousel .slider-container .slider-right div{position:absolute;top:50%;left:0;margin-top:-20px;color:#fff;transform:translateY(-50%);padding:10px;border:2px solid #fdc84b}.react-3d-carousel .slider-container .slider-left-noborders{position:absolute;z-index:3;left:-5px;height:100%;cursor:pointer;display:flex;align-items:center}.react-3d-carousel .slider-container .slider-right-noborders{position:absolute;z-index:3;right:0;height:101%;cursor:pointer;display:flex;align-items:center}.react-3d-carousel .slider-container .slider-disabled div{display:none}@media only screen and (min-width:280px){.react-3d-carousel{min-height:130px}.pagination{margin-top:11px!important}}@media only screen and (min-width:768px){.react-3d-carousel{min-height:290px}.pagination{margin-top:15px!important}}@media only screen and (min-width:1024px){.react-3d-carousel{min-height:380px}.pagination{margin-top:15px!important}}.pagination{display:flex;width:100%;justify-content:center;align-items:center;margin-top:32px}.pagination .page{height:4px;width:16px;background-color:#3a3a3e;border-radius:10px;margin:0 4px;transition:width .2s}.pagination .page.selected{width:72px;background-color:#d4f70e}.payment-slide{width:70%;cursor:pointer}.payment-slide .react-3d-carousel{min-height:220px}.payment-slide .slider-container{position:absolute;left:38%;top:0;height:100%;width:100%;margin:0 auto 0 -50%}.payment-slide .slider-container .slider-content{position:relative;left:50%;top:0;width:100%;height:90%;transform:translateX(-50%)}.payment-slide .slider-container .slider-content .slider-single{position:absolute;z-index:0;left:0;top:0;width:100%}.payment-slide .slider-container .slider-content .slider-single .slider-single-content{display:flex;justify-content:center;position:relative;left:0;top:0;width:100%;box-shadow:0 10px 40px rgba(0,0,0,.031);transition:.5s cubic-bezier(.17,.67,.55,1.43);transform:scale(0);opacity:0}.payment-slide .slider-container .slider-content .slider-single .slider-single-content img{max-width:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none}.payment-slide .slider-container .slider-content .slider-single.proactive{z-index:1}.payment-slide .slider-container .slider-content .slider-single.proactive .slider-single-content{opacity:.3;transform:translateX(35%) scale(.8)}.payment-slide .slider-container .slider-content .slider-single.proactive .slider-single-content img{width:100%!important}.payment-slide .slider-container .slider-content .slider-single.proactive .card-amount{visibility:hidden}.payment-slide .slider-container .slider-content .slider-single.active{z-index:2}.payment-slide .slider-container .slider-content .slider-single.active .slider-single-content{opacity:1;transform:translateX(10%) scale(1);justify-content:flex-start;padding-left:15px}.payment-slide .slider-container .slider-content .slider-single.active .slider-single-content img{width:100%!important}.payment-slide .slider-container .slider-content .slider-single.active .card-amount{visibility:visible}.payment-slide .slider-container .slider-disabled div,.payment-slide .slider-container .slider-left-noborders,.payment-slide .slider-container .slider-right-noborders{display:none}.payment-slide .pagination{display:flex;width:100%;justify-content:center;align-items:center;margin-top:15px}.payment-slide .pagination .page{height:4px;width:16px;background-color:#3a3a3e;border-radius:10px;margin:0 4px;transition:width .2s}.payment-slide .pagination .page.selected{width:32px;background-color:#d4f70e}@media only screen and (min-width:768px)and (max-width:992px){.payment-slide{width:65%}}@media only screen and (min-width:993px)and (max-width:1280px){.payment-slide{width:65%}.payment-slide .slider-container .slider-content .slider-single.proactive{width:80%}}@media only screen and (max-width:768px){.payment-slide{width:100%!important;margin:0!important}.payment-slide .slider-container{left:0!important;width:100%!important;margin:0!important;position:static!important}.payment-slide .slider-container .slider-content{left:0!important;width:100%!important;transform:none!important;position:static!important}.payment-slide .slider-container .slider-content .slider-single{left:0!important;width:100%!important;position:static!important;top:auto!important;display:block!important;z-index:auto!important}.payment-slide .slider-container .slider-content .slider-single:not(.active){display:none!important}.payment-slide .slider-container .slider-content .slider-single.active .slider-single-content{padding-left:0!important;transform:none!important;justify-content:center!important;width:100%!important;max-width:100%!important}.payment-slide .slider-container .slider-content .slider-single.active .slider-single-content img{width:100%!important;max-width:100%!important}.payment-slide .slider-container .slider-content .slider-single.proactive{display:none!important}.payment-slide .pagination{margin-top:16px!important}}.payment-wallet .chakra-popover__arrow{background:#24252a!important;border-color:#24252a!important;box-shadow:none!important}.payment-wallet .css-1132ovk{width:235px;height:180px}@media only screen and (min-width:768px)and (max-width:1023px){.chakra-popover__popper{position:static}}.payments-transfer-item .colums-0{width:5%}.payments-transfer-item .colums-1{width:17%}.payments-transfer-item .colums-2{width:15%}.payments-transfer-item .colums-3{width:10%;text-align:center}.payments-transfer-item .colums-4{width:8%;text-align:center}.payments-transfer-item .colums-5{width:15%;text-align:center}.payments-transfer-item .colums-6,.payments-transfer-item .colums-7,.payments-transfer-item .colums-8{width:10%;text-align:center}.payments-transfer-item .chakra-checkbox__control{border:1px solid #38383c!important}.payments-transfer-item .flex-3,.payments-transfer-item .flex-4,.payments-transfer-item .flex-6,.payments-transfer-item .flex-7{display:flex;justify-content:center}.payments-transfer-item .flex-8{display:flex;justify-content:flex-end}.components-mytrack-item .active-my-track{color:#fff}.offer-button{font-size:80px!important;height:70px!important;display:inline;margin-bottom:20px}.offer-button .chakra-input__group:focus-within{border:1px solid #d4f70e!important;height:73px!important;border-radius:6px}.offer-button::placeholder{font-size:80px!important}@media(max-width:767px){.offer-button>div{padding-left:8px}}.tabspanel-components .tab-list-panels{background-color:#24252a;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;justify-content:space-between}.tabspanel-components .tab-list-panels .tab[aria-selected=true]{border-bottom:1px solid #d4f70e;color:#feffff;box-shadow:none}.tabspanel-components .tab-list-panels .tab{padding:15px;color:#919295;font-size:14px}.tabspanel-components .tabpanel{padding:16px 0}.tabspanel-components .active-route{color:#fff;opacity:1;border-bottom:2px solid #dbf352;width:100%;margin-bottom:2px}.dashboard-cover .text-outline{-moz-text-fill-color:#000;-webkit-text-fill-color:#000;-moz-text-stroke-color:#000;-webkit-text-stroke-color:#d4f70e;-moz-text-stroke-width:1px;-webkit-text-stroke-width:1px;font-weight:700}.dashboard-cover .boxed{position:relative;border:1px solid transparent;border-radius:15px;margin-left:2px}.dashboard-cover .boxed:before{content:"";position:absolute;inset:0;z-index:-1;margin:-1px;background-image:linear-gradient(90deg,#aac511,#7c8f14,#556018,#3f461a,#272a1c,#1a1a1c);border-radius:inherit}.item-license-expiry .table-0{width:30%}.item-license-expiry .table-1{width:20%}.item-license-expiry .table-2{width:10%;text-align:center}.item-license-expiry .table-3{width:15%;text-align:center}.item-license-expiry .table-4{width:10%;text-align:center}.item-license-expiry .table-5{width:15%;text-align:center}.item-license-expiry .flex-5{display:flex;justify-content:end}.item-license-expiry .flex-3{display:flex;justify-content:center}.item-license-expiry .title-text{background-image:linear-gradient(270deg,transparent .74%,#fff 20.51%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;display:inline-block}@media(max-width:766px){.dashboard-cover .boxed:before{inset:unset}}.page-interest .slider-interest .slick-slider{height:95%}.page-interest .slider-interest .slick-slider .slick-next,.page-interest .slider-interest .slick-slider .slick-prev{display:none!important}.page-interest .slider-interest .slick-slider .slick-list,.page-interest .slider-interest .slick-slider .slick-list .slick-track,.page-interest .slider-interest .slick-slider .slick-list .slick-track .slick-slide>div{height:100%}.filter-trending-beats .chakra-accordion__item{border-top-width:0!important;border-bottom-width:1px;border-bottom-color:hsla(0,0%,100%,.04)!important}.filter-trending-beats .chakra-checkbox{margin-bottom:10px}.filter-trending-beats .chakra-checkbox .chakra-checkbox__control{border:1px solid #49494d!important;margin-right:10px}.filter-trending-beats .chakra-checkbox .chakra-checkbox__label{font-size:20px;font-weight:500}@media(max-width:766px){.filter-trending-beats .chakra-checkbox__label{font-size:14px!important}}.ais-InfiniteHits-item,.ais-InfiniteHits-sentinel{display:block}.ais-RefinementList-item{display:block;margin-bottom:7px}.ais-RefinementList-item .ais-RefinementList-label{display:flex;align-items:center}.ais-RefinementList-item .ais-RefinementList-checkbox{margin-right:10px;width:16px;height:16px}.ais-RefinementList-item .ais-RefinementList-count{display:none}.ais-RefinementList-item .ais-RefinementList-labelText{font-size:16px;line-height:20px;font-weight:500}.ais-RefinementList-item input[type=checkbox]{accent-color:#d4f70e!important}.ais-ClearRefinements{font-size:15px;line-height:18px;font-weight:600}.ais-ClearRefinements .ais-ClearRefinements-button--disabled{color:#535353}.ais-RangeInput-input{background-color:#24252a;padding:5px 10px;border-radius:6px}.ais-RangeInput-input:focus-visible{outline:none}.trending-tags .ais-RefinementList{display:flex;grid-gap:20px;flex-wrap:wrap;align-items:baseline}.trending-tags .ais-RefinementList .ais-SearchBox{width:275px}.trending-tags .ais-RefinementList .ais-SearchBox .ais-SearchBox-form{border-radius:5px;display:flex;background-color:#24252a}.trending-tags .ais-RefinementList .ais-SearchBox .ais-SearchBox-form ::focus-visible{outline:none!important;box-shadow:none}.trending-tags .ais-RefinementList .ais-SearchBox .ais-SearchBox-form .ais-SearchBox-input{background-color:#24252a;width:96%;height:41px;border-radius:5px;padding-left:20px}.trending-tags .ais-RefinementList .ais-SearchBox .ais-SearchBox-form .ais-SearchBox-input:focus-visible{outline:0}.trending-tags .ais-RefinementList .ais-SearchBox .ais-SearchBox-form .ais-SearchBox-reset{display:none}.trending-tags .ais-RefinementList .ais-SearchBox .ais-SearchBox-form .ais-SearchBox-submit{padding-right:10px}.trending-tags .ais-RefinementList .ais-SearchBox .ais-SearchBox-form .ais-SearchBox-submit .ais-SearchBox-submitIcon{height:20px;width:20px}.trending-tags .ais-RefinementList .ais-RefinementList-list{display:flex;flex-wrap:wrap}.trending-tags .ais-RefinementList .ais-RefinementList-list .ais-RefinementList-item{margin-bottom:25px}.trending-tags .ais-RefinementList .ais-RefinementList-list .ais-RefinementList-item .ais-RefinementList-label{cursor:pointer}.trending-tags .ais-RefinementList .ais-RefinementList-list .ais-RefinementList-item .ais-RefinementList-checkbox{display:none}.trending-tags .ais-RefinementList .ais-RefinementList-list .ais-RefinementList-item .ais-RefinementList-labelText{background-color:rgba(36,37,42,.3);padding:10px 15px;margin-right:6px;border-radius:5px;margin-bottom:5px}.trending-tags .ais-RefinementList .ais-RefinementList-list .ais-RefinementList-item--selected .ais-RefinementList-labelText{background-color:rgba(212,247,14,.2);padding:10px 15px;color:#d4f70e;border:.5px solid #d4f70e}.slide-banner .control-arrow{opacity:1!important}.slide-banner .control-arrow:hover{background:none!important}.slide-banner .control-next:before{content:url(/static/media/IconRightSlider.3b20fe01.svg)!important}.slide-banner .control-prev:before{content:url(/static/media/IconLeftSlider.49b0a9b6.svg)!important}.slide-banner .control-next:before{border-left:none!important}.slide-banner .control-prev:before{border-right:none!important}.slide-banner .css-x97jm9{display:flex;align-items:center;height:100%}.slide-banner .carousel-status{display:none!important}@media only screen and (max-width:767px){.slide-banner .slider-container .slider-content .slider-single.active .slider-left-noborders>div,.slide-banner .slider-container .slider-content .slider-single.active .slider-right-noborders>div,.slide-banner .slider-container .slider-content .slider-single.preactivede .slider-left-noborders>div,.slide-banner .slider-container .slider-content .slider-single.preactivede .slider-right-noborders>div,.slide-banner .slider-container .slider-content .slider-single.proactive .slider-left-noborders>div,.slide-banner .slider-container .slider-content .slider-single.proactive .slider-right-noborders>div,.slide-banner .slider-container .slider-content .slider-single.proactivede .slider-left-noborders>div,.slide-banner .slider-container .slider-content .slider-single.proactivede .slider-right-noborders>div{display:none}}.box-popular-license{padding:1px;border-radius:4px}.box-popular-license,.button-voice{background-image:linear-gradient(90deg,#7919ec,#9050b4,#a38084,#b7b055,#cde520)}.button-voice{padding:2px;border-radius:4px 0 4px 4px}.create-playlist .date-time{background-color:#18181c;border-color:#383839;cursor:pointer}.create-playlist .date-time:hover{border-color:#d4f70e!important}.create-playlist .input-textarea{background-color:#18181c;border:1px solid #383839;border-radius:4px}.create-playlist .label{color:#fff;font-size:14px;line-height:35px}.create-playlist .label-text{line-height:20px;font-size:14px}.playlist-item .chakra-checkbox__control{border:1px solid #38383c!important}.add-track-playlist .chakra-input{background-color:#24252a;border:1px solid #383839}.add-track-playlist .chakra-input:focus,.add-track-playlist .chakra-input:hover{border-color:#383839!important}.add-track-playlist .chakra-input::placeholder{color:#535353}.chakra-checkbox__control{border:1px solid #38383c!important}.playlist-tab .active-playlist{color:#fff;border-bottom:1px solid #d4f70e}.hot-producers-slider .slick-prev{top:150px;left:-45px;width:50px;height:50px}.hot-producers-slider .slick-next{top:150px;right:-45px;width:50px;height:50px}.hot-producers-slider .slick-prev:before{content:url(/static/media/IconLeftSlider.49b0a9b6.svg)}.hot-producers-slider .slick-next:before{content:url(/static/media/IconRightSlider.3b20fe01.svg)}.hot-producers-slider .slick-disabled,.hot-producers-slider .slick-dots,.hot-producers-slider .slick-dots .slick-active,.hot-producers-slider .slick-dots button:before{display:none}@media only screen and (max-width:1280px){.hot-producers-slider .slick-next,.hot-producers-slider .slick-prev,.new-talents-slider .slick-next,.new-talents-slider .slick-prev{display:none!important}}.new-talents-slider .slick-prev{top:150px;left:-28px}.new-talents-slider .slick-next{top:150px;right:-30px}.content-css span{color:rgba(241,242,243,.3);font-size:14px}.content-css .oooeeer{color:#f1f2f3;text-decoration:underline}.profile-page .tabs-panels .tab-list-panels{padding:10px 0 0 35px;display:flex;border-bottom:none}.profile-page .tabs-panels .tab-list-panels .tab[aria-selected=true]{color:#feffff;background:none;border-bottom:1px solid #d4f70e}.profile-page .tabs-panels .tab-list-panels .tab[aria-selected=true]:hover{background-color:#919295;border-radius:4px}.profile-page .tabs-panels .tab-list-panels .tab{padding:10px;font-size:16px;font-weight:500;color:#919295}.profile-page .tabs-panels .tab-list-panels .css-1ltezim{border-bottom:none}.profile-page .tabs-panels .tab-list-panels .css-1ltezim[aria-selected=true]{border-color:none}.profile-page .tabs-panels .tabpanel{padding:16px 0}.ReactFlagsSelect-module_selectOptions__3LNBJ{background:#24252a!important;border:none!important;max-height:425px!important}.ReactFlagsSelect-module_filterBox__3m8EU{background:#1f1f23!important;border-radius:4px!important;margin:7px!important;width:97.3%!important;padding-top:4px!important;height:45px}.ReactFlagsSelect-module_filterBox__3m8EU input{background:#1f1f23!important;height:35px!important;color:#feffff!important}.ReactFlagsSelect-module_filterBox__3m8EU input ::placeholder{color:red!important}.ReactFlagsSelect-module_selectBtn__19wW7{background:#24252a!important;border:none!important;height:48px!important}.ReactFlagsSelect-module_selectOption__3pcgW{border-radius:4px;background:#1f1f23;height:45px;margin:7px!important;padding:8px 10px!important}.ReactFlagsSelect-module_selectOption__3pcgW:hover{background:#1f1f23!important}.ReactFlagsSelect-module_selectValue__152eS{width:100%;justify-content:space-between!important}.ReactFlagsSelect-module_label__27pw9{color:#fff!important}.input-section .item-input{border:none!important;border-radius:4px;margin-top:0;margin-bottom:0}.label{color:#535353;font-size:16px;line-height:38px}.abc .item-Providence,.state-providence .item-Providence{background:#24252a;border:none!important;border-radius:4px;margin-top:0;margin-bottom:0;height:52px}.ReactFlagsSelect-module_selectOptionValue__vS99-{flex-direction:row-reverse!important;justify-content:space-between}.ReactFlagsSelect-module_selectFlag__2q5gC{font-size:2em!important;border-radius:4px!important}.input-file{display:none!important}.upload-avatar{position:absolute;top:90px;right:4px;width:34px;border-radius:50%;height:34px;display:flex;align-items:center;justify-content:center}.progress{position:absolute;top:120px;right:-95px;width:130px;font-size:12px}.font-size-icon{cursor:pointer}.vector-button{width:50px;height:50px;border:1px solid hsla(0,0%,100%,.04);display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:15px}.edit-profile .select-flag .css-166bipr-Input,.edit-profile .select-flag .select__input-container .select__input{color:#fff!important}.edit-profile .select-flag .css-13cymwt-control{min-height:48px;background-color:#24252a;border:none}.edit-profile .select-flag .css-1u9des2-indicatorSeparator{width:0}.edit-profile .select-flag .css-t3ipsp-control{border-color:none!important;min-height:48px!important;background-color:#24252a!important;border-width:0!important}.edit-profile .select-flag .css-t3ipsp-control:hover{border-color:#24252a!important;box-shadow:none!important;border-width:0!important}.edit-profile .select-flag .css-1nmdiq5-menu{background-color:#24252a}.edit-profile .select-flag .css-d7l1ni-option,.edit-profile .select-flag .css-tr4s17-option{background-color:#24252a!important}.edit-profile .select-flag .select__control,.edit-profile .select-flag .select__option{cursor:pointer}.edit-profile .select-flag .select__value-container{padding:5px 8px}.edit-profile .select-flag .select__single-value>div{background-color:#24252a!important;padding:5px 15px}.edit-profile .select-flag .select__single-value>div>div>p{width:80%;overflow:hidden;text-overflow:ellipsis}.edit-profile .select-flag .select__multi-value{background-color:#2a2a30;border:1px solid #5d5e5d;border-radius:4px}.edit-profile .select-flag .select__multi-value .select__multi-value__label{padding:5px 3px 5px 9px}.edit-profile .select-flag .select__multi-value .select__multi-value__remove{color:#d4f70e}.edit-profile .select-flag .select__multi-value .select__multi-value__remove .css-tj5bde-Svg{width:24px;height:24px}.edit-profile .select-flag .select__indicators .select__indicator{color:#d4f70e}.edit-profile .select-flag .select__indicators .select__indicator .css-tj5bde-Svg{width:24px;height:24px}.edit-profile .select-flag .select__multi-value__remove:hover{background-color:#2a2a30;color:#d4f70e}.edit-profile .select-flag .select__menu .select__menu-list .select__option{padding:5px 12px}.edit-profile .select-flag .select__menu .select__menu-list .select__option .label-spotify{padding:6px 10px;border-radius:4px;border:1px solid #5d5e5d}.edit-profile .select-flag .css-1c1e297,.edit-profile .select-flag .css-11zrxmi,.edit-profile .select-flag .css-17gcmu5{color:#fff}.edit-profile .fee-structure{min-width:280px}.custom-sortby .chakra-select__icon-wrapper{right:4.8rem}@media not all and (min-resolution:0.001dpcm){@supports(-webkit-appearance:none){.custom-sortby .chakra-select__icon-wrapper{right:6.5rem}}}.custom-sortby .SortBy{text-align:end}.custom-sortby .chakra-select{padding:0 15px 0 5px}.sort-by .chakra-select__icon-wrapper{right:7.5rem}.sort-by .chakra-select{padding:0 10px 0 5px;width:-webkit-max-content;width:max-content}@media(max-width:1270px){.profile-page .tabs-panels .tab-list-panels{padding:0 0 0 9px}.profile-page .tabs-panels .tab-list-panels .tab{padding:5px 2px}}.components-mytrack-item .tab-index-0{padding:8px 16px 8px 0}.components-mytrack-item .chakra-checkbox__control{border:1px solid #38383c!important}.license-review .vector-button{width:50px;height:50px;border:1px solid hsla(0,0%,100%,.04);display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:24px}.add-track-item-components .chakra-checkbox__control,.add-track-item-components .chakra-radio__control{border:1px solid #38383c}.input-file-banner{display:none!important}.add-soundkit .tabs-panels .tab-list-panels{background-color:#24252a;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;justify-content:space-between;margin-right:6px}.add-soundkit .tabs-panels .tab-list-panels .tab{width:100%;max-height:60px;padding:12px 20px;color:#919295;font-size:14px}.add-soundkit .tabs-panels .tab-list-panels .tab .custom-radio{background-color:#49494d}.add-soundkit .tabs-panels .tab-list-panels .active-tab{border-bottom:2px solid #dbf352}.add-soundkit .tabs-panels .tabpanel{padding:16px 0}.add-soundkit .chakra-radio__control{border:1px solid #d4f70e}.add-soundkit .chakra-radio__control[data-checked]{background:#d4f70e;color:#d4f70e}.add-soundkit .chakra-radio__control[data-checked]:hover{background:none;border:none}.discount-input .tab-list-panels{background-color:#24252a;border-top-left-radius:8px;border-top-right-radius:8px;padding:0 30px;display:flex;justify-content:space-between;grid-gap:10px;gap:10px}.discount-input .tab-list-panels .tab[aria-selected=true]{border-bottom:1px solid #d4f70e;color:#feffff}.discount-input .tab-list-panels .tab{padding:12px 0;color:#919295;font-size:14px}.discount-input .tab-list-panels .tab .custom-radio{background-color:#49494d}.discount-input .tab-list-panels .active-tab{border-bottom:2px solid #dbf352}.discount-input .tabpanel{padding:16px 0;margin-right:20px}.chakra-checkbox__control{border-color:#d8fd01}.create-bulkoffer .tab-list-panels{background-color:#24252a;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;justify-content:space-between}.create-bulkoffer .tab-list-panels .tab[aria-selected=true]{border-bottom:1px solid #d4f70e;color:#feffff}.create-bulkoffer .tab-list-panels .tab{padding:12px 30px;color:#919295;font-size:14px;margin-right:-1px}.create-bulkoffer .tab-list-panels .tab .custom-radio{background-color:#49494d}.create-bulkoffer .tab-list-panels .active-tab{border-bottom:2px solid #dbf352}.create-bulkoffer .tabpanel{padding:16px 0;margin-right:20px}.dashboard-components .vector-button{margin-right:24px}.chakra-checkbox__control{border:1px solid #d8fd01!important}.chakra-checkbox__control,.css-3a538a:focus,.css-3a538a[data-focus]{background:none!important;box-shadow:none!important}.switch .chakra-switch__track{background:#2d2d32}.css-xxkadm[aria-checked=true],.css-xxkadm[data-checked]{background:#d8fd01!important;border-color:#d8fd01!important;color:#000!important}.css-t8w0o2[aria-checked=true],.css-t8w0o2[data-checked]{background:#d8fd01!important}.dashboard-components .vector-button{width:50px;height:50px;border:1px solid hsla(0,0%,100%,.04);display:flex;align-items:center;justify-content:center;border-radius:50%}.negotiationsDeal-components .chakra-checkbox__control,.negotiationsDeal-components .chakra-radio__control{border:1px solid #38383c}.negotiationsDeal-components .chakra-input:focus{border:none!important}.negotiationsDeal-components .chakra-input__group:focus-within{border:1px solid #d4f70e!important;height:51px!important;border-radius:4px}.negotiationsDeal-components .chakra-select__wrapper>select{font-size:16px}.label-add-track{color:#535353}.custom-label .css-0>p{font-size:18px;color:rgba(241,242,243,.3)}@media(max-width:767px){.negotiationsDeal-components .chakra-select__wrapper>select{font-size:14px}.negotiationsDeal-components .custom-label .css-0>p{font-size:16px;color:rgba(241,242,243,.3)}}.item-right-messages{position:relative;margin-bottom:10px;margin-left:calc(100% - 280px);padding:20px 10px;background-color:#25252a;min-width:230px;min-height:32px;text-align:left;border-radius:10px;margin-right:20px}.item-right-messages:after{content:"";position:absolute;width:0;height:0;border-bottom:15px solid #25252a;border-left:15px solid transparent;border-right:15px solid transparent;bottom:0;right:-15px}.item-left-messages{position:relative;margin-left:20px;margin-bottom:10px;padding:15px 10px;background-color:#d4f70e;width:200px;min-height:32px;text-align:left;border-radius:10px;color:#000}.item-left-messages:after{content:"";position:absolute;width:0;height:0;border-bottom:15px solid #d4f70e;border-left:15px solid transparent;border-right:15px solid transparent;bottom:0;left:-15px}.input-messages .chakra-input{background-color:#25252a!important;border:none}.input-messages :focus{box-shadow:none}.icon-send-mess{right:1px!important}.select-user .css-1pv0nsm-control:hover{border-color:#24252a!important}.select-user .css-110m6lb-control:hover{box-shadow:none!important;border:1px solid #d4f70e!important}.left-conversations-item .chakra-checkbox__control{border:1px solid #38383c!important}.left-conversations-item .tabs-panels .tab-list-panels{background-color:#24252a;border-top-left-radius:8px;border-top-right-radius:8px;padding:10px 0 0;display:flex;width:300px}.left-conversations-item .tabs-panels .tab-list-panels .tab-two[aria-selected=true],.left-conversations-item .tabs-panels .tab-list-panels .tab[aria-selected=true]{border-bottom:1px solid #d4f70e;color:#feffff}.left-conversations-item .tabs-panels .tab-list-panels .tab{padding:10px 0;color:#919295;font-size:14px;width:150px}.left-conversations-item .tabs-panels .tab-list-panels .tab-two{padding:10px 0;color:#919295;font-size:14px;width:180px}.left-conversations-item .tabs-panels .tabpanel{padding:16px 0}.left-conversations-item .selected{border:1px solid #d4f70e}@media(max-width:767px){.left-conversations-item .tabs-panels .tab-list-panels{width:100%}.left-conversations-item .tabs-panels .tab-list-panels .tab{width:50%}}.conversation-components .vector-button{width:50px;height:50px;border:1px solid hsla(0,0%,100%,.04);display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:24px}.notificationDetail-component .tabs-panels .tab-list-panels{background-color:#24252a;border-top-left-radius:8px;border-top-right-radius:8px;padding:10px 0 0;display:flex;width:330px}.notificationDetail-component .tabs-panels .tab-list-panels .tab-two[aria-selected=true],.notificationDetail-component .tabs-panels .tab-list-panels .tab[aria-selected=true]{border-bottom:1px solid #d4f70e;color:#feffff}.notificationDetail-component .tabs-panels .tab-list-panels .tab{padding:10px 0;color:#919295;font-size:14px;width:150px}.notificationDetail-component .tabs-panels .tab-list-panels .tab-two{padding:10px 0;color:#919295;font-size:14px;width:180px}.notificationDetail-component .tabs-panels .tabpanel{padding:16px 0}.notificationDetail-component .selected{border:1px solid #d4f70e}@media(max-width:767px){.notificationDetail-component .tabs-panels .tab-list-panels{width:100%}.notificationDetail-component .tabs-panels .tab-list-panels .chakra-tabs__tab{width:50%}}.notification-components .vector-button{width:50px;height:50px;border:1px solid hsla(0,0%,100%,.04);display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:24px}#containerMusicId{width:100%;height:70px;display:flex;align-items:flex-end}#containerMusicId #canvasMusicId{width:100%;height:60px}@media only screen and (max-width:600px){.c_it_box,.c_tleft_tag,.c_tright_tag{width:100%!important}}.c_rt_ptlt_box{background-size:cover!important;background-repeat:no-repeat!important;background-position:50%!important;border-radius:8px!important}.c_rt_tlt_box{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:rgba(0,0,0,.6)}.filter-search-header{zoom:1!important}.filter-search-header .chakra-accordion__item{border-top-width:0!important;border-bottom-width:1px;border-bottom-color:hsla(0,0%,100%,.04)!important}.filter-search-header .chakra-checkbox{margin-bottom:10px}.filter-search-header .chakra-checkbox .chakra-checkbox__control{border:1px solid #49494d!important;margin-right:10px}.filter-search-header .chakra-checkbox .chakra-checkbox__label{font-weight:500}@media(max-width:766px){.filter-search-header .chakra-checkbox__label{font-size:14px}.chakra-modal__content-container .chakra-modal__content{background:#1c2021!important}}@media(min-width:769px)and (max-width:1279px){.filter-search-header .chakra-checkbox__label{font-size:16px}}@media(min-width:1280px){.filter-search-header .chakra-checkbox__label{font-size:20px}}.results-components .tabs-panels .tab-list-panels{display:flex;border-bottom:none}.results-components .tabs-panels .tab-list-panels .tab[aria-selected=true]{color:#feffff;background:none;border-bottom:1px solid #d4f70e}.results-components .tabs-panels .tab-list-panels .tab[aria-selected=true]:hover{background-color:#919295;border-radius:4px}.results-components .tabs-panels .tab-list-panels .tab{font-weight:500;line-height:19px;color:#919295}.results-components .tabs-panels .tab-list-panels .css-1ltezim{border-bottom:none}.results-components .tabs-panels .tab-list-panels .css-1ltezim[aria-selected=true]{border-color:none}.results-components .tabs-panels .tabpanel{padding:16px 0}.results-components .ais-InfiniteHits-item,.results-components .ais-InfiniteHits-sentinel{display:block}@media(max-width:768px){.results-components .tabs-panels .tab-list-panels{justify-content:space-around}}@media(min-width:769px)and (max-width:1279px){.results-components .tabs-panels .tab-list-panels{justify-content:flex-start}}@media(min-width:1280px){.results-components .tabs-panels .tab-list-panels{justify-content:flex-start}}@media(max-width:768px){.results-components .tabs-panels .tab-list-panels .tab{padding:10px 2px;font-size:14px}}@media(min-width:769px)and (max-width:1279px){.results-components .tabs-panels .tab-list-panels .tab{padding:10px;font-size:16px}}@media(min-width:1280px){.results-components .tabs-panels .tab-list-panels .tab{padding:10px;font-size:16px}}.lyric-page{display:grid}.lyric-page .bodlevard{justify-content:space-between;border-bottom:1px solid hsla(0,0%,100%,.04);align-items:center}.lyric-page .broken{display:grid;align-content:space-evenly}.lyric-page .beatwhith{color:#d4f70e;display:flex;grid-gap:8px;gap:8px;align-items:center}.lyric-page .buttonview{background:#3e4519!important;color:#d4f70e;border-radius:4px;border:1px solid #d4f70e}.lyric-page .buttonremove{background:#431e21!important;color:#ed3636;border-radius:4px;border:1px solid #ed3636}.lyric-page .machiel{font-size:14px;background:linear-gradient(90deg,#fff 10.86%,#fff 74.06%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.2}.purchased-item .purchased-table{width:100%}.purchased-item .purchased-table .colums-0{width:9%}.purchased-item .purchased-table .colums-1{width:21%}.purchased-item .purchased-table .colums-2{width:19%}.purchased-item .purchased-table .colums-3{width:8%;text-align:center}.purchased-item .purchased-table .colums-4{width:10%;text-align:center}.purchased-item .purchased-table .colums-5{width:12%;text-align:center}.purchased-item .purchased-table .colums-6{width:10%;text-align:center}.purchased-item .purchased-table .colums-7{width:11%}.slider-login .slick-slider{height:95%}.slider-login .slick-slider .slick-next,.slider-login .slick-slider .slick-prev{display:none!important}.slider-login .slick-slider .slick-list{height:calc(100% + 43px)}.slider-login .slick-slider .slick-list .slick-track,.slider-login .slick-slider .slick-list .slick-track .slick-slide>div{height:100%}.slider-login .slick-dots li button:before{color:#fff}.page-signup .recapcha-container{transform:scaleX(1.35);-webkit-transform:scaleX(1.35);transform-origin:0 0;-webkit-transform-origin:0 0}.page-signup .w-signup{box-sizing:border-box}.page-signup .w-signup .mg-center .email,.page-signup .w-signup .mg-center .password,.page-signup .w-signup .mg-center .username{margin-top:5px}.page-signup .w-signup .mg-center .continue-email{font-size:16px;line-height:20px;text-align:center}.page-signup .w-signup .mg-center form{margin-top:28px}.page-signup .w-signup .mg-center form input{box-sizing:border-box;border-radius:5px;margin:0}.page-signup .w-signup .mg-center form .forgot-password{display:flex;justify-content:center;margin-top:26px}.page-signup .w-signup .mg-center form .forgot-password a{font-size:14px;line-height:18px}.page-signup .slider-signup .slick-slider{height:95%}.page-signup .slider-signup .slick-slider .slick-next,.page-signup .slider-signup .slick-slider .slick-prev{display:none!important}.page-signup .slider-signup .slick-slider .slick-list,.page-signup .slider-signup .slick-slider .slick-list .slick-track,.page-signup .slider-signup .slick-slider .slick-list .slick-track .slick-slide>div{height:100%}.page-signup .option-Signup{border-radius:24px;color:#fff;font-size:14px}.step-one-signup .select-flag .css-166bipr-Input{color:#fff!important}.step-one-signup .select-flag .css-13cymwt-control{min-height:48px;background-color:#24252a;border:none}.step-one-signup .select-flag .css-1u9des2-indicatorSeparator{width:0}.step-one-signup .select-flag .css-t3ipsp-control{border-color:none!important;min-height:48px!important;background-color:#24252a!important;border-width:0!important}.step-one-signup .select-flag .css-t3ipsp-control:hover{border-color:#24252a!important;box-shadow:none!important;border-width:0!important}.step-one-signup .select-flag .css-1nmdiq5-menu{background-color:#24252a}.step-one-signup .select-flag .css-d7l1ni-option,.step-one-signup .select-flag .css-tr4s17-option{background-color:#24252a!important}.step-one-signup .select-flag .select__control,.step-one-signup .select-flag .select__option{cursor:pointer}.recaptcha iframe{width:350px}.playlist-mood .slick-slider{position:relative}.playlist-mood .slick-next,.playlist-mood .slick-prev{width:40px;height:40px;position:absolute;top:-60px;right:0;left:auto;transform:none;z-index:2}.playlist-mood .slick-prev:before{content:url(/static/media/IconLeftSliderPlaylistMood.3c39cf5c.svg)}.playlist-mood .slick-next:before{content:url(/static/media/IconRightSliderPlaylistMood.fa712586.svg)}.playlist-mood .slick-prev{right:52px}.playlist-mood .slick-next{right:0}.chakra-switch__track[data-focus]{box-shadow:none!important}.accordion-item-content .chakra-collapse{overflow:unset!important}.chakra-modal__content-container{padding:15px}@media only screen and (max-width:768px){.playlist-mood .slick-next,.playlist-mood .slick-prev{display:none!important}}.livestream-container{height:100vh;background-color:#18181c;color:#fff;font-family:"Montserrat",sans-serif;display:flex;flex-direction:column;overflow:hidden}.livestream-container .livestream-header{display:flex;justify-content:space-between;align-items:center;padding:32px 0;background-color:#18181c;border-bottom:1px solid hsla(0,0%,100%,.1)}.livestream-container .livestream-header .header-left{display:flex;align-items:center;grid-gap:16px;gap:16px}.livestream-container .livestream-header .header-left .back-btn{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px}.livestream-container .livestream-header .header-left .back-btn:hover{color:#d4f70e}.livestream-container .livestream-header .header-left .header-title h1{margin:0;font-size:20px;font-weight:600;color:#fff}.livestream-container .livestream-header .header-left .header-title p{margin:4px 0 0;font-size:12px;color:hsla(0,0%,100%,.6)}.livestream-container .livestream-header .header-right{display:flex;align-items:center;grid-gap:12px;gap:12px}.livestream-container .livestream-header .header-right .record-btn{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:12px 24px;background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.livestream-container .livestream-header .header-right .record-btn .record-icon{width:12px;height:12px;border-radius:50%;background-color:red}.livestream-container .livestream-header .header-right .record-btn.recording{background-color:rgba(255,0,0,.2);border-color:rgba(255,0,0,.5)}.livestream-container .livestream-header .header-right .record-btn.recording .record-icon{animation:recordingPulse 1.5s infinite}.livestream-container .livestream-header .header-right .record-btn.small{padding:10px 18px;font-size:13px}.livestream-container .livestream-header .header-right .record-btn:disabled{opacity:.5;cursor:not-allowed}.livestream-container .livestream-header .header-right .record-btn:disabled:hover{background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}.livestream-container .livestream-header .header-right .record-btn:not(:disabled):hover{background-color:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.livestream-container .livestream-header .header-right .go-live-btn{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:10px 24px;background-color:#d4f70e;border:none;border-radius:8px;color:#1a1a1a;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.livestream-container .livestream-header .header-right .go-live-btn .live-icon{font-size:16px}.livestream-container .livestream-header .header-right .go-live-btn:hover{background-color:#b8d90c;transform:translateY(-2px)}.livestream-container .livestream-header .header-right .recording-indicator{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:10px 20px;background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3);border-radius:8px;color:#fff;font-size:14px;font-weight:600}.livestream-container .livestream-header .header-right .recording-indicator .recording-dot{width:10px;height:10px;border-radius:50%;background-color:red;animation:recordingPulse 1.5s infinite}@keyframes recordingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}.livestream-container .livestream-header .header-right .stop-record-btn{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:10px 18px;background-color:rgba(255,0,0,.2);border:1px solid rgba(255,0,0,.5);border-radius:8px;color:red;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.livestream-container .livestream-header .header-right .stop-record-btn span{font-size:14px}.livestream-container .livestream-header .header-right .stop-record-btn:hover{background-color:rgba(255,0,0,.3);border-color:rgba(255,0,0,.7);transform:translateY(-1px)}.livestream-container .livestream-header .header-right .stop-record-btn:active{transform:translateY(0)}.livestream-container .livestream-header .header-right .live-indicator{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:10px 20px;background-color:rgba(255,0,0,.15);border:1px solid rgba(255,0,0,.5);border-radius:8px;color:red;font-size:14px;font-weight:600}.livestream-container .livestream-header .header-right .live-indicator .live-dot{width:10px;height:10px;border-radius:50%;background-color:red;animation:pulse 2s infinite}.livestream-container .livestream-header .header-right .share-link-btn{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:10px 20px;background-color:rgba(255,193,7,.15);border:1px solid rgba(255,193,7,.5);border-radius:8px;color:#ffc107;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.livestream-container .livestream-header .header-right .share-link-btn:hover{background-color:rgba(255,193,7,.25);border-color:#ffc107;transform:translateY(-2px)}.livestream-container .livestream-header .header-right .share-link-btn:active{transform:translateY(0)}.livestream-container .livestream-header .header-right .end-btn{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:10px 20px;background-color:#2a2a2a;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.livestream-container .livestream-header .header-right .end-btn:hover{background-color:red;border-color:red}.livestream-container .main-content-wrapper{display:flex;flex:1 1;overflow:hidden}.livestream-container .video-container{flex:1 1;position:relative;display:flex;align-items:center;justify-content:center}.livestream-container .video-container .local-video-wrapper{width:100%;height:100%;position:relative}.livestream-container .video-container .local-video{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#1a1a1a}.livestream-container .video-container .local-video video{width:100%;height:100%;object-fit:cover;display:block}.livestream-container .video-container .menu-btn{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:8px;background-color:rgba(0,0,0,.6);border:none;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:30}.livestream-container .video-container .menu-btn:hover{background-color:rgba(0,0,0,.8)}.livestream-container .video-container .video-live-badge{position:absolute;bottom:80px;left:20px;display:flex;align-items:center;grid-gap:6px;gap:6px;padding:6px 12px;background-color:rgba(255,0,0,.9);border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.1em;z-index:30}.livestream-container .video-container .video-live-badge .live-dot-small{width:8px;height:8px;border-radius:50%;background-color:#fff;animation:pulse 2s infinite}.livestream-container .video-container .video-info{position:absolute;bottom:80px;right:20px;z-index:30}.livestream-container .video-container .video-info .audio-indicator{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:6px 12px;background-color:rgba(0,0,0,.6);border-radius:8px;font-size:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.livestream-container .video-container .video-controls{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:20px 32px;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:30}.livestream-container .video-container .video-controls .controls-center,.livestream-container .video-container .video-controls .controls-left,.livestream-container .video-container .video-controls .controls-right{display:flex;align-items:center;grid-gap:8px;gap:8px}.livestream-container .video-container .video-controls .control-btn{position:relative;width:48px;height:48px;border-radius:50%;background-color:hsla(0,0%,100%,.15);border:none;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s}.livestream-container .video-container .video-controls .control-btn:hover{background-color:hsla(0,0%,100%,.25);transform:scale(1.05)}.livestream-container .video-container .video-controls .control-btn.active{background-color:rgba(255,0,0,.3);border:2px solid red}.livestream-container .video-container .video-controls .control-btn .icon-more{position:absolute;top:2px;right:2px;font-size:12px;opacity:.6}.livestream-container .video-container .video-controls .control-btn .icon-more-vertical{font-size:24px;font-weight:700}.livestream-container .video-container .video-controls .control-btn.record-center{width:56px;height:56px;background-color:rgba(255,0,0,.8)}.livestream-container .video-container .video-controls .control-btn.record-center .record-circle{width:20px;height:20px;border-radius:50%;background-color:#fff}.livestream-container .video-container .video-controls .control-btn.record-center:hover{background-color:red}.livestream-container .video-container .video-controls .viewer-count-indicator{position:relative;width:48px;height:48px;border-radius:50%;background-color:hsla(0,0%,100%,.15);border:none;color:#fff;cursor:default;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s;grid-gap:4px;gap:4px;padding:0}.livestream-container .video-container .video-controls .viewer-count-indicator span:first-child{display:flex;align-items:center;justify-content:center}.livestream-container .video-container .video-controls .viewer-count-indicator span:first-child svg{width:20px;height:20px}.livestream-container .video-container .video-controls .viewer-count-indicator span:last-child{font-size:14px;font-weight:600;line-height:1}.livestream-container .screen-share-view{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000;z-index:1}.livestream-container .screen-share-view .screen-video{width:100%;height:100%;position:relative}.livestream-container .screen-share-view .screen-video video{width:100%;height:100%;object-fit:contain;display:block;background-color:#000}.livestream-container .screen-share-view .screen-share-overlay{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);z-index:10}.livestream-container .screen-share-view .screen-share-overlay .stop-screenshare-btn{display:inline-flex;align-items:center;grid-gap:8px;gap:8px;padding:12px 24px;background-color:#ff3b30;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px rgba(0,0,0,.3)}.livestream-container .screen-share-view .screen-share-overlay .stop-screenshare-btn:hover{background-color:#ff1f14;transform:translateY(-2px)}.livestream-container .camera-pip{position:absolute;top:60px;right:20px;width:240px;height:135px;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.5);background-color:#000;z-index:20}.livestream-container .camera-pip .pip-video,.livestream-container .camera-pip .pip-video video{width:100%;height:100%;object-fit:cover}.livestream-container .camera-pip .pip-label{position:absolute;bottom:8px;left:8px;padding:4px 8px;background-color:rgba(0,0,0,.8);border-radius:4px;font-size:11px;font-weight:600;color:#fff}.livestream-container .chat-sidebar{width:320px;height:100%;border-left:1px solid hsla(0,0%,100%,.1);display:flex;flex-direction:column}.livestream-container .chat-sidebar .chat-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid hsla(0,0%,100%,.1)}.livestream-container .chat-sidebar .chat-header .chat-tabs{display:flex;grid-gap:8px;gap:8px}.livestream-container .chat-sidebar .chat-header .chat-tabs .chat-tab{padding:8px;background:transparent;color:hsla(0,0%,100%,.6);font-size:13px;font-weight:600;cursor:pointer;border:none;border-bottom:2px solid transparent;transition:all .3s}.livestream-container .chat-sidebar .chat-header .chat-tabs .chat-tab.active{color:#fff;border-bottom-color:#d4f70e}.livestream-container .chat-sidebar .chat-header .chat-tabs .chat-tab:hover:not(.active){color:hsla(0,0%,100%,.9)}.livestream-container .chat-sidebar .chat-header .close-sidebar{background:transparent;border:none;color:hsla(0,0%,100%,.6);font-size:18px;cursor:pointer;padding:4px}.livestream-container .chat-sidebar .chat-header .close-sidebar:hover{color:#fff}.livestream-container .chat-sidebar .chat-content{flex:1 1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.livestream-container .chat-sidebar .chat-content .chat-empty{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px}.livestream-container .chat-sidebar .chat-content .chat-empty .chat-empty-icon{font-size:48px;margin-bottom:16px;opacity:.3}.livestream-container .chat-sidebar .chat-content .chat-empty h3{margin:0 0 8px;font-size:16px;font-weight:600;color:#fff}.livestream-container .chat-sidebar .chat-content .chat-empty p{margin:0;font-size:12px;line-height:1.6;color:hsla(0,0%,100%,.5)}.livestream-container .chat-sidebar .chat-content .chat-messages{flex:1 1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;grid-gap:16px;gap:16px}.livestream-container .chat-sidebar .chat-content .chat-messages .chat-message.gift-message{background:hsla(0,0%,100%,.05);border-left:3px solid;padding:10px 12px;border-radius:8px;animation:giftMessageAppear .3s ease}.livestream-container .chat-sidebar .chat-content .chat-messages .chat-message .message-sender{font-size:12px;font-weight:600;color:#d4f70e;margin-bottom:4px}.livestream-container .chat-sidebar .chat-content .chat-messages .chat-message .message-text{font-size:13px;color:#fff;line-height:1.5;margin-bottom:4px}.livestream-container .chat-sidebar .chat-content .chat-messages .chat-message .message-time{font-size:10px;color:hsla(0,0%,100%,.4)}.livestream-container .chat-sidebar .chat-content .participants-list{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.livestream-container .chat-sidebar .chat-content .participants-list .participant-item{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:8px;border-radius:8px;transition:background-color .3s}.livestream-container .chat-sidebar .chat-content .participants-list .participant-item:hover{background-color:hsla(0,0%,100%,.05)}.livestream-container .chat-sidebar .chat-content .participants-list .participant-item.host .participant-avatar{background-color:#d4f70e;color:#000}.livestream-container .chat-sidebar .chat-content .participants-list .participant-item .participant-avatar{width:36px;height:36px;border-radius:50%;background-color:hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.livestream-container .chat-sidebar .chat-content .participants-list .participant-item .participant-info{flex:1 1}.livestream-container .chat-sidebar .chat-content .participants-list .participant-item .participant-info .participant-name{font-size:13px;font-weight:600;color:#fff;margin-bottom:2px}.livestream-container .chat-sidebar .chat-content .participants-list .participant-item .participant-info .participant-role{font-size:11px;color:hsla(0,0%,100%,.5)}.livestream-container .chat-sidebar .chat-input-container{padding:16px;border-top:1px solid hsla(0,0%,100%,.1);display:flex;grid-gap:8px;gap:8px}.livestream-container .chat-sidebar .chat-input-container .gift-btn{width:40px;height:40px;background-color:hsla(0,0%,100%,.1);border:none;border-radius:8px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.livestream-container .chat-sidebar .chat-input-container .gift-btn:hover{background-color:hsla(0,0%,100%,.15);transform:scale(1.1)}.livestream-container .chat-sidebar .chat-input-container .gift-btn:active{transform:scale(.95)}.livestream-container .chat-sidebar .chat-input-container .chat-input{flex:1 1;padding:10px 16px;background-color:#0f0f0f;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;font-size:13px}.livestream-container .chat-sidebar .chat-input-container .chat-input:focus{outline:none;border-color:#d4f70e}.livestream-container .chat-sidebar .chat-input-container .chat-input::placeholder{color:hsla(0,0%,100%,.4)}.livestream-container .chat-sidebar .chat-input-container .send-btn{width:40px;height:40px;border-radius:8px;background-color:#d4f70e;border:none;color:#000;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.livestream-container .chat-sidebar .chat-input-container .send-btn:hover{background-color:#b8d90c;transform:translateY(-2px)}.livestream-container .chat-sidebar .chat-input-container .send-btn:disabled{opacity:.5;cursor:not-allowed}.livestream-container .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.livestream-container .settings-modal{display:flex;width:90%;max-width:800px;height:70vh;background-color:#1a1a1a;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}.livestream-container .settings-modal .settings-sidebar{width:240px;background-color:#0f0f0f;border-right:1px solid hsla(0,0%,100%,.1);padding:24px 0}.livestream-container .settings-modal .settings-sidebar .settings-header{padding:0 24px 20px;border-bottom:1px solid hsla(0,0%,100%,.1)}.livestream-container .settings-modal .settings-sidebar .settings-header h2{margin:0;font-size:20px;font-weight:600;color:#fff}.livestream-container .settings-modal .settings-sidebar .settings-tabs{padding-top:16px}.livestream-container .settings-modal .settings-sidebar .settings-tabs .settings-tab{width:100%;display:flex;align-items:center;grid-gap:12px;gap:12px;padding:12px 24px;background:transparent;border:none;color:hsla(0,0%,100%,.6);font-size:14px;text-align:left;cursor:pointer;transition:all .3s}.livestream-container .settings-modal .settings-sidebar .settings-tabs .settings-tab span{font-size:18px}.livestream-container .settings-modal .settings-sidebar .settings-tabs .settings-tab:hover{background-color:hsla(0,0%,100%,.05);color:#fff}.livestream-container .settings-modal .settings-sidebar .settings-tabs .settings-tab.active{background-color:rgba(212,247,14,.15);color:#d4f70e;border-left:3px solid #d4f70e}.livestream-container .settings-modal .settings-content{flex:1 1;padding:40px;overflow-y:auto;position:relative}.livestream-container .settings-modal .settings-content .modal-close{position:absolute;top:20px;right:20px;width:32px;height:32px;border-radius:50%;background-color:hsla(0,0%,100%,.1);border:none;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.livestream-container .settings-modal .settings-content .modal-close:hover{background-color:rgba(255,0,0,.8)}.livestream-container .settings-modal .settings-content h3{margin:0 0 24px;font-size:24px;font-weight:600;color:#fff}.livestream-container .settings-modal .settings-content .device-settings .setting-group{margin-bottom:28px}.livestream-container .settings-modal .settings-content .device-settings .setting-group label{display:block;margin-bottom:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:hsla(0,0%,100%,.6)}.livestream-container .settings-modal .settings-content .device-settings .setting-group .device-select{width:100%;padding:12px 16px;background-color:#0f0f0f;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;font-size:14px;cursor:pointer}.livestream-container .settings-modal .settings-content .device-settings .setting-group .device-select:focus{outline:none;border-color:#d4f70e}.livestream-container .settings-modal .settings-content .device-settings .setting-group .volume-slider-container{margin-top:12px}.livestream-container .settings-modal .settings-content .device-settings .setting-group .volume-slider-container .volume-slider{width:100%;height:6px;background:linear-gradient(90deg,#d4f70e 0,#d4f70e 75%,hsla(0,0%,100%,.2) 0);border-radius:3px;outline:none;appearance:none;-webkit-appearance:none;cursor:pointer}.livestream-container .settings-modal .settings-content .device-settings .setting-group .volume-slider-container .volume-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;background:#d4f70e;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px rgba(212,247,14,.4)}.livestream-container .settings-modal .settings-content .device-settings .setting-group .volume-slider-container .volume-slider::-moz-range-thumb{width:16px;height:16px;background:#d4f70e;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px rgba(212,247,14,.4)}.livestream-container .settings-modal .settings-content .device-settings .setting-group .test-btn{margin-top:12px;padding:8px 20px;background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s}.livestream-container .settings-modal .settings-content .device-settings .setting-group .test-btn:hover{background-color:#d4f70e;color:#1a1a1a;border-color:#d4f70e}.livestream-container .settings-modal .settings-content .notifications-settings .notification-item{display:flex;justify-content:space-between;align-items:center;padding:16px;margin-bottom:12px;background-color:hsla(0,0%,100%,.03);border-radius:12px;transition:all .3s}.livestream-container .settings-modal .settings-content .notifications-settings .notification-item:hover{background-color:hsla(0,0%,100%,.06)}.livestream-container .settings-modal .settings-content .notifications-settings .notification-item .notification-label{display:flex;align-items:center;grid-gap:12px;gap:12px;font-size:14px;color:#fff}.livestream-container .settings-modal .settings-content .notifications-settings .notification-item .notification-label span:first-child{font-size:20px}.livestream-container .settings-modal .settings-content .notifications-settings .notification-item .toggle-switch{position:relative;display:inline-block;width:48px;height:24px}.livestream-container .settings-modal .settings-content .notifications-settings .notification-item .toggle-switch input{opacity:0;width:0;height:0}.livestream-container .settings-modal .settings-content .notifications-settings .notification-item .toggle-switch input:checked+.toggle-slider{background-color:#d4f70e}.livestream-container .settings-modal .settings-content .notifications-settings .notification-item .toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.livestream-container .settings-modal .settings-content .notifications-settings .notification-item .toggle-switch .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.2);border-radius:24px;transition:.3s}.livestream-container .settings-modal .settings-content .notifications-settings .notification-item .toggle-switch .toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}.livestream-container .go-live-modal{position:relative;width:90%;max-width:500px;padding:40px;background-color:#1a1a1a;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.5)}.livestream-container .go-live-modal .modal-close{position:absolute;top:20px;right:20px;width:32px;height:32px;border-radius:50%;background-color:hsla(0,0%,100%,.1);border:none;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.livestream-container .go-live-modal .modal-close:hover{background-color:rgba(255,0,0,.8)}.livestream-container .go-live-modal h2{margin:0 0 12px;font-size:28px;font-weight:600;color:#fff}.livestream-container .go-live-modal .modal-description{margin:0 0 24px;font-size:14px;line-height:1.6;color:hsla(0,0%,100%,.7)}.livestream-container .go-live-modal .token-input-group{margin-bottom:24px}.livestream-container .go-live-modal .token-input-group label{display:block;margin-bottom:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:hsla(0,0%,100%,.6)}.livestream-container .go-live-modal .token-input-group .token-input{width:100%;padding:12px 16px;background-color:#0f0f0f;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;font-size:13px;font-family:monospace}.livestream-container .go-live-modal .token-input-group .token-input:focus{outline:none;border-color:#d4f70e}.livestream-container .go-live-modal .token-input-group .token-input::placeholder{color:hsla(0,0%,100%,.4)}.livestream-container .go-live-modal .token-input-group .token-hint{display:block;margin-top:8px;font-size:11px;line-height:1.6;color:rgba(255,200,0,.9);background-color:rgba(255,200,0,.08);padding:12px 14px;border-radius:8px;border-left:3px solid rgba(255,200,0,.6)}.livestream-container .go-live-modal .token-input-group .token-hint strong{color:#ffc800;font-weight:600}.livestream-container .go-live-modal .record-option{display:flex;justify-content:space-between;align-items:center;padding:16px;margin-bottom:12px;background-color:hsla(0,0%,100%,.05);border-radius:12px}.livestream-container .go-live-modal .record-option .record-option-label{display:flex;align-items:center;grid-gap:12px;gap:12px;font-size:14px;color:#fff}.livestream-container .go-live-modal .record-option .record-option-label span:first-child{font-size:20px}.livestream-container .go-live-modal .record-option .toggle-switch{position:relative;display:inline-block;width:48px;height:24px}.livestream-container .go-live-modal .record-option .toggle-switch input{opacity:0;width:0;height:0}.livestream-container .go-live-modal .record-option .toggle-switch input:checked+.toggle-slider{background-color:#d4f70e}.livestream-container .go-live-modal .record-option .toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.livestream-container .go-live-modal .record-option .toggle-switch .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.2);border-radius:24px;transition:.3s}.livestream-container .go-live-modal .record-option .toggle-switch .toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}.livestream-container .go-live-modal .record-note{margin:0 0 32px;font-size:12px;line-height:1.5;color:hsla(0,0%,100%,.5)}.livestream-container .go-live-modal .go-live-confirm-btn{width:100%;display:flex;align-items:center;justify-content:center;grid-gap:10px;gap:10px;padding:16px;background-color:#d4f70e;border:none;border-radius:8px;color:#1a1a1a;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.livestream-container .go-live-modal .go-live-confirm-btn span{font-size:20px}.livestream-container .go-live-modal .go-live-confirm-btn:hover{background-color:#b8d90c;transform:translateY(-2px);box-shadow:0 8px 20px rgba(212,247,14,.3)}@media(max-width:768px){.livestream-container .livestream-header{padding:12px 16px}.livestream-container .livestream-header .header-left .header-title h1{font-size:16px}.livestream-container .livestream-header .header-right{grid-gap:8px;gap:8px}.livestream-container .livestream-header .header-right .end-btn,.livestream-container .livestream-header .header-right .go-live-btn,.livestream-container .livestream-header .header-right .record-btn{padding:8px 16px;font-size:12px}.livestream-container .video-controls{padding:12px 16px}.livestream-container .video-controls .control-btn{width:40px;height:40px;font-size:16px}.livestream-container .video-controls .control-btn.record-center{width:48px;height:48px}.livestream-container .settings-modal{flex-direction:column;height:90vh}.livestream-container .settings-modal .settings-sidebar{width:100%;border-right:none;border-bottom:1px solid hsla(0,0%,100%,.1);padding:16px 0}.livestream-container .settings-modal .settings-sidebar .settings-tabs{display:flex;padding-top:0}.livestream-container .settings-modal .settings-sidebar .settings-tabs .settings-tab{flex:1 1;justify-content:center;padding:12px}.livestream-container .settings-modal .settings-content{padding:24px}}.music-queue{display:flex;flex-direction:column;grid-gap:20px;gap:20px;padding:16px;background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;color:#fff;max-height:600px;overflow-y:auto}.music-queue .section-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:hsla(0,0%,100%,.7);margin-bottom:8px}.music-queue .now-playing-section{margin-bottom:24px}.music-queue .now-playing-section .section-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:hsla(0,0%,100%,.6);margin-bottom:12px;font-weight:600}.music-queue .now-playing-section .empty-now-playing{background:hsla(0,0%,100%,.03);border:2px dashed hsla(0,0%,100%,.1);border-radius:12px;padding:32px 20px;text-align:center}.music-queue .now-playing-section .empty-now-playing .empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.music-queue .now-playing-section .empty-now-playing p{color:hsla(0,0%,100%,.6);font-size:14px;margin:0}.music-queue .now-playing-section .empty-now-playing p.empty-hint{font-size:12px;color:hsla(0,0%,100%,.4);margin-top:8px}.music-queue .now-playing-section .empty-now-playing p.empty-hint strong{color:hsla(0,0%,100%,.7)}.music-queue .now-playing-section .now-playing-card{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:12px;background:hsla(0,0%,100%,.1);border-radius:8px;border:1px solid hsla(0,0%,100%,.1)}.music-queue .now-playing-section .now-playing-card .track-cover{width:60px;height:60px;border-radius:6px;overflow:hidden;flex-shrink:0}.music-queue .now-playing-section .now-playing-card .track-cover img{width:100%;height:100%;object-fit:cover}.music-queue .now-playing-section .now-playing-card .track-cover .placeholder-cover{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.1);font-size:24px}.music-queue .now-playing-section .now-playing-card .track-info{flex:1 1;min-width:0}.music-queue .now-playing-section .now-playing-card .track-info .track-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.music-queue .now-playing-section .now-playing-card .track-info .track-artist{font-size:12px;color:hsla(0,0%,100%,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.music-queue .now-playing-section .now-playing-card .track-info .track-duration{font-size:11px;color:hsla(0,0%,100%,.5)}.music-queue .now-playing-section .now-playing-card .track-controls{display:flex;grid-gap:8px;gap:8px}.music-queue .now-playing-section .now-playing-card .track-controls .control-btn{width:32px;height:32px;border-radius:50%;background:hsla(0,0%,100%,.15);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.music-queue .now-playing-section .now-playing-card .track-controls .control-btn:hover{background:hsla(0,0%,100%,.25);transform:scale(1.05)}.music-queue .now-playing-section .now-playing-card .track-controls .control-btn:active{transform:scale(.95)}.music-queue .next-in-queue-preview .next-track-mini{display:flex;align-items:center;grid-gap:10px;gap:10px;padding:10px;background:hsla(0,0%,100%,.05);border-radius:6px;border:1px solid hsla(0,0%,100%,.08)}.music-queue .next-in-queue-preview .next-track-mini .mini-cover{width:40px;height:40px;border-radius:4px;overflow:hidden;flex-shrink:0}.music-queue .next-in-queue-preview .next-track-mini .mini-cover img{width:100%;height:100%;object-fit:cover}.music-queue .next-in-queue-preview .next-track-mini .mini-cover .placeholder-mini{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.1);font-size:16px}.music-queue .next-in-queue-preview .next-track-mini .mini-info{flex:1 1;min-width:0}.music-queue .next-in-queue-preview .next-track-mini .mini-info .mini-title{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.music-queue .next-in-queue-preview .next-track-mini .mini-info .mini-artist{font-size:11px;color:hsla(0,0%,100%,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-queue .queue-section .queue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.music-queue .queue-section .queue-header .add-track-btn{display:flex;align-items:center;grid-gap:6px;gap:6px;padding:6px 12px;background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#60a5fa;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.music-queue .queue-section .queue-header .add-track-btn:hover{background:rgba(59,130,246,.25);border-color:rgba(59,130,246,.5)}.music-queue .queue-section .queue-header .add-track-btn:active{transform:scale(.95)}.music-queue .queue-section .empty-queue{text-align:center;padding:40px 20px;color:hsla(0,0%,100%,.5)}.music-queue .queue-section .empty-queue .empty-icon{font-size:48px;margin-bottom:12px}.music-queue .queue-section .empty-queue p{margin:8px 0;font-size:14px}.music-queue .queue-section .empty-queue .empty-hint{font-size:12px;color:hsla(0,0%,100%,.4)}.music-queue .queue-section .queue-list{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.music-queue .queue-section .queue-list .queue-item{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:10px;background:hsla(0,0%,100%,.05);border-radius:6px;border:1px solid hsla(0,0%,100%,.08);transition:all .2s;cursor:move}.music-queue .queue-section .queue-list .queue-item:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.15)}.music-queue .queue-section .queue-list .queue-item.dragging{opacity:.5}.music-queue .queue-section .queue-list .queue-item .item-number{width:24px;text-align:center;font-size:14px;font-weight:600;color:hsla(0,0%,100%,.5);flex-shrink:0}.music-queue .queue-section .queue-list .queue-item .item-cover{width:40px;height:40px;border-radius:4px;overflow:hidden;flex-shrink:0}.music-queue .queue-section .queue-list .queue-item .item-cover img{width:100%;height:100%;object-fit:cover}.music-queue .queue-section .queue-list .queue-item .item-cover .placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.1);font-size:16px}.music-queue .queue-section .queue-list .queue-item .item-info{flex:1 1;min-width:0}.music-queue .queue-section .queue-list .queue-item .item-info .item-title{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.music-queue .queue-section .queue-list .queue-item .item-info .item-artist{font-size:11px;color:hsla(0,0%,100%,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-queue .queue-section .queue-list .queue-item .item-duration{font-size:12px;color:hsla(0,0%,100%,.5);flex-shrink:0}.music-queue .queue-section .queue-list .queue-item .remove-btn{width:28px;height:28px;border-radius:4px;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);color:#f87171;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.music-queue .queue-section .queue-list .queue-item .remove-btn:hover{background:rgba(239,68,68,.25);border-color:rgba(239,68,68,.5)}.music-queue .queue-section .queue-list .queue-item .remove-btn:active{transform:scale(.9)}.music-queue::-webkit-scrollbar{width:8px}.music-queue::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:4px}.music-queue::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border-radius:4px}.music-queue::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.25)}.add-track-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.add-track-modal-overlay .add-track-modal{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:16px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.1)}.add-track-modal-overlay .add-track-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid hsla(0,0%,100%,.1)}.add-track-modal-overlay .add-track-modal .modal-header h3{color:#fff;font-size:20px;font-weight:600;margin:0}.add-track-modal-overlay .add-track-modal .modal-header .close-btn{width:32px;height:32px;border-radius:8px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.add-track-modal-overlay .add-track-modal .modal-header .close-btn:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}.add-track-modal-overlay .add-track-modal .modal-search{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:16px 24px;background:hsla(0,0%,100%,.05);border-bottom:1px solid hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.5)}.add-track-modal-overlay .add-track-modal .modal-search input{flex:1 1;background:none;border:none;color:#fff;font-size:14px;outline:none}.add-track-modal-overlay .add-track-modal .modal-search input::placeholder{color:hsla(0,0%,100%,.4)}.add-track-modal-overlay .add-track-modal .modal-tracks-list{flex:1 1;overflow-y:auto;padding:12px;min-height:200px}.add-track-modal-overlay .add-track-modal .modal-tracks-list .empty-results{display:flex;align-items:center;justify-content:center;height:200px;color:hsla(0,0%,100%,.5);font-size:14px}.add-track-modal-overlay .add-track-modal .modal-tracks-list .track-item{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:12px;background:hsla(0,0%,100%,.03);border-radius:8px;border:1px solid hsla(0,0%,100%,.05);margin-bottom:8px;cursor:pointer;transition:all .2s}.add-track-modal-overlay .add-track-modal .modal-tracks-list .track-item:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.15)}.add-track-modal-overlay .add-track-modal .modal-tracks-list .track-item.selected{background:rgba(59,130,246,.15);border-color:rgba(59,130,246,.3)}.add-track-modal-overlay .add-track-modal .modal-tracks-list .track-item .track-cover{width:48px;height:48px;border-radius:6px;overflow:hidden;flex-shrink:0}.add-track-modal-overlay .add-track-modal .modal-tracks-list .track-item .track-cover img{width:100%;height:100%;object-fit:cover}.add-track-modal-overlay .add-track-modal .modal-tracks-list .track-item .track-cover .placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.1);font-size:20px}.add-track-modal-overlay .add-track-modal .modal-tracks-list .track-item .track-info{flex:1 1;min-width:0}.add-track-modal-overlay .add-track-modal .modal-tracks-list .track-item .track-info .track-title{font-size:14px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.add-track-modal-overlay .add-track-modal .modal-tracks-list .track-item .track-info .track-artist{font-size:12px;color:hsla(0,0%,100%,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-track-modal-overlay .add-track-modal .modal-tracks-list .track-item .track-duration{font-size:12px;color:hsla(0,0%,100%,.5);flex-shrink:0;margin-right:8px}.add-track-modal-overlay .add-track-modal .modal-tracks-list .track-item .add-btn{padding:6px 16px;background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#60a5fa;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;flex-shrink:0}.add-track-modal-overlay .add-track-modal .modal-tracks-list .track-item .add-btn:hover{background:rgba(59,130,246,.25);border-color:rgba(59,130,246,.5);transform:scale(1.05)}.add-track-modal-overlay .add-track-modal .modal-tracks-list .track-item .add-btn:active{transform:scale(.95)}.add-track-modal-overlay .add-track-modal .modal-tracks-list .track-item .add-btn:disabled{opacity:.5;cursor:not-allowed;background:hsla(0,0%,39.2%,.15);border-color:hsla(0,0%,39.2%,.3);color:hsla(0,0%,100%,.4)}.add-track-modal-overlay .add-track-modal .modal-tracks-list .track-item .add-btn:disabled:hover{background:hsla(0,0%,39.2%,.15);transform:none}.add-track-modal-overlay .add-track-modal .modal-tracks-list::-webkit-scrollbar{width:8px}.add-track-modal-overlay .add-track-modal .modal-tracks-list::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:4px}.add-track-modal-overlay .add-track-modal .modal-tracks-list::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border-radius:4px}.add-track-modal-overlay .add-track-modal .modal-tracks-list::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.25)}.add-track-modal-overlay .add-track-modal .modal-footer{padding:16px 24px;border-top:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.02);border-bottom-left-radius:16px;border-bottom-right-radius:16px}.add-track-modal-overlay .add-track-modal .modal-footer .hint{margin:0;font-size:12px;color:hsla(0,0%,100%,.5);text-align:center}.music-player-overlay{position:absolute;bottom:120px;left:20px;z-index:100;width:280px;display:flex;flex-direction:column;grid-gap:8px;gap:8px;pointer-events:none}.music-player-overlay button{pointer-events:auto}.music-player-overlay .now-playing-mini{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:12px;background:rgba(0,0,0,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.3);animation:slideInLeft .3s ease-out}.music-player-overlay .now-playing-mini .track-cover-mini{width:48px;height:48px;border-radius:8px;overflow:hidden;flex-shrink:0;background:hsla(0,0%,100%,.1)}.music-player-overlay .now-playing-mini .track-cover-mini img{width:100%;height:100%;object-fit:cover}.music-player-overlay .now-playing-mini .track-cover-mini .placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:24px}.music-player-overlay .now-playing-mini .track-info-mini{flex:1 1;min-width:0}.music-player-overlay .now-playing-mini .track-info-mini .track-title-mini{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.music-player-overlay .now-playing-mini .track-info-mini .track-artist-mini{font-size:12px;color:hsla(0,0%,100%,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-player-overlay .now-playing-mini .buy-btn-mini{padding:6px 12px;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.music-player-overlay .now-playing-mini .buy-btn-mini:hover{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.3);transform:scale(1.05)}.music-player-overlay .now-playing-mini .buy-btn-mini:active{transform:scale(.95)}.music-player-overlay .progress-container{padding:10px 12px;background:rgba(0,0,0,.6);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:8px;border:1px solid hsla(0,0%,100%,.08);animation:slideInLeft .3s ease-out .1s both}.music-player-overlay .progress-container .progress-time{font-size:11px;color:hsla(0,0%,100%,.6);margin-bottom:6px}.music-player-overlay .progress-container .progress-bar{width:100%;height:4px;background:hsla(0,0%,100%,.2);border-radius:2px;overflow:hidden;margin-bottom:6px}.music-player-overlay .progress-container .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;transition:width .3s linear}.music-player-overlay .progress-container .progress-label{font-size:10px;color:hsla(0,0%,100%,.5);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.music-player-overlay .next-in-queue-mini{display:flex;align-items:center;grid-gap:10px;gap:10px;padding:10px 12px;background:rgba(0,0,0,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px;border:1px solid hsla(0,0%,100%,.06);animation:slideInLeft .3s ease-out .2s both}.music-player-overlay .next-in-queue-mini .next-cover-mini{width:36px;height:36px;border-radius:6px;overflow:hidden;flex-shrink:0;background:hsla(0,0%,100%,.08)}.music-player-overlay .next-in-queue-mini .next-cover-mini img{width:100%;height:100%;object-fit:cover}.music-player-overlay .next-in-queue-mini .next-cover-mini .placeholder-small{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:18px}.music-player-overlay .next-in-queue-mini .next-info-mini{flex:1 1;min-width:0}.music-player-overlay .next-in-queue-mini .next-info-mini .next-label{font-size:9px;color:#ef4444;text-transform:uppercase;letter-spacing:.5px;font-weight:700;margin-bottom:2px}.music-player-overlay .next-in-queue-mini .next-info-mini .next-title-mini{font-size:12px;color:hsla(0,0%,100%,.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media(max-width:768px){.music-player-overlay{width:240px;top:12px;left:12px}.music-player-overlay .now-playing-mini{padding:10px;grid-gap:10px;gap:10px}.music-player-overlay .now-playing-mini .track-cover-mini{width:40px;height:40px}.music-player-overlay .now-playing-mini .track-info-mini .track-title-mini{font-size:13px}.music-player-overlay .now-playing-mini .track-info-mini .track-artist-mini{font-size:11px}.music-player-overlay .now-playing-mini .buy-btn-mini{padding:5px 10px;font-size:11px}.music-player-overlay .next-in-queue-mini,.music-player-overlay .progress-container{padding:8px 10px}.music-player-overlay .next-in-queue-mini .next-cover-mini{width:32px;height:32px}}@media(prefers-color-scheme:light){.music-player-overlay .next-in-queue-mini,.music-player-overlay .now-playing-mini,.music-player-overlay .progress-container{background:hsla(0,0%,100%,.85);border-color:rgba(0,0,0,.1)}.music-player-overlay .next-in-queue-mini .next-title-mini,.music-player-overlay .next-in-queue-mini .progress-label,.music-player-overlay .next-in-queue-mini .progress-time,.music-player-overlay .next-in-queue-mini .track-artist-mini,.music-player-overlay .next-in-queue-mini .track-title-mini,.music-player-overlay .now-playing-mini .next-title-mini,.music-player-overlay .now-playing-mini .progress-label,.music-player-overlay .now-playing-mini .progress-time,.music-player-overlay .now-playing-mini .track-artist-mini,.music-player-overlay .now-playing-mini .track-title-mini,.music-player-overlay .progress-container .next-title-mini,.music-player-overlay .progress-container .progress-label,.music-player-overlay .progress-container .progress-time,.music-player-overlay .progress-container .track-artist-mini,.music-player-overlay .progress-container .track-title-mini{color:rgba(0,0,0,.9)}}.gift-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:flex-end;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.gift-picker{background:linear-gradient(180deg,#1e2139,#151824);border-radius:24px 24px 0 0;width:100%;max-width:500px;max-height:70vh;animation:slideUp .3s ease;box-shadow:0 -10px 40px rgba(0,0,0,.5)}.gift-picker-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid hsla(0,0%,100%,.1)}.gift-picker-header h3{color:#fff;font-size:20px;font-weight:600;margin:0}.gift-picker-header .close-btn{background:transparent;border:none;color:#a8b3cf;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.gift-picker-header .close-btn:hover{background:hsla(0,0%,100%,.1);color:#fff}.gift-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;padding:24px;max-height:calc(70vh - 80px);overflow-y:auto}.gift-item{background:hsla(0,0%,100%,.05);border:2px solid transparent;border-radius:16px;padding:20px 12px;display:flex;flex-direction:column;align-items:center;grid-gap:8px;gap:8px;cursor:pointer;transition:all .2s}.gift-item:hover{background:hsla(0,0%,100%,.08);transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.gift-item:active{transform:translateY(-2px)}.gift-item .gift-icon{font-size:48px;line-height:1;animation:float 3s ease-in-out infinite}.gift-item .gift-name{color:#fff;font-size:14px;font-weight:600}.gift-item .gift-value{font-size:12px;font-weight:500}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.gift-animation{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);opacity:0;z-index:9999;pointer-events:none;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.gift-animation.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.gift-animation-content{background:linear-gradient(135deg,rgba(30,33,57,.95),rgba(21,24,36,.95));border:3px solid;border-radius:24px;padding:32px 40px;display:flex;align-items:center;grid-gap:20px;gap:20px;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 100px hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:giftPulse 3s ease infinite}.gift-animation-content .gift-icon{font-size:80px;line-height:1;animation:giftBounce .6s ease,giftRotate 3s ease infinite}.gift-animation-content .gift-info{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.gift-animation-content .gift-info .sender-name{color:#fff;font-size:24px;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.3)}.gift-animation-content .gift-info .gift-text{color:#a8b3cf;font-size:18px;font-weight:500}@keyframes giftPulse{0%,to{box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 100px hsla(0,0%,100%,.1)}50%{box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 120px hsla(0,0%,100%,.2)}}@keyframes giftBounce{0%{transform:scale(0) rotate(-180deg)}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0deg)}}@keyframes giftRotate{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.livestream-viewer{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000;display:flex}.livestream-viewer.loading{display:flex;align-items:center;justify-content:center}.livestream-viewer.loading .loading-spinner{text-align:center}.livestream-viewer.loading .loading-spinner .spinner{width:50px;height:50px;border:4px solid hsla(0,0%,100%,.1);border-top-color:#d4f70e;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.livestream-viewer.loading .loading-spinner p{color:#fff;font-size:16px}.livestream-viewer .viewer-video-container{flex:1 1;position:relative;background-color:#000}.livestream-viewer .viewer-video-container .remote-video{width:100%;height:100%}.livestream-viewer .viewer-video-container .remote-video video{width:100%;height:100%;object-fit:contain}.livestream-viewer .viewer-video-container .waiting-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.8);z-index:2}.livestream-viewer .viewer-video-container .waiting-overlay .waiting-content{text-align:center}.livestream-viewer .viewer-video-container .waiting-overlay .waiting-content .pulse-dot{width:60px;height:60px;background-color:#d4f70e;border-radius:50%;margin:0 auto 20px;animation:pulse 2s infinite}.livestream-viewer .viewer-video-container .waiting-overlay .waiting-content h3{color:#fff;font-size:18px;margin:0}.livestream-viewer .viewer-video-container .stream-ended-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;animation:fadeIn .3s ease-in-out}.livestream-viewer .viewer-video-container .stream-ended-overlay .stream-ended-content{text-align:center;max-width:400px;padding:40px}.livestream-viewer .viewer-video-container .stream-ended-overlay .stream-ended-content .wave-emoji{font-size:80px;margin-bottom:20px;animation:wave 1s ease-in-out}.livestream-viewer .viewer-video-container .stream-ended-overlay .stream-ended-content h2{color:#fff;font-size:32px;font-weight:700;margin-bottom:12px}.livestream-viewer .viewer-video-container .stream-ended-overlay .stream-ended-content p{color:#8f9099;font-size:16px;margin-bottom:32px}.livestream-viewer .viewer-video-container .stream-ended-overlay .stream-ended-content .ended-actions{display:flex;align-items:center;justify-content:center;grid-gap:12px;gap:12px;flex-wrap:wrap}.livestream-viewer .viewer-video-container .stream-ended-overlay .stream-ended-content .ended-actions span{color:#8f9099;font-size:14px}.livestream-viewer .viewer-video-container .stream-ended-overlay .stream-ended-content .ended-actions .restart-btn{padding:12px 24px;background-color:#d4f70e;border:none;border-radius:8px;color:#000;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;grid-gap:8px;gap:8px}.livestream-viewer .viewer-video-container .stream-ended-overlay .stream-ended-content .ended-actions .restart-btn:hover{background-color:#aecb07;transform:translateY(-2px)}.livestream-viewer .viewer-video-container .stream-ended-overlay .stream-ended-content .ended-actions .restart-btn:active{transform:translateY(0)}.livestream-viewer .viewer-video-container .viewer-top-bar{position:absolute;top:0;left:0;right:0;padding:20px;background:linear-gradient(180deg,rgba(0,0,0,.8),transparent);display:flex;justify-content:space-between;align-items:center;z-index:10}.livestream-viewer .viewer-video-container .viewer-top-bar .stream-info{display:flex;align-items:center;grid-gap:16px;gap:16px}.livestream-viewer .viewer-video-container .viewer-top-bar .stream-info .live-badge{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:8px 16px;background-color:rgba(255,0,0,.9);border-radius:6px;font-size:14px;font-weight:700;color:#fff;letter-spacing:.1em}.livestream-viewer .viewer-video-container .viewer-top-bar .stream-info .live-badge .live-dot{width:8px;height:8px;border-radius:50%;background-color:#fff;animation:pulse 2s infinite}.livestream-viewer .viewer-video-container .viewer-top-bar .stream-info .viewer-count{display:flex;align-items:center;grid-gap:6px;gap:6px;padding:6px 12px;background-color:rgba(0,0,0,.6);border-radius:6px;color:#fff;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.livestream-viewer .viewer-video-container .viewer-controls{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:20px 32px;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:30}.livestream-viewer .viewer-video-container .viewer-controls .controls-left{display:flex;grid-gap:12px;gap:12px}.livestream-viewer .viewer-video-container .viewer-controls .controls-left .leave-btn{padding:10px 20px;background-color:hsla(0,0%,100%,.15);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.livestream-viewer .viewer-video-container .viewer-controls .controls-left .leave-btn:hover{background-color:hsla(0,0%,100%,.25)}.livestream-viewer .viewer-video-container .viewer-controls .controls-right{display:flex;align-items:center;grid-gap:12px;gap:12px}.livestream-viewer .viewer-video-container .viewer-controls .controls-right .control-btn{width:44px;height:44px;border-radius:8px;background-color:hsla(0,0%,100%,.15);border:none;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.livestream-viewer .viewer-video-container .viewer-controls .controls-right .control-btn:hover{background-color:hsla(0,0%,100%,.25)}.livestream-viewer .chat-sidebar{width:360px;background-color:#1a1a1a;display:flex;flex-direction:column;border-left:1px solid hsla(0,0%,100%,.1)}.livestream-viewer .chat-sidebar .sidebar-header{padding:16px;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;align-items:center}.livestream-viewer .chat-sidebar .sidebar-header .sidebar-tabs{display:flex;grid-gap:8px;gap:8px}.livestream-viewer .chat-sidebar .sidebar-header .sidebar-tabs .tab{padding:8px 16px;background:transparent;border:none;color:#8f9099;font-size:14px;font-weight:600;cursor:pointer;border-radius:6px;transition:all .2s}.livestream-viewer .chat-sidebar .sidebar-header .sidebar-tabs .tab.active{background-color:hsla(0,0%,100%,.1);color:#fff}.livestream-viewer .chat-sidebar .sidebar-header .sidebar-tabs .tab:hover:not(.active){background-color:hsla(0,0%,100%,.05)}.livestream-viewer .chat-sidebar .sidebar-header .close-btn{width:32px;height:32px;border-radius:6px;background:transparent;border:none;color:#8f9099;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.livestream-viewer .chat-sidebar .sidebar-header .close-btn:hover{background-color:hsla(0,0%,100%,.1);color:#fff}.livestream-viewer .chat-sidebar .sidebar-content{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.livestream-viewer .chat-sidebar .sidebar-content .chat-messages{flex:1 1;overflow-y:auto;padding:16px}.livestream-viewer .chat-sidebar .sidebar-content .chat-messages .empty-chat{text-align:center;padding:40px 20px;color:#8f9099}.livestream-viewer .chat-sidebar .sidebar-content .chat-messages .empty-chat .chat-icon{font-size:48px;display:block;margin-bottom:16px;opacity:.5}.livestream-viewer .chat-sidebar .sidebar-content .chat-messages .empty-chat h3{font-size:16px;font-weight:600;margin-bottom:8px;color:#fff}.livestream-viewer .chat-sidebar .sidebar-content .chat-messages .empty-chat p{font-size:14px;line-height:1.5}.livestream-viewer .chat-sidebar .sidebar-content .chat-messages .message{margin-bottom:16px}.livestream-viewer .chat-sidebar .sidebar-content .chat-messages .message.gift-message{background:hsla(0,0%,100%,.05);border-left:3px solid;padding:10px 12px;border-radius:8px;animation:giftMessageAppear .3s ease}.livestream-viewer .chat-sidebar .sidebar-content .chat-messages .message .message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.livestream-viewer .chat-sidebar .sidebar-content .chat-messages .message .message-header .username{font-size:13px;font-weight:600;color:#d4f70e}.livestream-viewer .chat-sidebar .sidebar-content .chat-messages .message .message-header .timestamp{font-size:11px;color:#8f9099}.livestream-viewer .chat-sidebar .sidebar-content .chat-messages .message .message-content{font-size:14px;color:#fff;line-height:1.4}.livestream-viewer .chat-sidebar .sidebar-content .chat-input-container{padding:16px;border-top:1px solid hsla(0,0%,100%,.1);display:flex;grid-gap:8px;gap:8px}.livestream-viewer .chat-sidebar .sidebar-content .chat-input-container .gift-btn{width:40px;height:40px;background-color:hsla(0,0%,100%,.1);border:none;border-radius:8px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.livestream-viewer .chat-sidebar .sidebar-content .chat-input-container .gift-btn:hover{background-color:hsla(0,0%,100%,.15);transform:scale(1.1)}.livestream-viewer .chat-sidebar .sidebar-content .chat-input-container .gift-btn:active{transform:scale(.95)}.livestream-viewer .chat-sidebar .sidebar-content .chat-input-container input{flex:1 1;padding:10px 14px;background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#fff;font-size:14px;outline:none}.livestream-viewer .chat-sidebar .sidebar-content .chat-input-container input::placeholder{color:#8f9099}.livestream-viewer .chat-sidebar .sidebar-content .chat-input-container input:focus{border-color:#d4f70e;background-color:hsla(0,0%,100%,.08)}.livestream-viewer .chat-sidebar .sidebar-content .chat-input-container button:not(.gift-btn){width:40px;height:40px;background-color:#d4f70e;border:none;border-radius:8px;color:#000;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.livestream-viewer .chat-sidebar .sidebar-content .chat-input-container button:not(.gift-btn):hover{background-color:#aecb07}.livestream-viewer .chat-sidebar .sidebar-content .chat-input-container button:not(.gift-btn):active{transform:scale(.95)}.livestream-viewer .chat-sidebar .sidebar-content .participants-list{padding:16px;overflow-y:auto}.livestream-viewer .chat-sidebar .sidebar-content .participants-list .participant-item{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:12px;border-radius:8px;margin-bottom:8px;transition:background-color .2s}.livestream-viewer .chat-sidebar .sidebar-content .participants-list .participant-item.host{background-color:rgba(255,193,7,.1);border:1px solid rgba(255,193,7,.3)}.livestream-viewer .chat-sidebar .sidebar-content .participants-list .participant-item:hover{background-color:hsla(0,0%,100%,.05)}.livestream-viewer .chat-sidebar .sidebar-content .participants-list .participant-item .participant-avatar{width:40px;height:40px;border-radius:50%;background-color:hsla(0,0%,100%,.1);display:flex;align-items:center;justify-content:center;font-size:20px}.livestream-viewer .chat-sidebar .sidebar-content .participants-list .participant-item .participant-info{flex:1 1}.livestream-viewer .chat-sidebar .sidebar-content .participants-list .participant-item .participant-info .participant-name{font-size:14px;font-weight:600;color:#fff;margin-bottom:2px}.livestream-viewer .chat-sidebar .sidebar-content .participants-list .participant-item .participant-info .participant-role{font-size:12px;color:#8f9099}.livestream-viewer .chat-sidebar .sidebar-content .participants-list .participants-section{margin-top:16px}.livestream-viewer .chat-sidebar .sidebar-content .participants-list .participants-section .section-title{font-size:12px;font-weight:600;color:#8f9099;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;padding-left:12px}.livestream-viewer .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#11131a;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.livestream-viewer .leave-session-modal{position:relative;width:90%;max-width:450px;padding:32px;background-color:#1e2028;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.7)}.livestream-viewer .leave-session-modal .leave-modal-header{display:flex;align-items:center;grid-gap:12px;gap:12px;margin-bottom:16px}.livestream-viewer .leave-session-modal .leave-modal-header .warning-icon{font-size:28px}.livestream-viewer .leave-session-modal .leave-modal-header .leave-modal-title{margin:0;font-size:24px;font-weight:700;color:#ff4757}.livestream-viewer .leave-session-modal .leave-modal-description{margin:0 0 32px;font-size:15px;line-height:1.6;color:hsla(0,0%,100%,.75)}.livestream-viewer .leave-session-modal .leave-modal-buttons{display:flex;grid-gap:12px;gap:12px}.livestream-viewer .leave-session-modal .leave-modal-buttons .leave-cancel-btn{flex:1 1;padding:14px 24px;background-color:transparent;border:2px solid hsla(0,0%,100%,.2);border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.livestream-viewer .leave-session-modal .leave-modal-buttons .leave-cancel-btn:hover{background-color:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.3)}.livestream-viewer .leave-session-modal .leave-modal-buttons .leave-confirm-btn{flex:1 1;padding:14px 24px;background-color:#ff4757;border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.livestream-viewer .leave-session-modal .leave-modal-buttons .leave-confirm-btn:hover{background-color:#ff3046;transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,71,87,.4)}.livestream-viewer .leave-session-modal .leave-modal-buttons .leave-confirm-btn:active{transform:translateY(0)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,0,0,.7)}70%{box-shadow:0 0 0 10px rgba(255,0,0,0)}to{box-shadow:0 0 0 0 rgba(255,0,0,0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes wave{0%{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@keyframes giftMessageAppear{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}html{zoom:.9}@font-face{font-family:"SF Pro Display";src:url(https://s3.us-east-1.amazonaws.com/superproductor.stag-upload/uploads/SF-Pro.ttf)}@font-face{font-family:"SF Pro Display Bold";src:url(https://s3.us-east-1.amazonaws.com/superproductor.stag-upload/uploads/SF-Pro-Display-Bold.otf)}@font-face{font-family:"Cera Pro Medium";src:url(https://s3.us-east-1.amazonaws.com/superproductor.stag-upload/uploads/Cera+Pro+Medium.otf)}@font-face{font-family:"Cera Pro Regular";src:url(https://s3.us-east-1.amazonaws.com/superproductor.stag-upload/uploads/Cera+Pro+Regular.otf)}@font-face{font-family:"Cera Pro Bold";src:url(https://s3.us-east-1.amazonaws.com/superproductor.stag-upload/uploads/Cera+Pro+Bold.otf)}body{color:#fff!important;font-family:"Montserrat"!important}body.route-default{background-color:#18181c!important}body.route-light{background-color:#000!important}body.route-light .chakra-modal__content-container .chakra-modal__content{background:#323232!important}.fontSfProDisplay{font-family:"SF Pro Display"}.fontCeraPro{font-family:"Cera Pro Medium"}.fontCeraProBold{font-family:"Cera Pro Bold"}.fontCeraProRegular{font-family:"Cera Pro Regular"}.fontMontserrat{font-family:"Montserrat"}.fontSfProDisplayBold{font-family:"SF Pro Display Bold"}::-webkit-scrollbar{display:none}.chakra-select:focus,.select__control--is-focused{border-color:none!important;box-shadow:none!important}.chakra-input:focus,.chakra-textarea:focus{box-shadow:none!important;border:1px solid #d4f70e!important}.my-custom-input-group .chakra-input:focus{border:none!important}.chakra-select:focus{border-color:none!important}.chakra-button:focus,.chakra-popover__content:focus,.chakra-select:focus{box-shadow:none!important}.chakra-popover__content{outline:none!important}.chakra-modal__close-btn:focus{box-shadow:none!important}.chakra-radio__control[data-checked]{border-color:#d4f70e!important}.chakra-radio__control[data-focus]{border-color:#d4f70e!important;box-shadow:0 0 0 1px #d4f70e!important}.chakra-modal__content-container,.chakra-modal__overlay{width:100%!important;height:100%!important}.progress-6{width:100%;height:6px;border-radius:20px;color:#d4f70e;position:fixed;top:98px;z-index:99}.loading-top{top:107px}.progress-6:before{content:"";position:absolute;margin:2px;inset:0 100% 0 0;border-radius:inherit;background:currentColor;animation:p6 2s infinite}@keyframes p6{to{inset:0}}#root{height:100vh}@media only screen and (max-width:768px){.progress-6{top:94px}}