@import"https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500;700&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.0/css/all.min.css";h1[data-v-b6b22ce0]{margin-block:24vh 4vh;text-align:center;font-size:48px;color:var(--header-color)}.bouncing-load[data-v-b6b22ce0]{display:flex;justify-content:center;padding-bottom:400px}.bouncing-load span[data-v-b6b22ce0]{position:relative;width:4vh;height:4vh;margin-inline:1.25vh;border-radius:50%}.bouncing-load span.s1[data-v-b6b22ce0]{animation:bouncing-load-b6b22ce0 2s infinite;background:#827397}.bouncing-load span.s2[data-v-b6b22ce0]{animation:bouncing-load-b6b22ce0 2s 50ms infinite;background:#a184c9}.bouncing-load span.s3[data-v-b6b22ce0]{animation:bouncing-load-b6b22ce0 2s .1s infinite;background:#6f3cb8}@keyframes bouncing-load-b6b22ce0{0%{top:0}25%{top:40px}50%{top:0}75%{top:40px}to{top:0}}h1[data-v-f110d704]{margin-block:24vh 4vh;text-align:center;font-size:48px;color:var(--header-color)}.bouncing-load[data-v-f110d704]{display:flex;justify-content:center;padding-bottom:400px}.bouncing-load span[data-v-f110d704]{position:relative;width:4vh;height:4vh;margin-inline:1.25vh;border-radius:50%}.bouncing-load span.s1[data-v-f110d704]{animation:bouncing-load-f110d704 2s infinite;background:#827397}.bouncing-load span.s2[data-v-f110d704]{animation:bouncing-load-f110d704 2s 50ms infinite;background:#a184c9}.bouncing-load span.s3[data-v-f110d704]{animation:bouncing-load-f110d704 2s .1s infinite;background:#6f3cb8}@keyframes bouncing-load-f110d704{0%{top:0}25%{top:40px}50%{top:0}75%{top:40px}to{top:0}}h1[data-v-7226625c]{margin-block:24vh 4vh;text-align:center;font-size:48px;color:var(--header-color)}.bouncing-load[data-v-7226625c]{display:flex;justify-content:center;padding-bottom:400px}.bouncing-load span[data-v-7226625c]{position:relative;width:4vh;height:4vh;margin-inline:1.25vh;border-radius:50%}.bouncing-load span.s1[data-v-7226625c]{animation:bouncing-load-7226625c 2s infinite;background:#827397}.bouncing-load span.s2[data-v-7226625c]{animation:bouncing-load-7226625c 2s 50ms infinite;background:#a184c9}.bouncing-load span.s3[data-v-7226625c]{animation:bouncing-load-7226625c 2s .1s infinite;background:#6f3cb8}@keyframes bouncing-load-7226625c{0%{top:0}25%{top:40px}50%{top:0}75%{top:40px}to{top:0}}h1[data-v-0d25a08f]{margin-block:24vh 4vh;text-align:center;font-size:48px;color:var(--header-color)}.bouncing-load[data-v-0d25a08f]{display:flex;justify-content:center;padding-bottom:400px}.bouncing-load span[data-v-0d25a08f]{position:relative;width:4vh;height:4vh;margin-inline:1.25vh;border-radius:50%}.bouncing-load span.s1[data-v-0d25a08f]{animation:bouncing-load-0d25a08f 2s infinite;background:#827397}.bouncing-load span.s2[data-v-0d25a08f]{animation:bouncing-load-0d25a08f 2s 50ms infinite;background:#a184c9}.bouncing-load span.s3[data-v-0d25a08f]{animation:bouncing-load-0d25a08f 2s .1s infinite;background:#6f3cb8}@keyframes bouncing-load-0d25a08f{0%{top:0}25%{top:40px}50%{top:0}75%{top:40px}to{top:0}}h1[data-v-cfb3cb5a]{margin-block:24vh 4vh;text-align:center;font-size:48px;color:var(--header-color)}.bouncing-load[data-v-cfb3cb5a]{display:flex;justify-content:center;padding-bottom:400px}.bouncing-load span[data-v-cfb3cb5a]{position:relative;width:4vh;height:4vh;margin-inline:1.25vh;border-radius:50%}.bouncing-load span.s1[data-v-cfb3cb5a]{animation:bouncing-load-cfb3cb5a 2s infinite;background:#827397}.bouncing-load span.s2[data-v-cfb3cb5a]{animation:bouncing-load-cfb3cb5a 2s 50ms infinite;background:#a184c9}.bouncing-load span.s3[data-v-cfb3cb5a]{animation:bouncing-load-cfb3cb5a 2s .1s infinite;background:#6f3cb8}@keyframes bouncing-load-cfb3cb5a{0%{top:0}25%{top:40px}50%{top:0}75%{top:40px}to{top:0}}.action-table{--_primary: #313131;--_border-color: var(--light-grey);width:100%;max-height:65vh;position:relative;overflow:auto;border:1px solid #c7c7c7;border-radius:4px;box-shadow:0 1px 2px #0000001a;scrollbar-width:thin}.action-table>table{width:100%;border-collapse:separate;border-spacing:0}.action-table>table .checkbox-col{width:5vh;height:100%;padding:0}.action-table>table .checkbox-col input[type=checkbox]{transition:all .1s;appearance:none;position:relative;width:2.5vh;height:2.5vh;margin:0 auto;border:1px solid #ccc;display:block;border-radius:4px;background:#fff;cursor:pointer}.action-table>table .checkbox-col input[type=checkbox]:checked{border-color:#000;background:var(--_primary)}.action-table>table th,.action-table>table td{border-bottom:1px solid #ddd;padding:2vh 1.5vh;text-align:left;white-space:nowrap}:is(.action-table>table th,.action-table>table td):first-child{position:sticky;left:0;z-index:5;border-right:1px solid #ddd;padding:1vh;background:#f3f3f3}:is(.action-table>table th,.action-table>table td)>input{width:100%;height:100%;border:1px solid #ddd;border-radius:4px;outline:none;padding:1vh;background:#fff;font-size:1.6vh}.action-table>table th{position:sticky;top:0;z-index:10;padding-inline:1.5vh;background:#f3f3f3;font-weight:500;font-size:1.8vh;color:#111}.action-table>table th:first-child{z-index:15;background:#f3f3f3}.action-table>table th:not(.checkbox-col){cursor:pointer;-webkit-user-select:none;user-select:none}.action-table>table th .sort-icon{display:inline-block;width:1.8vh;height:1.8vh;margin-left:4px;position:relative;vertical-align:middle}.action-table>table th .sort-icon:before,.action-table>table th .sort-icon:after{content:"";position:absolute;left:50%;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;opacity:.3}.action-table>table th .sort-icon:before{top:2px;border-bottom:4px solid #666}.action-table>table th .sort-icon:after{bottom:2px;border-top:4px solid #666}.action-table>table th[data-sort=asc] .sort-icon:before{opacity:1}.action-table>table th[data-sort=desc] .sort-icon:after{opacity:1}.action-table>table tr:hover,.action-table>table tr:hover td:first-child{background:#f5f5f5}:is(.action-table>table tr:hover,.action-table>table tr:hover td:first-child) input{border-color:#c2c2c2}.action-table>table tr:has(input[type=checkbox]:checked){background:#e4e4e4}.action-table>table tr:has(input[type=checkbox]:checked) td{background:#e4e4e4}.action-table>table tr:has(input[type=checkbox]:checked) td input{border-color:#8b8b8b}#action-table-btns{--_primary: #313131;--_border-color: var(--light-grey);transition:transform .2s;position:fixed;z-index:101;bottom:0;left:50%;transform:translate(-50%,100%)}#action-table-btns.active{transform:translate(-50%)}#action-table-btns>.vessel{border:1px solid var(--_border-color);border-top-left-radius:5px;border-top-right-radius:5px;box-shadow:0 0 2px #000c;display:flex;justify-content:center;gap:2vh;padding:2vh 4vh;background:#eee}#action-table-btns>.vessel>button{transition:all .1s;border:1px solid var(--_border-color);border-radius:5px;box-shadow:0 1px 2px #0003;padding:1.5vh 2.5vh;background:#fff;font-weight:500;font-size:3vh;color:var(--_primary);cursor:pointer}#action-table-btns>.vessel>button:hover{transform:translateY(-3px);border-color:var(--_primary)}#action-table-btns>.vessel>button:active{transform:translateY(0)}.input{--_input-primary: var(--primary);--_border-color: var(--primary);--_input-padding: 1.3vh 1.1vh;--_input-bg: var(--content);--_input-focus-transform: -.9vh;--_input-focus-font-size: .85em;--_input-color: var(--header-color);position:relative;display:flex;font-size:1.7vh;color:var(--header-color)}.input .action{transition:all .1s;position:absolute;z-index:50;top:50%;right:0;transform:translateY(-50%);height:100%;border:1px solid var(--_input-color);border-radius:2px;display:flex;justify-content:center;align-items:center;padding:.5vh 1.5vh;background:var(--_input-bg);text-align:center;font-size:1.6vh;color:var(--_input-color);cursor:pointer}.input .action>i{transition:scale .1s;font-size:2vh}.input .action:hover i{scale:1.1}.input .info{position:absolute;z-index:50;top:-.25vh;right:-.25vh;width:2vh;height:2vh;border:1px solid var(--_border-color);border-radius:50%;background:var(--_input-bg);font-size:1.6vh;color:var(--_input-color);cursor:help}.input .info:hover>p{opacity:1;top:100%}.input .info>i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.input .info>p{transition:all .2s;opacity:0;position:absolute;top:80%;right:125%;transform:translateY(-50%);min-width:15vh;width:max-content;max-width:25vh;border:1px solid var(--_input-color);border-radius:3px;box-shadow:0 1px 4px #0003;background:var(--_input-bg);padding:.5vh .75vh;font-weight:500;pointer-events:none;-webkit-user-select:none;user-select:none}.input.search .si-items{transition:all .1s;opacity:0;overflow:hidden auto;display:none;position:absolute;z-index:50;top:100%;left:0;width:100%;max-height:16.6vh;border-left:1px solid #111;border-right:1px solid #111;border-bottom:1px solid #111;border-radius:0 0 4px 4px;box-shadow:0 2px 4px #0000007f;scrollbar-width:thin;scrollbar-color:var(--_input-primary) rgb(0 0 0 / 5%);background:var(--_input-bg)}.input.search .si-items .si-item{z-index:201;border-bottom:1px solid var(--_border-color);padding:1vh 1.25vh;background:var(--_input-bg);cursor:pointer}.input.search .si-items .si-item:hover{background:#eaeaea}.input.search .si-items .si-item.si-empty{background:#ffe1e1;cursor:not-allowed}.input.search .si-items .si-item.si-empty:hover{background:#ffe1e1}.input.search .si-default{display:none}.input label{transition:all .2s;position:absolute;top:0;left:.75vh;transform:translateY(1.3vh);border:1px solid transparent;border-radius:2px;padding-inline:.25vh;text-wrap:nowrap;font-size:inherit;color:var(--_input-color);pointer-events:none;-webkit-user-select:none;user-select:none}.input input,.input textarea{transition:border-color .1s;outline:none;width:100%;border:1px solid var(--_border-color);border-radius:2px;padding:var(--_input-padding);background:var(--_input-bg);font-size:inherit;color:inherit}:is(.input input,.input textarea)::placeholder{transition:color .1s;color:transparent}:is(.input input,.input textarea):focus{border-color:var(--primary-hover)}:is(.input input,.input textarea):focus+label{transform:translateY(var(--_input-focus-transform));background:var(--_input-bg);font-size:var(--_input-focus-font-size)}:is(.input input,.input textarea):focus::placeholder{color:#aaa}:is(.input input,.input textarea):not(:placeholder-shown)+label{transform:translateY(var(--_input-focus-transform));background:var(--_input-bg);font-size:var(--_input-focus-font-size)}:is(.input input,.input textarea):-webkit-autofill{background:inherit!important;color:inherit!important}:is(.input input,.input textarea):-webkit-autofill~label{transform:translateY(var(--_input-focus-transform));background:var(--_input-bg);font-size:var(--_input-focus-font-size)}:is(.input input,.input textarea):disabled{background:#f5f5f5;color:#1a1a1a;cursor:not-allowed}:is(.input input,.input textarea):disabled+label{background:#f5f5f5!important}.input select{width:100%;padding:var(--_input-padding);background:var(--_input-bg);border:1px solid var(--_border-color);border-radius:2px;font-size:inherit}.input select:focus{border-color:#111}.input select:valid+label{transform:translateY(var(--_input-focus-transform));background:var(--_input-bg);font-size:var(--_input-focus-font-size)}.input select option[value=""]{display:none}.input>i{transition:color .1s;position:absolute;top:50%;right:1.5vh;transform:translateY(-50%);font-size:2vh;cursor:pointer}.input>i:hover{color:#848484}.input .validate+label:after{content:" *";color:red}.input .invalid-input{animation:invalid-input .4s;background:#9c4444}.input .invalid-input:not(:placeholder-shown)+label{background:#9c4444}.input .invalid-input:focus+label{background:#9c4444}.input.dark label{color:var(--dark-grey)}.input.dark input,.input.dark textarea,.input.dark select{border-color:var(--dark-grey);color:var(--dark-grey)}:is(.input.dark input,.input.dark textarea,.input.dark select):focus{border-color:var(--blue)}:is(.input.dark input,.input.dark textarea,.input.dark select):not(:placeholder-shown)+label{background:var(--background-grey);color:var(--dark-grey)}:is(.input.dark input,.input.dark textarea,.input.dark select):focus+label{background:var(--background-grey);color:var(--dark-grey)}:is(.input.dark input,.input.dark textarea,.input.dark select):-webkit-autofill~label{background:var(--background-grey);color:var(--dark-grey)}@keyframes invalid-input{0%{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-6px)}to{transform:translate(0)}}.switch{--_input-primary: var(--primary);--_border-color: var(--light-grey);--_input-padding: 1.3vh 1.1vh;--_input-bg: #fff;--_input-focus-transform: -.9vh;--_input-focus-font-size: .85em;--_input-color: var(--dark-grey);width:fit-content;height:fit-content;position:relative;border:1px solid var(--_border-color);border-radius:4px;display:flex;align-items:center;gap:1.5vh;padding:1.1vh;background:var(--_input-bg)}.switch>i{font-size:2vh;color:var(--_input-color)}.switch>.toggle{min-width:5vh;height:2.4vh;position:relative;display:inline-block}.switch>.toggle>input{opacity:0;width:100%;height:100%}.switch>.toggle>input:checked+.slider{border-color:transparent;background:#858585}.switch>.toggle>input:checked+.slider:before{transform:translate(2.6vh)}.switch>.toggle>.slider{transition:.3s;position:absolute;inset:0;border:1px solid transparent;border-radius:3.4vh;background:#ccc;-webkit-user-select:none;user-select:none;cursor:pointer}.switch>.toggle>.slider:before{transition:.3s;width:1.4vh;height:1.4vh;position:absolute;content:"";left:.4vh;bottom:.4vh;border-radius:50%;background:var(--_input-bg)}span.hint{--_primary: var(--primary);--_hover-x-offset: 6vh;--_hover-y-offset: 4vh;--_border-color: var(--primary);transition:.1s;opacity:0;position:absolute;z-index:100;top:calc(var(--_hover-y-offset) * -1);left:50%;transform:translate(-50%);border:1px solid var(--_border-color);border-radius:.8vh;box-shadow:0 0 2px #0000007f;padding:.5vh 1vh;background:var(--content);white-space:nowrap;font-weight:400;font-size:1.7vh;color:#fff;pointer-events:none;-webkit-user-select:none;user-select:none}span.hint.bottom{top:calc(var(--_hover-y-offset) * 1.5)}span.hint.left{top:50%;transform:translateY(-50%);left:unset;right:var(--_hover-x-offset)}span.hint.right{top:50%;transform:translateY(-50%);left:var(--_hover-x-offset)}span.hint.error-alert{opacity:1;display:flex;justify-content:center;align-items:center;gap:1vh;background:#ffe1e1;color:#111}span.hint.error-alert:before{animation:hint-bounce 1s infinite;content:"!";display:inline-block;width:2vh;height:2vh;border-radius:50%;background:#ff646433;text-align:center;line-height:2vh;font-weight:700;color:#c33}@keyframes hint-bounce{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}*:hover>span.hint{opacity:1}#loading-vessel{--_primary: var(--dark-grey);transition:all .1s ease-in;opacity:0;position:fixed;z-index:1010;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#3232327f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-user-select:none;user-select:none;pointer-events:none}#loading-vessel.show{opacity:1;pointer-events:all}#loading-vessel>.vessel{border-radius:.8vh;box-shadow:0 0 4px #0003;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2.5vh;padding:5vh 6vh;background:#ffffffd9}#loading-vessel>.vessel>#loading-icon{animation:load-spin 1s linear infinite;width:10vh;height:10vh;border:1vh solid var(--_primary);border-top:1vh solid transparent;border-radius:50%}#loading-vessel>.vessel>p{border-radius:.5vh;padding:1vh 2vh;font-weight:500;font-size:3vh;text-shadow:1px 1px 2px rgb(195 0 255 / 10%);color:#181818}#loading-vessel.basic-look{transition:all .1s ease-in;align-items:end;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}#loading-vessel.basic-look>.vessel{margin-right:4vh;border:2px solid var(--_primary);padding:2vh;background:#fff}#loading-vessel.basic-look>.vessel>#loading-icon{width:4vh;height:4vh;border:.6vh solid var(--_primary);border-top:.6vh solid transparent}#loading-vessel.basic-look>.vessel>p{display:none}@keyframes load-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#loading-informed{--_primary: #2e2e2e;--_cs-width: clamp(44vh, 80%, 124vh);--_border-color: var(--light-grey);--_success-color: #2ecc71;--_warning-color: #f1c40f;--_cs-color: var(--dark-grey);transition:opacity .2s ease-in-out;opacity:0;overflow-y:hidden;position:fixed;top:0;z-index:2000;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4vh;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#f1f1f1de;color:#111;pointer-events:none;-webkit-user-select:none;user-select:none}#loading-informed.active{opacity:1;pointer-events:all;-webkit-user-select:auto;user-select:auto}#loading-informed>.status{width:var(--_cs-width);display:flex;gap:3vh;animation:cs-slide-in .6s forwards}#loading-informed>.status>span{width:100%;border:1px solid var(--_border-color);border-radius:.8vh;box-shadow:0 1px 2px #0003;display:flex;align-items:center;gap:2.5vh;padding:2vh 4vh 2vh 3vh;background:#fff;font-size:2.8vh}#loading-informed>.status>span>i{width:3vh;height:3vh;display:flex;justify-content:center;align-items:center;font-size:3.5vh;color:var(--_primary)}#loading-informed>.status>span>i.fa-hammer{transform:rotate(-45deg);animation:cs-rotate-hammer 1s infinite}#loading-informed>.status>span>i.fa-check-circle{color:var(--_success-color)}#loading-informed>.status>span>i.fa-triangle-exclamation{color:var(--_warning-color)}#loading-informed>.status>span>p{width:100%;height:100%;position:relative;overflow:hidden}#loading-informed>.status>span>p>span{animation:cs-new-msg .5s forwards;position:absolute;top:50%;transform:translateY(-50%);text-wrap:nowrap;font-weight:500;color:var(--_cs-color)}#loading-informed>.status>span>p>span.old-msg{animation:cs-old-msg .5s forwards}#loading-informed>.status>span>.loading-circle{width:3vh;height:3vh;border:.6vh solid #c2c2c2;border-top-color:var(--_primary);border-radius:50%;animation:cs-spin 1.25s linear infinite}#loading-informed>.progress{width:var(--_cs-width);height:2vh;overflow:hidden;border:1px solid var(--_border-color);border-radius:.8vh;box-shadow:0 1px 2px #0003;padding:.4vh;background:#fff;animation:cs-slide-in .6s forwards}#loading-informed>.progress>.progress-bar{transition:all .3s;width:0;height:100%;border-radius:.8vh;background:var(--_primary)}#loading-informed>.progress>.progress-bar[style*="width: 100%"]{background:var(--_success-color)}@keyframes cs-slide-in{0%{transform:translate(20vh)}to{transform:translateY(0)}}@keyframes cs-rotate-hammer{0%{transform:rotate(-45deg)}15%{transform:rotate(65deg)}to{transform:rotate(-45deg)}}@keyframes cs-new-msg{0%{transform:translateY(-200%)}to{transform:translateY(-50%)}}@keyframes cs-old-msg{0%{transform:translateY(-50%)}to{transform:translateY(200%)}}#notify-vessel{--_success: var(--success);--_error: var(--error);pointer-events:none;position:fixed;z-index:1101;top:9vh;width:100%;display:flex;flex-direction:column-reverse;align-items:center;gap:.5vh}#notify-vessel .notification{animation:notify-send 10s ease-out;pointer-events:auto;width:fit-content;display:flex;align-items:center;justify-content:center;gap:3vh;border:1px solid #111;border-radius:3px;box-shadow:0 0 4px #0003;padding:1.5vh 2.5vh;background:#fafafa;font-weight:300;font-size:2vh;color:#000}#notify-vessel .notification.notify-success{border-color:var(--_success);background:#e1ffe1}#notify-vessel .notification.notify-success>i{color:var(--_success)}#notify-vessel .notification.notify-error{border-color:var(--_error);background:#ffe1e1}#notify-vessel .notification.notify-error>i{color:var(--_error)}#notify-vessel .notification>i{opacity:.8;display:flex;align-items:center;justify-content:center}#notify-vessel .notification>span{position:relative;display:flex;align-items:center;justify-content:center;color:#000;cursor:pointer}#notify-vessel .notification>span>i{transition:.1s;opacity:1}#notify-vessel .notification>span>i:hover{opacity:.75}@keyframes notify-send{0%{opacity:0;transform:translateY(-20px) scale(.8)}2%,98%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0}}#modal-confirmation{--_primary: #f3f3f3;--_border-color: var(--light-grey, #d8d8d8);--_color: var(--dark-grey, #5a5a5a)}#modal-confirmation.popup{transition:opacity .2s ease;opacity:0;position:fixed;top:0;left:0;z-index:1100;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#0000007f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#modal-confirmation.popup.visible{opacity:1}#modal-confirmation.popup.visible>.modal-container{transform:translateY(0);opacity:1}#modal-confirmation.popup>.modal-container{transition:transform .3s ease,opacity .3s ease;opacity:0;transform:translateY(-20px);width:clamp(28vh,90%,50vh);border:1px solid var(--_border-color);border-radius:.5vh;box-shadow:0 5px 15px #0003;background:#fdfdfd}#modal-confirmation.popup>.modal-container>.modal-header{border-bottom:1px solid var(--_border-color);display:flex;justify-content:space-between;align-items:center;padding:1.5vh 2vh}#modal-confirmation.popup>.modal-container>.modal-header>.modal-title{margin:0;font-weight:500;font-size:2.2vh;color:var(--_color)}#modal-confirmation.popup>.modal-container>.modal-header>.modal-close{transition:background .15s;width:3vh;height:3vh;border:none;border-radius:50%;display:flex;justify-content:center;align-items:center;background:none;font-size:2vh;color:var(--_color);cursor:pointer}#modal-confirmation.popup>.modal-container>.modal-header>.modal-close:hover{background:#f1f1f1}#modal-confirmation.popup>.modal-container>.modal-body{padding:3vh 2vh}#modal-confirmation.popup>.modal-container>.modal-body>.modal-message{margin:0;font-size:1.8vh;color:#333}#modal-confirmation.popup>.modal-container>.modal-body>div{display:flex;flex-direction:column;gap:1vh}#modal-confirmation.popup>.modal-container>.modal-footer{border-top:1px solid var(--_border-color);display:flex;justify-content:flex-end;gap:1vh;padding:1.5vh 2vh}#modal-confirmation.popup>.modal-container>.modal-footer>.modal-btn{transition:all .15s;border:1px solid var(--_border-color);border-radius:.5vh;padding:1.2vh 2.5vh;background:#fcfcfc;font-weight:500;font-size:1.7vh;color:var(--_color);cursor:pointer}#modal-confirmation.popup>.modal-container>.modal-footer>.modal-btn:hover{background:#f1f1f1}#modal-confirmation.popup>.modal-container>.modal-footer>.modal-yes{border-color:#cacaca;color:#363636}#modal-confirmation.popup>.modal-container>.modal-footer>.modal-yes:hover{transform:translateY(-2px);box-shadow:0 2px 5px #0000001a}#modal-confirmation.popup>.modal-container>.modal-footer>.modal-yes:active{transform:translateY(0)}:root{--nav-weight: 700;--btn-weight: 700;--h1-weight: 700;--h2-weight: 600;--text-weight: 500;--header-color: #fefefe;--body-color: #efefef;--soft-title: #ccc;--background: #202029;--content: #33333e;--notify-bg: #161616;--footer: #1a2f78;--primary: #8f7eff;--primary-hover: #8538e4;--blue: #6eb5ff;--success: #44e344;--error: #e50d38;--dark-grey: #252525}*{margin:0;padding:0;box-sizing:border-box;font-family:Fira Mono,monospace}html{scroll-behavior:smooth}body{overflow-x:hidden;background:var(--background);color:var(--body-color)}nav{transition:all .1s;position:sticky;z-index:5;top:0;width:100%;background:var(--background)}nav>.progress{width:100%;height:1px}nav>.progress>.bar{width:0;height:100%;background:var(--primary)}nav>.vessel{transition:all .1s;border-bottom:1px solid #414141;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:1vh 10%}nav>.vessel>.left-items{display:flex;align-items:center;justify-content:center;gap:3vh}nav>.vessel>.left-items>.nav-img{position:relative;display:flex;align-items:center;justify-content:center}nav>.vessel>.left-items>.nav-img>img{transition:rotate .3s ease-in-out,box-shadow .15s;height:5vh;border:1px solid transparent;border-radius:5px}nav>.vessel>.left-items>.nav-img>img:hover{rotate:180deg;box-shadow:0 0 4px #ffffff1a}nav>.vessel>.right-items{display:flex;align-items:center;justify-content:center;gap:3vh}footer{display:flex;flex-direction:column;align-items:center;gap:3vh;background:var(--footer);padding-bottom:15vh;color:var(--header-color)}footer.dark-top{position:relative}footer.dark-top:before{content:"";pointer-events:none;position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(to bottom,var(--background) 0,rgba(90,206,255,0) 25%);z-index:0}footer>img{width:100%}footer>.links{display:flex;flex-wrap:wrap;gap:7vh;margin-bottom:2vh;padding-inline:10vh;font-size:1.9vh}footer>.links .block{display:flex;flex-direction:column}footer>.links .block h3{margin-bottom:1vh;font-weight:var(--h1-weight);font-size:2.5vh}footer>.links .block .link{transition:.15s;width:fit-content;color:var(--body-color)}footer>.links .block .link:hover{color:var(--primary)}footer>.icons{border-radius:.4vh;display:flex;justify-content:center;padding:.8vh 1vh .5vh;text-align:center}footer>.icons>a{transition:color .2s;position:relative;text-decoration:none;color:var(--primary);cursor:pointer}footer>.icons>a:hover{color:var(--primary-hover)}footer>.icons>a>img{width:6vh;height:6vh;margin-inline:.7vh;border-style:solid;border-radius:50%}footer>.copy-right{font-size:1.5vh}.placeholder{transition:all .2s;opacity:0;transform:translateY(10%)}.placeholder.show{opacity:1;transform:translateY(0)}#up-btn{transition:background .2s;animation:show-up-btn .4s forwards;display:none;position:fixed;z-index:100;bottom:3vh;right:3vh;width:5vh;height:5vh;border:1px solid #353535;border-radius:50%;box-shadow:0 0 4px #0006;background:var(--primary);font-size:2vh;color:var(--header-color);cursor:pointer}#up-btn:hover{background:var(--primary-hover)}#up-btn:hover>i{transform:translate(-50%,-60%)}#up-btn>i{transition:transform .1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes show-up-btn{0%{transform:translateY(200%);opacity:0}to{transform:translateY(0);opacity:1}}header:not(#home-header){padding-top:10vh;background-image:url(/img/bg/mountains.png);background-size:cover;background-position:top center}header:not(#home-header).about{background-image:url(/img/bg/mario.webp);background-position:center center}header:not(#home-header) h1{width:fit-content;min-width:40vh;margin-inline:auto;padding:3vh 5vh;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:1px solid #242424;background:var(--background);text-align:center;font-weight:var(--h1-weight);font-size:5vh;color:var(--header-color)}#home-header{position:relative;height:55vh;display:flex;flex-direction:column;justify-content:center;padding-left:10%;background:linear-gradient(135deg,#8e00d0,#6500d0,#6500d0)}#home-header h1{position:relative;z-index:2;font-weight:var(--h1-weight);font-size:8vh;line-height:1.1;color:var(--header-color)}#home-header h2{position:relative;z-index:2;margin-top:3vh;font-weight:var(--h2-weight);font-size:2.5vh;color:var(--header-color)}#home-header .buttons{position:relative;z-index:2;display:flex;gap:3vh;margin-top:3vh}#home-header>img{position:absolute;right:0;bottom:0;height:100%}.btn{transition:all .15s;border:1px solid var(--primary);border-radius:4px;padding:1vh 3vh;background:var(--primary);text-align:center;text-decoration:none;font-weight:var(--btn-weight);font-size:1.8vh;color:var(--header-color);cursor:pointer;-webkit-user-select:none;user-select:none}.btn:hover{background:var(--primary-hover)}.btn.nav{border-color:#303030;padding:1vh 2vh;background:transparent;font-weight:var(--nav-weight)}.btn.nav:hover{border-color:#aeaeae70;color:#cbcbcb}.btn.transparent{border-color:var(--header-color);background:#ffffff0e}.btn.transparent:hover{background:#00000020}.link{transition:color .2s;position:relative;text-decoration:none;color:var(--primary);cursor:pointer}.link:before{transition:visibility .2s,transform .2s;position:absolute;content:"";width:100%;height:2px;bottom:1px;left:0;visibility:hidden;transform:scaleX(0);background:var(--primary-hover)}.link:hover:before{visibility:visible;transform:scaleX(1)}.link:hover{color:var(--primary)}.banner{background-size:cover;background-position:center center}.banner.discord{background-image:url(/img/bg/landscape.webp)}.banner.pebblehost{background-image:url(/img/bg/landscape.webp)}.banner .container{transition:background .3s ease-in-out;padding:2% 12%;background:#0f0f0f9a;box-shadow:0 4px 8px #0000001a;color:var(--header-color)}.banner .container h2{width:fit-content;padding:.5vh 1vh;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;background:#1d1d1ded;font-weight:var(--h2-weight);font-size:4vh}.banner .container h3{width:fit-content;margin-bottom:1vh;padding:.5vh 1vh;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background:#1d1d1ded;font-size:2.8vh}.banner .container a img{height:10vh}.grecaptcha-badge{display:none}.showcase{display:flex;flex-wrap:wrap;justify-content:center;gap:2vh}.showcase .block{width:40vh;border-radius:5px;padding:3vh;background:var(--content);text-align:center}.showcase .block .img-border{transition:all .3s ease-in-out;width:25vh;height:25vh;border:4px solid transparent;border-radius:20px;box-shadow:0 0 10px #0000004d}.showcase .block .img-border:hover{transform:scale(1.05);border-color:#fff;box-shadow:0 0 20px #0000007f}.showcase .block>a img{max-width:100%;height:auto}.showcase .block>h4{margin-top:2.5vh;font-size:3vh;color:var(--header-color)}.showcase .block>p{margin-top:1vh;font-size:2.2vh;color:var(--body-color)}#home>#minigames{display:flex;justify-content:center;gap:12vh;padding-block:10vh;color:var(--header-color)}#home>#minigames .left,#home>#minigames .right{position:relative;width:30vh;height:58vh}#home>#minigames .text{display:flex;flex-direction:column;justify-content:center;align-items:center}#home>#minigames .text h2{margin-bottom:1vh;font-weight:var(--h2-weight);font-size:7vh}#home>#minigames .text h3{margin-bottom:2vh;text-align:center;font-size:2.4vh}#home>#minigames .text .btn{width:fit-content}#home>#minigames .minigame{position:absolute;width:20vh;height:20vh;border-radius:5px;box-shadow:0 4px 8px #0000004d;padding:2vh;background:#33333e}#home>#minigames .minigame:first-child{z-index:3;top:0;left:0}#home>#minigames .minigame:nth-child(2){z-index:2;top:50%;right:0;transform:translateY(-50%)}#home>#minigames .minigame:last-child{z-index:1;bottom:0;left:10%}#home>#minigames .minigame img{width:100%;height:100%;border-radius:inherit}#home>#pathways{display:flex;flex-wrap:wrap;color:var(--header-color)}#home>#pathways .left{width:50%;padding:8%;background-image:url(/img/bg/games.webp);background-size:cover;background-position:center center}#home>#pathways .right{width:50%;padding:8%;background-image:url(/img/bg/about.webp);background-size:cover;background-position:center center}#home>#pathways h2{margin-bottom:1vh;font-weight:var(--h2-weight);font-size:7vh}#home>#pathways p{margin-bottom:3vh;font-size:2.2vh}#games>#core-games{padding:8vh 0 10vh}#games>#core-games h2{text-align:center;font-weight:var(--h2-weight);font-size:4vh;color:var(--blue)}#games>#core-games h3{margin-bottom:5vh;text-align:center;font-size:2.5vh;color:var(--body-color)}#games>#minigames{padding:8vh 0 14vh}#games>#minigames h2{text-align:center;font-weight:var(--h2-weight);font-size:4vh;color:var(--blue)}#games>#minigames h3{margin-bottom:5vh;text-align:center;font-size:2.5vh;color:var(--body-color)}#games>#minigames .vessel{max-width:80%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:2vh}#games>#minigames .vessel a{position:relative}#games>#minigames .vessel a:hover .hidden{transition:all .2s ease-in-out;opacity:.96;transform:scale(1.05)}#games>#minigames .vessel a .minigame,#games>#minigames .vessel a .hidden{transition:all .2s ease-in-out;opacity:.95;width:25vh;height:25vh;text-align:center;background:var(--content);border-radius:.5vh}:is(#games>#minigames .vessel a .minigame,#games>#minigames .vessel a .hidden) img{width:100%;height:100%;border-radius:inherit}#games>#minigames .vessel a .minigame{padding:2vh}#games>#minigames .vessel a .minigame:hover{opacity:1;transform:scale(1.01);background:#313131}#games>#minigames .vessel a .minigame h4{margin:.5vh 0;font-size:3.5vh;color:var(--header-color)}#games>#minigames .vessel a .hidden{transition:all .2s ease-in-out;position:absolute;opacity:0;top:0;left:0;z-index:2}#games>#minigames .vessel a .hidden i{margin-top:4vh;font-size:5vh;color:var(--header-color)}#games>#minigames .vessel a .hidden h4{margin-top:2vh;font-size:2.8vh;color:var(--header-color)}#team{padding:8vh 0 10vh}#team h2{text-align:center;font-weight:var(--h2-weight);font-size:4vh;color:var(--blue)}#team h3{margin-bottom:5vh;text-align:center;font-size:2.5vh;color:var(--body-color)}#about{padding-block:8vh}#about .block{width:65vh;margin-inline:auto;padding:4vh 5vh;background:var(--content);color:var(--body-color)}#about .block h2{margin-bottom:.5vh;font-weight:var(--h2-weight);font-size:3vh;color:var(--blue)}#about .block p{margin-bottom:3vh;font-size:2vh}#contact{min-height:70vh;display:flex;align-items:center}#contact form{width:55vh;height:fit-content;margin-inline:auto;padding:5vh;background:var(--content);text-align:center}#contact form .input:first-child{margin-top:0}#contact form .input{width:100%}#contact form textarea{max-width:100%;min-width:100%;max-height:45vh;min-height:15vh}#contact form .btn{margin-top:2.5vh;width:100%}#login{min-height:90vh;display:flex;justify-content:center;align-items:center;color:#fff}#login form{width:40vh;border-radius:.5vh;display:flex;flex-direction:column;gap:2vh;padding:3vh 5vh;background:var(--content);text-align:center}#login form h1{font-weight:var(--h1-weight);font-size:3vh}#login form .input,#login form .btn{width:100%}#profile{display:flex;flex-direction:column;align-items:center;gap:4vh;padding-block:6vh;color:var(--body-color)}#profile>section{width:clamp(40vh,95%,55vh);border-radius:3px;display:flex;flex-direction:column;gap:2vh;padding:3vh;background:var(--content);font-size:2vh}#profile>section>h2{font-weight:var(--h2-weight);color:var(--blue)}#profile>section>.details{display:flex;flex-direction:column;gap:1vh}#profile>section>.details>div{transition:background .1s;display:flex;justify-content:space-between;gap:2vh}#profile>section>.details>div>p{flex:.85;color:var(--soft-title)}#profile>section>.details>div>.placeholder{flex:1.15}#profile>section>.sessions{display:flex;flex-direction:column;gap:2vh}#profile>section>.sessions>.session>.agent{font-size:2.4vh}#profile>section>.sessions>.session>.location-time{font-size:1.4vh}#profile>#change-password{width:45vh;border-radius:3px;padding:3vh;background:var(--content);font-size:2vh}#profile>#change-password .btn{width:100%;margin-top:2.5vh}#profile>a{font-size:3vh}#logout{width:100%;height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center}#logout h1{font-weight:var(--h1-weight);font-size:4.5vh;color:var(--body-color)}#expired-session{width:100%;height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center}#expired-session h1{font-weight:var(--h1-weight);font-size:4.5vh;color:var(--body-color)}#expired-session p{margin-top:1vh;font-size:3vh;color:var(--body-color)}@media screen and (orientation:portrait){nav{position:fixed;top:unset;bottom:0}nav .vessel{padding:1vh 2%}nav .vessel .nav-link{padding:.5vh 1vh;font-size:1.8vh}nav .vessel .left-items>.nav-img>img{height:4vh}nav .vessel .right-items .btn{display:none}#home-header{height:65vh;padding-left:5%}#home-header h1{font-size:5.5vh}#home-header>img{opacity:.15}#up-btn{bottom:8vh;right:1vh}.banner .container{padding:2% 6%}.banner .container h2{font-size:3vh}#home #minigames .left,#home #minigames .right{display:none}#home #minigames .text h2{font-size:5.5vh}#home #pathways .left,#home #pathways .right{width:100%;height:35vh}#home #pathways h2{font-size:5.5vh}#about{padding:1.5vh 0}#about .block{width:95%}#contact form{width:100%}}