body{margin:0}.nav-bar{background:0 0;margin-bottom:5px}.action-item,.drop-down.btn,.drop-down.menu a,.nav-bar a{color:#fff;font-family:Play;font-size:18pt;font-style:normal;font-weight:600;line-height:normal;text-decoration:none;cursor:pointer}.action-item,.drop-down.btn:hover,.drop-down.menu a,.nav-bar a:hover{color:#f36ff5}#navBarUserBox{float:right}#navBarUserBox span.username{color:#fff}.nav-dynamic-menu{display:inline-block}.nav-dynamic-menu a,.nav-dynamic-menu span.drop-down.btn{margin-right:10px}.d-flex.hide,.hide,.hide-view,a.hide-layout-element,div.hide-layout-element{display:none!important}.exercise-done.hide{visibility:hidden!important;display:initial!important}.drop-down.menu{margin:0;padding:0;display:none;flex-flow:column;position:absolute;padding:24px;border-radius:4px;border:1px solid rgba(243,111,245,.5);background:#24172e;text-wrap:nowrap;gap:16px}.drop-down.menu a,.drop-down.menu span{color:#fff;font-family:Play,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;transition:all 150ms linear}.drop-down.menu a:hover,.drop-down.menu span:hover{color:#f36ff5}.drop-down i.bi-person-circle{font-size:24px}.drop-down.menu.show,.drop-down.modal.show{display:flex}.drop-down.modal{display:none;position:fixed;width:100%;height:100%;top:0;left:0;z-index:1001}input.unchecked-disappear[type=checkbox]:not(:checked){display:none}.buy-info{color:red;font-weight:800;margin-left:5px;font-size:8pt;position:absolute}span.live-workshop-icon{display:block;width:16px;height:16px;margin:2px;content:"";transform:rotate(-45deg) skewX(22.5deg) skewY(22.5deg)}span.task-completed-icon{background-color:green}span.task-first-blood-icon{background-color:gold}span.task-in-progress-icon{background-color:gray}[data-tooltip]:hover::after{display:block;position:absolute;content:attr(data-tooltip);border:1px solid #000;background:#56386d;padding:.25em}.right{float:right}li.active{background:#4c2f65}img.website-logo{height:auto;max-width:130px}.message-box{font-family:Play;font-style:normal;font-weight:400;line-height:normal;letter-spacing:1.6px;font-size:.875rem}.error-box,.message-box.login-error-box{min-height:32px;display:flex;align-items:end}.message-box.success{color:#6fff7d}.message-box.error,.message-box.failed{color:#ff006b}.message-box.warning{color:#ffc300}form.default-form textarea{background:#372048;border-color:#804aa9;color:#fff}.writeup-link-box{font-family:Play;text-decoration:underline;font-size:16pt}*{--scrollbar-color-thumb:#f36ff5;--scrollbar-color-track:#2b1a38;--scrollbar-width-legacy:12px}* ::-webkit-scrollbar-thumb{background:var(--scrollbar-color-thumb);border-radius:4px}* ::-webkit-scrollbar-track{background:var(--scrollbar-color-track)}* ::-webkit-scrollbar{max-width:var(--scrollbar-width-legacy);max-height:var(--scrollbar-width-legacy)}* ::-webkit-scrollbar-button:single-button{background-color:#2b1a38;display:block;background-size:var(--scrollbar-width-legacy);background-repeat:no-repeat}* ::-webkit-scrollbar-button:single-button:vertical:decrement{height:var(--scrollbar-width-legacy);width:var(--scrollbar-width-legacy);background-position:center 2px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(243, 111, 245)'><polygon points='50,00 0,50 100,50'/></svg>")}* ::-webkit-scrollbar-button:single-button:vertical:increment{height:var(--scrollbar-width-legacy);width:var(--scrollbar-width-legacy);background-position:center 4px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(243, 111, 245)'><polygon points='0,0 100,0 50,50'/></svg>")}select{padding:5px 5px;background:#56386d;color:#fff;border-radius:5px;cursor:pointer;border-color:#6c3f8fff}option:hover{cursor:pointer;background-color:red}ul.global-score-list span[name=nickname] a{text-wrap:nowrap}.common-list li{list-style:none}.common-list li:hover{cursor:pointer;background:#99379b}.inline-button{display:inline-block!important}img.achv-icon-img{width:40px!important;height:40px!important;margin:10px 0}.generic-content-wrap{border-radius:4px;border:1px solid rgba(243,111,245,.5);background:#24172e}.soft-hide{opacity:0}.short-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}li.empty a{margin-left:auto;margin-right:auto}
#cookie-bar,#cookie-settings-panel{position:fixed;bottom:0;width:100%;background-color:#442144;padding:15px;display:none;box-shadow:0 -6px 6px 0 rgba(0,0,0,.2);z-index:1000;opacity:0;transition:opacity .3s ease-in-out;max-height:90vh;overflow-y:auto}#cookie-bar.show,#cookie-settings-panel.show{display:block;opacity:1}
*{scrollbar-color:#f36ff5 #2b1a38}
.switch-button{width:60px;height:30px;border-radius:15px;position:relative;cursor:pointer;transition:background-color .3s}.switch-internal{width:26px;height:26px;border-radius:50%;background-color:#fff;position:absolute;top:2px;transition:left .3s}.switch-on-enabled{background-color:#198754}.switch-off-enabled{background-color:#dc3545}.switch-disabled{background-color:#b3b3b3;cursor:not-allowed}.switch-on .switch-internal{left:32px}.switch-off .switch-internal{left:2px}
.dialog-modal{position:fixed;top:0;width:100%;height:100%;z-index:1001}.dialog-bg{position:fixed;top:0;left:0;height:200%;width:100%;background:#000000ad;backdrop-filter:blur(3px)}.dialog-box{position:relative!important;top:20%;margin-left:auto!important;margin-right:auto!important;max-width:50%;z-index:1003}.dialog-box .dialog-title-box h3{display:contents}.dialog-modal .dialog-box .dialog-title-box{display:flex;flex-direction:row!important;margin-bottom:30px}
.message-wrapper{position:fixed;bottom:0;right:24px}.message-holder{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:12px 16px;font-size:12px;z-index:1010;border-radius:4px;background:#2b1a38;margin-bottom:24px}.error .message-holder{color:#ff006b;border-top:1px solid #ff006b;border-right:1px solid #ff006b;border-bottom:1px solid #ff006b;border-left:16px solid #ff006b}.success .message-holder{color:#6fff7d;border-top:1px solid #6fff7d;border-right:1px solid #6fff7d;border-bottom:1px solid #6fff7d;border-left:16px solid #6fff7d}.warning .message-holder{color:#ffc300;border-top:1px solid #ffc300;border-right:1px solid #ffc300;border-bottom:1px solid #ffc300;border-left:16px solid #ffc300}.info .message-holder{color:#d3d3d3;border-top:1px solid #d3d3d3;border-right:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;border-left:16px solid #d3d3d3}.message-holder .msg-box{font-family:Play;font-size:14pt;font-style:normal;font-weight:400;line-height:normal}.message-holder .close-btn{cursor:pointer;font-size:16px}