.roles-selector{background:#2b2f33;border:1px solid #1a1a1a;border-radius:3px;box-sizing:border-box;color:#fff;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%}.roles-selector.error,.roles-selector.no-access{border-color:#f04747!important}.roles-selector .chip{border:1px solid var(--role-color);border-radius:22px;font-size:12px;font-weight:600;height:22px;padding:4px;text-overflow:ellipsis}.roles-selector .chip,.roles-selector .chip button{align-items:center;display:flex;justify-content:center}.roles-selector .chip button{background-color:var(--role-color);border:none;border-radius:50%;cursor:pointer;font-weight:300;height:12px;outline-offset:2px;padding:0;width:12px}@media screen and (width > 1200px){.roles-selector .chip button .close-icon{display:none}}.roles-selector .chip span{color:#abafb5cc;font-weight:200;line-height:1;margin-left:5px;margin-right:5px}.roles-selector .chip button:focus .close-icon,.roles-selector .chip:hover .close-icon{display:block}.roles-selector .error{display:none}.roles-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}.roles-selector .add svg{transition:all .3s}.roles-selector>.select-element{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:8px}.roles-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}.roles-selector>.select-element .hidden-search{height:0;overflow:hidden;position:absolute;white-space:pre}.roles-selector>.select-element.prefixed:before{align-items:center;content:"@";display:flex;height:20px;justify-content:flex-end;margin-right:1px}.roles-selector.multiple .search{flex:none}.roles-selector .tags{align-items:center;display:flex;gap:8px;margin-left:8px}.roles-selector .tags .remove{cursor:pointer;font-size:16px}.roles-selector .tags .down{cursor:pointer;font-size:24px}.roles-selector:not(.multiple) .search{margin-left:0}.roles-selector:not(.multiple) .search::-moz-placeholder{color:#fff}.roles-selector:not(.multiple) .search::placeholder{color:#fff}.roles-selector:not(.multiple) .search:focus::-moz-placeholder{color:#757575}.roles-selector:not(.multiple) .search:focus::placeholder{color:#757575}.roles-selector[aria-disabled=true],.roles-selector[aria-disabled=true] .down{cursor:default}.roles-selector[aria-disabled=true] .down path{fill:#757575}.roles-selector[aria-disabled=true] .search::-moz-placeholder{color:#757575}.roles-selector[aria-disabled=true] .search::placeholder{color:#757575}.roles-selector img{position:absolute;right:16px}.roles-selector[aria-expanded=true] img{transform:rotate(180deg)}.roles-selector:hover{border:1px solid #000}.roles-selector .waiter{background-color:#2b2f33;border-bottom:1px solid #1a1a1a!important;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:501}.roles-selector .waiter .waiter-role{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}.roles-selector .waiter .waiter-role .name{align-items:center;display:flex;flex:1;height:32px;justify-content:space-between;padding-right:8px}.roles-selector .waiter .waiter-role .controls{display:flex;gap:10px}.roles-selector .waiter .waiter-role .controls .input-waiter{background-color:transparent;border:1px solid hsla(0,0%,100%,.3);border-radius:3px;color:#fff;flex:1;font-size:14px;font-weight:500;height:32px;min-height:38px;outline:0;padding:2px 8px}.roles-selector .waiter .waiter-role .controls .buttons{display:flex;gap:10px}@media screen and (width <= 960px),screen and (width >= 1200px) and (width <= 1340px),screen and (width >= 1500px) and (width <= 1740px){.roles-selector .waiter .waiter-role{padding:16px}.roles-selector .waiter .waiter-role .name{height:auto;margin:8px 0 16px}.roles-selector .waiter .waiter-role .controls{flex-direction:column;width:100%}.roles-selector .waiter .waiter-role .controls .input-waiter{width:100%}.roles-selector .waiter .waiter-role .controls .buttons{justify-content:flex-end;margin-left:0}.roles-selector .waiter .waiter-role .controls .buttons .button{height:-moz-fit-content;height:fit-content;min-height:38px;min-width:96px;padding:2px 16px}}.roles-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}.roles-selector .select-elements.top-pos{border-radius:3px 3px 0 0;bottom:100%;top:unset}.roles-selector .select-elements::-webkit-scrollbar{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#303030;border-radius:5px;width:10px}.roles-selector .select-elements::-webkit-scrollbar-thumb{background-color:#cd6e57;border-radius:5px;-webkit-transition:background-color .1s ease;transition:background-color .1s ease}.roles-selector .select-elements::-webkit-scrollbar-thumb:hover{background-color:#b45a44}.roles-selector .select-elements>.wrapper{margin:0;min-height:46px;padding-left:0}.roles-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}.roles-selector .select-elements .element.hidden{display:none}.roles-selector .select-elements .element[aria-selected=true]{background-color:#232529}.roles-selector .select-elements .element .error{margin-bottom:0!important}.roles-selector .select-elements .element[aria-disabled=true]{cursor:not-allowed}.roles-selector .select-elements .element .role{align-items:center;display:flex;flex:1;overflow:hidden;white-space:nowrap}.roles-selector.custom-action{background-color:#36393f;border:none!important;border-radius:23px;margin:0;min-height:auto;padding:8px}.roles-selector.custom-action .select-elements,.roles-selector.custom-action .waiter{border-bottom:none;box-shadow:none;left:20px;top:100%;width:calc(100% - 40px)}.roles-selector.custom-action .chip{margin:0 8px 0 0}.roles-selector.custom-action .add{margin:0}.roles-selector.custom-action .search{margin-bottom:0!important}.roles-selector .element[aria-disabled=true] .error,.roles-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}.roles-selector .element[aria-disabled=true] .error:hover,.roles-selector.no-access>.tags .error:hover{background-color:#6b1c1c}.roles-selector[aria-expanded=true] .add svg{transform:rotate(45deg) scale(1.2)}.roles-selector[aria-expanded=true]>.select-element .down{transform:rotate(180deg)}.roles-selector .switch-button{background-color:transparent;border:0;border-radius:12px;cursor:pointer;display:flex;padding:0}