:root{--menu-nav-width: min(20ch, 20vw);--settings-nav-width: min(250px, 30vw);--page-background-color: #f6f7fb;--page-text-color: #04082f;--page-text-secondary: #515151;--page-divider-color: #ababc7;--scrollbar-thumb: #c1c1c1;--scrollbar-track: #f1f1f1;--navigation-background: #15161e;--navigation-text-color: #eaecfc;--navigation-text-color-secondary: #c6c8d4;--navigation-seperation-color: #504f69;--navigation-seperation-color-light: #555c69;--navigation-hover-background: #000000;--navigation-background-secondary: #242533;--navigation-input-text-background: #e9e9f3;--navigation-input-text-color: #15161e;--navigation-primary-button-bg: #eceeff;--navigation-primary-button-text-color: #1f212b;--primary-button-bg: #15161e;--primary-button-text-color: #f6f7fb;--form-input-background: #ffffff;--primary-button-hover-bg: #131c45;--accent-background: var(--primary-button-bg);--accent-text-color: var(--primary-button-text-color);--border-color-100: #d6dfed;--border-color-300: #959ec2;--tag-unselected-background: #e9eaef;--tag-selected-background: #01466d;--event-img-holder-bg: #e4e5ec;--event-img-holder-color: #8a8a8a;--warning-background: #dd2828;--warning-button-bg: #ffe2e2;--warning-button-color: #892323;--modal-width: fit-content;--border-radius-xs: 2px;--border-radius-s: 5px;--border-radius-m: 10px;--border-radius-l: 50px;--border-radius-rounded: 50%;--spacing-3xs: .2em;--spacing-2xs: .3em;--spacing-xs: .5em;--spacing-s: .8em;--spacing-m: 1em;--spacing-l: 1.5em;--spacing-xl: 1.8em;--spacing-2xl: 2em;--font-size-2xs: clamp(.65rem, .7rem + .5vw, .75rem);--font-size-xs: clamp(.75rem, .8rem + .5vw, .85rem);--font-size-s: clamp(.85rem, .75rem + .5vw, .95rem);--font-size-m: clamp(.9rem, .8rem + .5vw, 1rem);--font-size-l: clamp(1rem, .9rem + .5vw, 1.1rem);--font-size-xl: clamp(1rem, .8rem + .5vw, 1.2rem);--font-size-2xl: clamp(1.2rem, 1.1rem + .5vw, 1.5rem);--font-size-3xl: clamp(1.4rem, 1.4rem + .5vw, 2rem);--font-weight-200: 200;--font-weight-300: 300;--font-weight-400: 400;--font-weight-500: 500;--font-weight-600: 600;--font-weight-700: 700;--font-weight-800: 800;--font-weight-900: 900;--font-weight-m: 500;--font-weight-l: 600;--font-weight-xl: 700;--base-font-family: "poppins", sans-serif;--header-font-family: "Oswald", sans-serif;--space-3xs: clamp(.25rem, calc(.23rem + .12vw), .31rem);--space-2xs: clamp(.4rem, calc(.34rem + .49vw), .5rem);--space-xs: clamp(.69rem, calc(.57rem + .61vw), 1rem);--space-s: clamp(.88rem, calc(.7rem + .85vw), 1.31rem);--space-m: clamp(1.31rem, calc(1.04rem + 1.34vw), 2rem);--space-l: clamp(1.75rem, calc(1.41rem + 1.71vw), 2.63rem);--space-xl: clamp(2.63rem, calc(2.11rem + 2.56vw), 3.94rem);--space-2xl: clamp(3.5rem, calc(2.82rem + 3.41vw), 5.25rem);--space-3xl: clamp(5.25rem, calc(4.23rem + 5.12vw), 7.88rem);--space-3xs-2xs: clamp(.25rem, calc(.08rem + .85vw), .69rem);--space-2xs-xs: clamp(.44rem, calc(.22rem + 1.1vw), 1rem);--space-xs-s: clamp(.69rem, calc(.44rem + 1.22vw), 1.31rem);--space-s-m: clamp(.88rem, calc(.44rem + 2.2vw), 2rem);--space-m-l: clamp(1.31rem, calc(.8rem + 2.56vw), 2.63rem);--space-l-xl: clamp(1.75rem, calc(.9rem + 4.27vw), 3.94rem);--space-xl-2xl: clamp(2.63rem, calc(1.6rem + 5.12vw), 5.25rem);--space-2xl-3xl: clamp(3.5rem, calc(1.79rem + 8.54vw), 7.88rem);--space-s-l: clamp(.88rem, calc(.19rem + 3.41vw), 2.63rem);--event-img-aspect-ratio: 4/3}*{line-height:1.5;box-sizing:border-box}*:before,*:after{box-sizing:border-box}:where(body,h1,h2,h3,h4,ul,ol,button){margin:0;padding:0}:where(ul,ol){list-style-type:none}.primary-button{font-size:clamp(.75rem,.8rem + .5vw,.85rem);font-size:var(--font-size-xs);background-color:#15161e;background-color:var(--primary-button-bg);color:#f6f7fb;color:var(--primary-button-text-color);border-radius:50px;border-radius:var(--border-radius, var(--border-radius-l))}.secondary-button{font-size:clamp(.75rem,.8rem + .5vw,.85rem);font-size:var(--font-size-xs);border:1px solid #15161e;border:1px solid var(--primary-button-bg);border-radius:50px;border-radius:var(--border-radius-l)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}svg{display:block;--icon-size: 16px;width:var(--icon-size);height:var(--icon-size)}button{background:transparent none repeat 0 0 / auto auto padding-box border-box scroll;background:initial;text-align:inherit;color:inherit}:is(input,button):focus{outline:1px solid #15161e;outline:1px solid var(--primary-button-bg)}:is(button):focus{outline-offset:4px}:where(select,input){background:inherit;color:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer;border:0px}fieldset{padding:0;border:0px}:where(input,button,select){font-size:inherit;border:0px;font-family:inherit}input:-internal-autofill-selected{background:transparent none repeat 0 0 / auto auto padding-box border-box scroll;background:initial}input[type=text],input[type=url],fieldset{width:100%}input[type=submit]{cursor:pointer}input[type=checkbox],input[type=radio]{--input-size: 20px;width:var(--input-size);height:var(--input-size);cursor:pointer;margin:0;accent-color:#15161e;accent-color:var(--navigation-background)}input[type=checkbox]+label,input[type=radio]+label,input[type=color]+label{cursor:pointer;font-size:clamp(.75rem,.8rem + .5vw,.85rem);font-size:var(--font-size-xs)}input[type=checkbox]:checked+label,input[type=radio]:checked+label{font-weight:500;font-weight:var(--font-weight-500)}:where(input:not([type=submit]):not([type=color]),textarea,select,.mimic-input){font-size:clamp(.75rem,.8rem + .5vw,.85rem);font-size:var(--font-size-xs);background:#ffffff;background:var(--form-input-background);border:1px solid #ababc7;border:1px solid var(--page-divider-color);border-radius:5px;border-radius:var(--border-radius-s);padding:clamp(.4rem,calc(.34rem + .49vw),.5rem) clamp(.4rem,calc(.34rem + .49vw),.5rem);padding:var(--space-2xs) var(--space-2xs)}img{max-width:100%;display:block}.image-wrapper:has(.image--empty){background:#e4e5ec;background:var(--event-img-holder-bg);display:grid;grid-template-columns:1fr;place-content:center}.image-wrapper img{grid-area:1/1/2/2;-o-object-fit:cover;object-fit:cover}.image--empty{text-transform:uppercase;color:#8a8a8a;color:var(--event-img-holder-color);font-weight:500;font-weight:var(--font-weight-500);font-size:clamp(.75rem,.8rem + .5vw,.85rem);font-size:var(--font-size-xs);text-align:center}.image--empty svg{--svg-size: 30px;opacity:.8;stroke-width:1px;width:var(--svg-size);height:var(--svg-size);margin-inline:auto;margin-bottom:clamp(.25rem,calc(.23rem + .12vw),.31rem);margin-bottom:var(--space-3xs)}.icon-wrapper{display:flex;align-items:center;-moz-column-gap:.3em;column-gap:.3em;-moz-column-gap:var(--spacing-2xs);column-gap:var(--spacing-2xs)}.icon-wrapper svg{--icon-size: 15px;flex:0 0 var(--icon-size)}body{overflow-x:hidden;font-family:poppins,sans-serif;font-family:var(--base-font-family);background:#f6f7fb;background:var(--page-background-color);font-size:clamp(.85rem,.75rem + .5vw,.95rem);font-size:var(--font-size-s)}.container{width:min(calc(100% - clamp(2.63rem,calc(2.11rem + 2.56vw),3.94rem)),1200px);width:min(calc(100% - var(--space-xl)),var(--container-width, 1200px));margin-left:auto;margin-right:auto;padding-top:clamp(1.75rem,calc(1.41rem + 1.71vw),2.63rem);padding-top:var(--space-l)}.container:not(.form-container){padding-bottom:clamp(1.75rem,calc(1.41rem + 1.71vw),2.63rem);padding-bottom:var(--space-l)}.page-wrapper{margin-inline:auto;width:min(100%,80ch,700px)}h1{font-size:clamp(1rem,.9rem + .5vw,1.1rem);font-size:var(--font-size-l);font-weight:500;font-weight:var(--font-weight-500)}:where(.installation-container,.home-page,.event-list-container,.tutorial-container,.tag-container,.organiser-container) h1,:where(.side-navigation) :is(a,button){font-family:Oswald,sans-serif;font-family:var(--header-font-family);text-transform:uppercase;letter-spacing:1px}:where(.installation-container,.home-page,.event-list-container,.tag-wrapper,.organiser-container) h1{font-weight:500;font-weight:var(--font-weight-500)}:where(.installation-container,.home-page,.tutorial-container) h1{margin-bottom:clamp(1.75rem,calc(1.41rem + 1.71vw),2.63rem);margin-bottom:var(--space-l)}:where(.installation-container) h2{font-size:clamp(1rem,.9rem + .5vw,1.1rem);font-size:var(--font-size-l);font-weight:500;font-weight:var(--font-weight-500);margin-top:clamp(1.75rem,calc(1.41rem + 1.71vw),2.63rem);margin-top:var(--space-l)}:where(.installation-container) h3{font-size:clamp(1rem,.9rem + .5vw,1.1rem);font-size:var(--font-size-l);font-weight:500;font-weight:var(--font-weight-m);margin-top:clamp(1.75rem,calc(1.41rem + 1.71vw),2.63rem);margin-top:var(--space-l)}:where(.installation-container) hr{margin-top:clamp(1.75rem,calc(1.41rem + 1.71vw),2.63rem);margin-top:var(--space-l)}.flex{display:flex;align-items:center;align-items:var(--align, center);gap:clamp(.4rem,calc(.34rem + .49vw),.5rem);gap:var(--flex-gap, var(--space-2xs))}.flex-wrap{display:flex;flex-wrap:wrap;align-items:center;align-items:var(--align, center);gap:clamp(.4rem,calc(.34rem + .49vw),.5rem);gap:var(--flex-gap, var(--space-2xs))}.grid{display:grid;grid-template-columns:var(--grid-col);grid-gap:var(--gap);gap:var(--gap)}.modal__box{--container-width: 35rem;width:var(--container-width);background-color:#f6f7fb;background-color:var(--page-background-color);padding:clamp(1.31rem,calc(1.04rem + 1.34vw),2rem);padding:var(--space-m)}html :has(.modal){overflow:hidden}@media screen and (max-width: 500px){.modal__box{padding:clamp(.69rem,calc(.57rem + .61vw),1rem);padding:var(--space-xs)}}.modal__box h2{text-transform:uppercase;font-size:clamp(.85rem,.75rem + .5vw,.95rem);font-size:var(--font-size-s);font-weight:600;font-weight:var(--font-weight-600);margin-bottom:1em;margin-bottom:var(--spacing-m)}.modal__box label{display:block;font-weight:500;font-weight:var(--font-weight-500);font-size:clamp(.75rem,.8rem + .5vw,.85rem);font-size:var(--font-size-xs);letter-spacing:.5px;margin-bottom:.5em;margin-bottom:var(--spacing-xs)}.modal__box input[type=submit]{text-transform:capitalize}.modal__box form .primary-button{border-radius:5px;border-radius:var(--border-radius-s);padding:clamp(.4rem,calc(.34rem + .49vw),.5rem) clamp(.69rem,calc(.57rem + .61vw),1rem);padding:var(--space-2xs) var(--space-xs)}.modal-close{--svg-size: 20px;position:absolute;padding:.3em;padding:var(--spacing-2xs);right:clamp(.4rem,calc(.34rem + .49vw),.5rem);right:var(--space-2xs);top:clamp(.4rem,calc(.34rem + .49vw),.5rem);top:var(--space-2xs)}.modal-close::hover,.modal-close::focus{--svg-size: 22px}.modal-close::active{--svg-size: 18px}.modal-close svg{width:var(--svg-size);height:var(--svg-size)}.modal__action{justify-content:flex-end;--flex-gap: var(--space-s);padding-top:clamp(.88rem,calc(.7rem + .85vw),1.31rem);padding-top:var(--space-s)}.modal__action button:focus{outline:1px solid currentColor;outline-offset:5px}.modal__action input[type=submit],button[type=submit]{font-weight:500;font-weight:var(--font-weight-500);padding:clamp(.4rem,calc(.34rem + .49vw),.5rem) clamp(.69rem,calc(.57rem + .61vw),1rem);padding:var(--space-2xs) var(--space-xs)}.modal__delete h2{padding-top:clamp(.69rem,calc(.57rem + .61vw),1rem);padding-top:var(--space-xs);border-top:5px solid #dd2828;border-top:5px solid var(--warning-background);margin-bottom:clamp(.69rem,calc(.57rem + .61vw),1rem);margin-bottom:var(--space-xs);font-size:clamp(.9rem,.8rem + .5vw,1rem);font-size:var(--font-size-m);font-weight:600;font-weight:var(--font-weight-600)}.modal__delete p{margin:0}.modal__delete input[type=submit],button[type=submit]{color:#892323;color:var(--warning-button-color);background-color:#ffe2e2;background-color:var(--warning-button-bg);transition:all .2s ease}.modal__delete input[type=submit]:hover,.modal__delete input[type=submit]:focus{color:#ffe2e2;color:var(--warning-button-bg);background-color:#892323;background-color:var(--warning-button-color)}.custom-scrollbar::-webkit-scrollbar{width:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#c1c1c1;background:var(--scrollbar-thumb);border-radius:25px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f1f1;background:var(--scrollbar-track)}.tab{display:flex;gap:clamp(.88rem,calc(.7rem + .85vw),1.31rem);gap:var(--space-s);border-bottom:1px solid #d6dfed;border-bottom:1px solid var(--border-color-100);font-size:clamp(.85rem,.75rem + .5vw,.95rem);font-size:var(--font-size-s)}.tab a{padding-bottom:clamp(.25rem,calc(.23rem + .12vw),.31rem);padding-bottom:var(--space-3xs)}.tab .active{font-weight:500;font-weight:var(--font-weight-500);border-bottom:2px solid currentColor}.form-error{justify-content:space-between;position:sticky;bottom:3.5rem;background:#ffffff;background:var(--form-input-background);padding:clamp(.69rem,calc(.57rem + .61vw),1rem);padding:var(--space-xs);border-radius:5px;border-radius:var(--border-radius-s);box-shadow:0 2px 8px #959ec2;box-shadow:0 2px 8px var(--border-color-300);border-left:3px solid #dd2828;border-left:3px solid var(--warning-background);border-right:3px solid #dd2828;border-right:3px solid var(--warning-background);z-index:2}h3{font-weight:500;font-weight:var(--font-weight-500);font-size:clamp(.85rem,.75rem + .5vw,.95rem);font-size:var(--font-size-s)}.form-container :where(.flow>*+*){margin-top:clamp(.88rem,calc(.7rem + .85vw),1.31rem);margin-top:var(--space-s)}