.channels-selector{background:#2b2f33;border:1px solid #1a1a1a;border-radius:3px;box-sizing:border-box;color:#fff;cursor:text;display:flex;font-size:15px;font-weight:400;min-height:46px;outline:none;padding:10px;position:relative;transition:border .25s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.channels-selector.error,.channels-selector.no-access{border-color:#f04747!important}.channels-selector .chip{align-items:center;border:1px solid #abafb5;border-radius:22px;display:flex;font-size:12px;font-weight:600;height:22px;justify-content:center;padding:4px;text-overflow:ellipsis}.channels-selector .chip button{align-items:center;background-color:#abafb5;border:none;border-radius:50%;cursor:pointer;display:flex;font-weight:300;height:12px;justify-content:center;outline-offset:2px;padding:0;width:12px}@media screen and (width > 1200px){.channels-selector .chip button .close-icon{display:none}}.channels-selector .chip span{color:#abafb5cc;font-weight:200;line-height:1;margin-left:5px;margin-right:5px}.channels-selector .chip button:focus .close-icon,.channels-selector .chip:hover .close-icon{display:block}.channels-selector .error{display:none}.channels-selector .add{align-items:center;background:0 0;border:1px solid #666;border-radius:50%;color:#ccc;cursor:pointer;display:flex;font-weight:600;height:22px;justify-content:center;outline:none;padding:0;width:22px}.channels-selector .add svg{transition:all .3s}.channels-selector>.select-element{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:8px}.channels-selector>.select-element .channel-icon{margin-right:3px;min-width:20px}.channels-selector>.select-element .search{background-color:transparent;border:0;color:#fffc;flex:1;min-width:10px;outline:none;padding-block:1px;padding-inline:2px;width:0}.channels-selector>.select-element .hidden-search{height:0;overflow:hidden;position:absolute;white-space:pre}.channels-selector.multiple .search{flex:none}.channels-selector .tags{align-items:center;display:flex;gap:8px;margin-left:8px}.channels-selector .tags .remove{cursor:pointer;font-size:16px}.channels-selector .tags .down{cursor:pointer;font-size:24px}.channels-selector:not(.multiple) .search{margin-left:0}.channels-selector:not(.multiple) .search::-moz-placeholder{color:#fff}.channels-selector:not(.multiple) .search::placeholder{color:#fff}.channels-selector:not(.multiple) .search:focus::-moz-placeholder{color:#757575}.channels-selector:not(.multiple) .search:focus::placeholder{color:#757575}.channels-selector[aria-disabled=true],.channels-selector[aria-disabled=true] .channel-icon,.channels-selector[aria-disabled=true] .down{cursor:default}.channels-selector[aria-disabled=true] .channel-icon path,.channels-selector[aria-disabled=true] .down path{fill:#757575}.channels-selector[aria-disabled=true] .search::-moz-placeholder{color:#757575}.channels-selector[aria-disabled=true] .search::placeholder{color:#757575}.channels-selector img{position:absolute;right:16px}.channels-selector[aria-expanded=true] img{transform:rotate(180deg)}.channels-selector:hover{border:1px solid #000}.channels-selector .waiter{background-color:#2b2f33;border-bottom:1px solid #1a1a1a;border-left:1px solid #1a1a1a;border-radius:0 0 3px 3px;border-right:1px solid #1a1a1a;left:-.5px;position:absolute;top:98%;width:calc(100% + 1px);z-index:499}.channels-selector .waiter .waiter-channel{align-items:center;background-color:#ffffff0d;border-radius:3px;display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px;padding:10px 10px 10px 16px}.channels-selector .waiter .waiter-channel .name{align-items:center;display:flex;height:32px}.channels-selector .waiter .waiter-channel .controls{display:flex;gap:10px}.channels-selector .waiter .waiter-channel .controls .input-waiter{background-color:transparent;border:1px solid hsla(0,0%,100%,.3);border-radius:3px;color:#fff;font-size:14px;font-weight:500;height:32px;margin:0 4px;max-width:55px;outline:0;padding:2px 8px}.channels-selector .waiter .waiter-channel .controls .button{margin:0;min-width:45px;padding:2px 8px}.channels-selector .waiter .waiter-channel .controls .buttons{display:flex;gap:10px}.channels-selector .waiter .waiter-channel .controls .buttons .button{height:46px;min-width:auto;padding:0 24px}@media screen and (width <= 960px),screen and (width >= 1200px) and (width <= 1340px),screen and (width >= 1500px) and (width <= 1740px){.channels-selector .waiter .waiter-channel{padding:16px}.channels-selector .waiter .waiter-channel .name{height:auto;margin:8px 0 16px}.channels-selector .waiter .waiter-channel .controls{flex-direction:column;width:100%}.channels-selector .waiter .waiter-channel .controls .buttons{justify-content:flex-end;margin-left:0}.channels-selector .waiter .waiter-channel .controls .buttons .button{height:-moz-fit-content;height:fit-content;min-height:38px;min-width:96px;padding:2px 16px}}.channels-selector .select-elements{background-color:#2b2f33;border:1px solid #1a1a1a;border-radius:0 0 3px 3px;box-shadow:0 0 10px #00000040;box-sizing:border-box;height:-moz-max-content;height:max-content;left:0;max-height:var(--max-height,200px);overflow-y:auto;position:absolute;top:100%;width:100%;z-index:500}.channels-selector .select-elements.top-pos{border-radius:3px 3px 0 0;bottom:100%;top:unset}.channels-selector .select-elements::-webkit-scrollbar{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#303030;border-radius:5px;width:10px}.channels-selector .select-elements::-webkit-scrollbar-thumb{background-color:#cd6e57;border-radius:5px;-webkit-transition:background-color .1s ease;transition:background-color .1s ease}.channels-selector .select-elements::-webkit-scrollbar-thumb:hover{background-color:#b45a44}.channels-selector .select-elements>.wrapper{margin:0;min-height:46px;padding-left:0}.channels-selector .select-elements .element{align-items:center;cursor:pointer;display:flex;font-weight:500;justify-content:space-between;min-height:46px;padding:0 14px 0 15px;position:relative}.channels-selector .select-elements .element.hidden{display:none}.channels-selector .select-elements .element[aria-selected=true]{background-color:#232529}.channels-selector .select-elements .element .error{margin-bottom:0!important}.channels-selector .select-elements .element[aria-disabled=true]{cursor:not-allowed}.channels-selector .select-elements .element .channel{align-items:center;display:flex;flex:1;overflow:hidden;white-space:nowrap}.channels-selector .select-elements .element .channel .channel-icon{margin-right:6px;min-width:20px}.channels-selector .select-elements .element .channel .channel-name{line-height:20px;overflow:hidden;text-overflow:ellipsis}.channels-selector .select-elements .element .channel-parent{align-items:center;display:flex;font-size:13px;margin-left:8px;opacity:.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channels-selector .select-elements .element .channel-parent.category{font-size:12px;font-weight:800;text-transform:uppercase}.channels-selector .element[aria-disabled=true] .error,.channels-selector.no-access>.tags .error{align-items:center;background-color:#7c2727;border-radius:100%;color:#fff;cursor:help;display:flex;font-size:14px;font-weight:600;height:20px;justify-content:center;position:relative;transition:background-color .3s ease;width:20px}.channels-selector .element[aria-disabled=true] .error:hover,.channels-selector.no-access>.tags .error:hover{background-color:#6b1c1c}.channels-selector[aria-expanded=true] .add svg{transform:rotate(45deg) scale(1.2)}.channels-selector[aria-expanded=true]>.select-element .down{transform:rotate(180deg)}.channels-selector .switch-button{background-color:transparent;border:0;border-radius:12px;cursor:pointer;display:flex;padding:0}