:root { --ff-main: 'Roboto Flex', sans-serif; --ff-accent: 'Roboto Flex', sans-serif; --fw-light: 100; --fw-regular: 300; --fw-semi-bold: 400; --fw-bold: 700; --fs-100: 0.625rem; --fs-200: 0.750rem; --fs-300: 0.875rem; --fs-400: 1.000rem; --fs-500: 1.125rem; --fs-600: 1.375rem; --fs-700: 1.750rem; --fs-800: 2.000rem; --fs-900: 2.500rem; --main-color_-10: oklch(1 0.381 125.16 / 1); --sec-color_-10: oklch(1 0.381 245.16 / 1); --accent-color_-10: oklch(1 0.381 365.16 / 1); --neutral-color_-10: oklch(1 0 0 / 1); --main-color_-9: oklch(1 0.361 125.16 / 1); --sec-color_-9: oklch(1 0.361 245.16 / 1); --accent-color_-9: oklch(1 0.361 365.16 / 1); --neutral-color_-9: oklch(1 0 0 / 1); --main-color_-8: oklch(1 0.341 125.16 / 1); --sec-color_-8: oklch(1 0.341 245.16 / 1); --accent-color_-8: oklch(1 0.341 365.16 / 1); --neutral-color_-8: oklch(1 0 0 / 1); --main-color_-7: oklch(1 0.321 125.16 / 1); --sec-color_-7: oklch(1 0.321 245.16 / 1); --accent-color_-7: oklch(1 0.321 365.16 / 1); --neutral-color_-7: oklch(1 0 0 / 1); --main-color_-6: oklch(1 0.301 125.16 / 1); --sec-color_-6: oklch(1 0.301 245.16 / 1); --accent-color_-6: oklch(1 0.301 365.16 / 1); --neutral-color_-6: oklch(0.98 0 0 / 1); --main-color_-5: oklch(1 0.281 125.16 / 1); --sec-color_-5: oklch(1 0.281 245.16 / 1); --accent-color_-5: oklch(1 0.281 365.16 / 1); --neutral-color_-5: oklch(0.9 0 0 / 1); --main-color_-4: oklch(0.952 0.261 125.16 / 1); --sec-color_-4: oklch(0.952 0.261 245.16 / 1); --accent-color_-4: oklch(0.952 0.261 365.16 / 1); --neutral-color_-4: oklch(0.82 0 0 / 1); --main-color_-3: oklch(0.902 0.241 125.16 / 1); --sec-color_-3: oklch(0.902 0.241 245.16 / 1); --accent-color_-3: oklch(0.902 0.241 365.16 / 1); --neutral-color_-3: oklch(0.74 0 0 / 1); --main-color_-2: oklch(0.852 0.221 125.16 / 1); --sec-color_-2: oklch(0.852 0.221 245.16 / 1); --accent-color_-2: oklch(0.852 0.221 365.16 / 1); --neutral-color_-2: oklch(0.66 0 0 / 1); --main-color_-1: oklch(0.802 0.201 125.16 / 1); --sec-color_-1: oklch(0.802 0.201 245.16 / 1); --accent-color_-1: oklch(0.802 0.201 365.16 / 1); --neutral-color_-1: oklch(0.58 0 0 / 1); --main-color_0: oklch(0.752 0.181 125.16 / 1); --sec-color_0: oklch(0.752 0.181 245.16 / 1); --accent-color_0: oklch(0.752 0.181 365.16 / 1); --neutral-color_0: oklch(0.5 0 0 / 1); --main-color_1: oklch(0.702 0.161 125.16 / 1); --sec-color_1: oklch(0.702 0.161 245.16 / 1); --accent-color_1: oklch(0.702 0.161 365.16 / 1); --neutral-color_1: oklch(0.42 0 0 / 1); --main-color_2: oklch(0.652 0.141 125.16 / 1); --sec-color_2: oklch(0.652 0.141 245.16 / 1); --accent-color_2: oklch(0.652 0.141 365.16 / 1); --neutral-color_2: oklch(0.34 0 0 / 1); --main-color_3: oklch(0.602 0.121 125.16 / 1); --sec-color_3: oklch(0.602 0.121 245.16 / 1); --accent-color_3: oklch(0.602 0.121 365.16 / 1); --neutral-color_3: oklch(0.26 0 0 / 1); --main-color_4: oklch(0.552 0.101 125.16 / 1); --sec-color_4: oklch(0.552 0.101 245.16 / 1); --accent-color_4: oklch(0.552 0.101 365.16 / 1); --neutral-color_4: oklch(0.18 0 0 / 1); --main-color_5: oklch(0.502 0.081 125.16 / 1); --sec-color_5: oklch(0.502 0.081 245.16 / 1); --accent-color_5: oklch(0.502 0.081 365.16 / 1); --neutral-color_5: oklch(0.1 0 0 / 1); --main-color_6: oklch(0.452 0.061 125.16 / 1); --sec-color_6: oklch(0.452 0.061 245.16 / 1); --accent-color_6: oklch(0.452 0.061 365.16 / 1); --neutral-color_6: oklch(0.02 0 0 / 1); --main-color_7: oklch(0.402 0.041 125.16 / 1); --sec-color_7: oklch(0.402 0.041 245.16 / 1); --accent-color_7: oklch(0.402 0.041 365.16 / 1); --neutral-color_7: oklch(0 0 0 / 1); --main-color_8: oklch(0.352 0.021 125.16 / 1); --sec-color_8: oklch(0.352 0.021 245.16 / 1); --accent-color_8: oklch(0.352 0.021 365.16 / 1); --neutral-color_8: oklch(0 0 0 / 1); --main-color_9: oklch(0.302 0.001 125.16 / 1); --sec-color_9: oklch(0.302 0.001 245.16 / 1); --accent-color_9: oklch(0.302 0.001 365.16 / 1); --neutral-color_9: oklch(0 0 0 / 1); --main-color_10: oklch(0.252 0 125.16 / 1); --sec-color_10: oklch(0.252 0 245.16 / 1); --accent-color_10: oklch(0.252 0 365.16 / 1); --neutral-color_10: oklch(0 0 0 / 1);}@media (prefers-color-scheme: dark) { :root { }}html { color-scheme: light; width: 100%; min-height: 100%; overflow: visible; accent-color: var(--col-accent-400); caret-color: var(--col-accent-400);}html, body { scrollbar-gutter: stable; touch-action: auto; }* { font-family: inherit; min-width: 0; min-height: 0; word-break: break-word;}input, select, textarea { min-width: 0;}html, :has(:target) { scroll-behavior: smooth; scroll-padding-top: 3rem;}body { min-height: 100vh; min-height: 100svh; overflow: hidden; overflow-y: scroll; font-family: var(--ff-main); font-weight: var(--fw-regular); font-size: var(--fs-300); line-height: 1.7; background-color: var(--neutral-color_2); color: var(--neutral-color_-5); direction: ltr; writing-mode: lr-tb;}.visually-hidden { clip: rect(0 0 0 0); clip-path: inset(50%); position: absolute; height: 1px; width: 1px; overflow: hidden; white-space: nowrap;}input, select, textarea, button { font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit;}h1, h2, h3, h4, h5, h6 { font-family: var(--ff-accent); line-height: 1.1; text-wrap: balance;}p { max-width: var(--chars-per-row, 70ch); text-wrap: pretty;}.accountBoxWrapper { background-color: rgba(30, 30, 30, 0.8);}.accountBoxWrapper > .accountBox { max-width: min(30rem, 100%); background-color: var(--main-color-bg); padding: 1em 1.5em; display: grid; grid-template-columns: auto 1fr auto; gap: 0.25em;}.accountBoxWrapper .title { grid-column: 1 / span 2; font-size: 1.3em; font-weight: bold; margin-bottom: 1em;}.accountBoxWrapper .icon-close { grid-column: 3;}.accountBoxWrapper .text { margin-bottom: 1em; grid-column: 1 / span 3;}.accountBoxWrapper .label { grid-column: 1; margin-right: 1em;}.accountBoxWrapper .label:after { content: ":";}.accountBoxWrapper input { grid-column: 2 / span 2;}.accountBoxWrapper .buttonBox { grid-column: 1 / span 3; margin-top: 1em; display: flex; flex-flow: row wrap; justify-content: flex-end; align-items: stretch; align-content: flex-start;}@media (max-width: 700px) { .accountBoxWrapper { background-color: var(--main-color-bg); } .accountBoxWrapper > .accountBox { width: 100%; max-width: 100%; }}.inspiratorAdmin-footer { margin-top: 10rem; padding: 1rem; position: sticky; top: 100%; display: flex; flex-flow: row wrap; justify-content: center; align-items: stretch; align-content: flex-start; gap: 1rem; background-color: rgba(0, 0, 0, 0.25);}.inspiratorAdmin-footer a { text-decoration: none;}.inspiratorAdmin-header { padding: 0.55rem 1rem 1rem 1rem; background-color: rgba(0, 0, 0, 0.25);}.inspiratorAdmin-header a:not(.buttonStyle-special-1) { display: block;}.inspiratorAdmin-header .burgerMenuBox { display: none;}.inspiratorAdmin-header .eopusLogoImageWrapper { width: 211px; aspect-ratio: 211 / 64; margin-right: 4rem; transition: transform 0.3s ease-out; transform-origin: 50% 100%; position: relative;}.inspiratorAdmin-header .eopusLogoImage { height: 4rem; object-fit: contain;}.inspiratorAdmin-header .eopusLogoImageWrapper:focus,.inspiratorAdmin-header .eopusLogoImageWrapper:focus-within,.inspiratorAdmin-header .eopusLogoImageWrapper:hover { transform: scale(1.05, 1.05);}.inspiratorAdmin-header .eopusLogoImageWrapper .eopusLogo-inspiratorText { transition: color 0.3s ease-out, text-shadow 0.3s ease-out; position: absolute; top: 0; left: 4.3rem; font-size: 1.47rem; line-height: 1; min-width: fit-content; white-space: nowrap; color: var(--main-color_3); text-shadow: 0 0 1rem rgba(0, 0, 0, 0); pointer-events: none;}.inspiratorAdmin-header .eopusLogoImageWrapper:focus .eopusLogo-inspiratorText,.inspiratorAdmin-header .eopusLogoImageWrapper:focus-within .eopusLogo-inspiratorText,.inspiratorAdmin-header .eopusLogoImageWrapper:hover .eopusLogo-inspiratorText { transition: color 1.5s ease-in-out 0.4s, text-shadow 2.5s ease-in-out 1.2s; color: var(--main-color_-1); text-shadow: 0 0 1rem var(--main-color_-3);}.inspiratorAdmin-header .active { outline: 1px solid var(--main-color_5); outline-offset: 1px;}@media all and (min-width: 1001px) { .inspiratorAdmin-header {  display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-end; align-content: flex-start;  display: grid; grid-template-rows: auto auto auto; grid-template-columns: auto 1fr auto; grid-auto-flow: column; gap: 0.75rem 1rem; } .inspiratorAdmin-header > * { flex: 0 1 auto; } .inspiratorAdmin-header .eopusLogoImageWrapper { flex: 0 0 auto; grid-column: 1; grid-row: 1 / span 3; align-self: end; } .inspiratorAdmin-header .languageSelectionBox, .inspiratorAdmin-header .navGroup { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; align-content: flex-start; gap: 0.5rem; } .inspiratorAdmin-header .primaryNavGroup { grid-column: 2; grid-row: 2 / span 2; } .inspiratorAdmin-header .secondaryNavGroup { grid-column: 3; grid-row: 2 / span 2; justify-content: flex-end; } .inspiratorAdmin-header .languageSelectionBox { grid-column: 2 / span 2; grid-row: 1; justify-content: flex-end; }}@media all and (max-width: 1000px) { .inspiratorAdmin-header { display: block; text-align: center; position: relative; } .inspiratorAdmin-header .burgerMenuBox { display: block; position: fixed; top: 0.5rem; right: 1rem; font-size: 3rem; line-height: 1; } .inspiratorAdmin-header.menu-open .burgerMenuBox { position: absolute; } .inspiratorAdmin-header .eopusLogoImageWrapper { margin: 0 auto 0.5rem; } .inspiratorAdmin-header .navGroup > a { margin-bottom: 0.5rem; } .inspiratorAdmin-header > .languageSelectionBox { margin-top: 1rem; display: flex; flex-flow: row wrap; justify-content: center; align-items: stretch; align-content: flex-end; gap: 1rem; } .inspiratorAdmin-header:not(.menu-open) .navGroup, .inspiratorAdmin-header:not(.menu-open) .languageSelectionBox { display: none; }}@media all and (max-width: 550px) { .inspiratorAdmin-header .eopusLogoImageWrapper { margin: 0 0 0.5rem; }}.adminBox .inputFieldBox { border: 1px solid rgba(255, 255, 255, 0.1); display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: stretch; align-content: flex-start; margin-bottom: 15px; position: relative;}.adminBox .inputFieldBox > .inputIcon { flex: 0 0 60px; min-width: 60px; font-size: 1.4em; line-height: 0.5em; cursor: pointer; display: flex; justify-content: center; align-items: center; align-content: center; transition: color 0.2s ease-out; color: #ddd;}.adminBox .inputFieldBox.is-focussed > .inputIcon { color: rgb(148, 193, 30);}.adminBox .inputFieldBox.mark-error > .inputIcon { color: #f00;}.adminBox .inputFieldBox > .inputLabel { position: absolute; bottom: calc(100% - 2.3ex); left: 0; padding: 0 0 0 3px; font-size: 0.65em;  color: rgba(0, 0, 0, 0.6);  cursor: pointer; transition: opacity 0.3s ease; opacity: 0;}.adminBox .inputFieldBox.with-icon > .inputLabel { left: 60px;}.adminBox .inputFieldBox.has-value > .inputLabel,.adminBox .inputFieldBox.is-focussed > .inputLabel { opacity: 1;}.adminBox .inputFieldBox > input { flex: 1 1 60px; padding: 15px 25px; outline: none; background-color: #fff; transition: box-shadow 0.2s ease-out; box-shadow: 0 0 5px rgba(148, 193, 30, 0);}.adminBox .inputFieldBox > input:active,.adminBox .inputFieldBox > input:focus { box-shadow: 0 0 5px rgba(148, 193, 30, 1), 0 0 5px rgba(148, 193, 30, 1);}.adminBox .disable-inputs { opacity: 0.5;}.adminBox .disable-inputs input,.adminBox .disable-inputs button,.adminBox .disable-inputs textarea,.adminBox .disable-inputs select { filter: grayscale(0.75);}.adminBox .disable-inputs input[disabled],.adminBox .disable-inputs button[disabled],.adminBox .disable-inputs textarea[disabled],.adminBox .disable-inputs select[disabled] { cursor: not-allowed;}.adminBox .buttonBar { background-color: rgba(0, 0, 0, 0.2); margin: 40px -40px -40px; padding: 0 30px 0 40px; display: flex; flex-flow: row wrap; justify-content: flex-end; align-items: stretch; align-content: flex-start;}.adminBox .buttonBar:not(:last-child) { margin-bottom: 40px;}.adminBox .button { margin: 10px 10px 10px 0; padding: 15px 25px; border: 1px solid rgba(255, 255, 255, 0.15); background-color: transparent; color: #fff;}.adminBox .button.button-small { padding: 5px;}.adminBox .button:not(.inactive):not(.active):hover { border-color: rgba(148, 193, 30, 0.5);}.adminBox .button:not(.inactive):active { transition: border-color 0s linear, background-color 0s linear, filter 0s linear, opacity 0s linear;}.adminBox .button.active,.adminBox .button:not(.inactive):active { border-color: rgb(148, 193, 30);}.adminBox .button.inactive { filter: grayscale(1); opacity: 0.5; cursor: not-allowed;}.adminBox .button.important { border-color: transparent; background-color: rgba(148, 193, 30, 0.5);}.adminBox .button.important:not(.inactive):not(.active):hover { background-color: rgba(148, 193, 30, 0.75);}.adminBox .button.important.active,.adminBox .button.important:not(.inactive):active { transition: border-color 0s linear, background-color 0s linear, filter 0s linear, opacity 0s linear; background-color: rgba(148, 193, 30, 1);}.adminBox .iconButton { cursor: pointer; color: #fff;}.adminBox .iconButton.inactive { filter: grayscale(1); opacity: 0.5; cursor: not-allowed;}.adminBox .iconButton:not(.inactive):hover { color: rgb(148, 193, 30);}.adminBox .iconButton:not(.inactive):active { transition: color 0s linear, text-shadow 0s linear; color: #fff;}.adminBox .windowButton { cursor: pointer; color: #fff; background-color: rgba(0, 0, 0, 0.1);}.adminBox .windowButton.inactive { filter: grayscale(1); opacity: 0.5; cursor: not-allowed;}.adminBox .windowButton:not(.inactive):hover { background-color: rgba(0, 0, 0, 0.2);}.adminBox .windowButton:not(.inactive):active { transition: background-color 0s linear; background-color: rgba(0, 0, 0, 0.4);}.adminBox .input { margin: 10px 10px 10px 0; padding: 15px 25px; border: 1px solid rgba(255, 255, 255, 0.15); background-color: #ddd; color: #000; outline: none; box-shadow: 0 0 0 1px rgba(0, 0, 0, 1) inset;}.adminBox .input.small-input { padding: 2px 6px; margin: 0;}.adminBox .input:not(.inactive):not(.active):hover { border-color: rgba(148, 193, 30, 0.5);}.adminBox .input.active,.adminBox .input:not(.inactive):active,.adminBox .input:not(.inactive):focus { border-color: rgb(148, 193, 30); background-color: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, 1) inset;}.adminBox .input.inactive { filter: grayscale(1); opacity: 0.5; cursor: not-allowed;}.adminBox .tabButton { margin: 5px 10px -5px 0; padding: 2px 6px 7px; background-color: rgba(148, 193, 30, 0.25); color: #fff; z-index: 5; cursor: pointer; text-shadow: 0 0 1px rgba(0, 0, 0, 0);}.adminBox .tabButton:not(.inactive):not(.active):hover { background-color: rgba(148, 193, 30, 0.5); transform: translateY(-5px);}.adminBox .tabButton.active,.adminBox .tabButton:not(.inactive):active { transition: color 0s linear, border-color 0s linear, background-color 0s linear, filter 0s linear, opacity 0s linear, text-shadow 0s ease-out; background-color: rgba(148, 193, 30, 1); color: #fff; transform: translateY(-5px); text-shadow: 0 0 1px #000; }.adminBox .tabButton.inactive { filter: grayscale(1); opacity: 0.5; cursor: not-allowed;}.adminBox .tabButton .iconButton:not(:hover) { text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 1px #000;}.adminBox .tabButton .iconButton:hover { text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 1px #000;}.adminBox .input,.adminBox .button,.adminBox .tabButton,.adminBox .iconButton,.adminBox .windowButton { transition: color 0.2s ease-out, text-shadow 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out, filter 0.2s ease-out, opacity 0.2s ease-out, box-shadow 0.2s ease-out, transform 0.2s ease-out, margin 0.7s ease-in-out; text-decoration: none;}.boxDesign-1 { position: relative; z-index: 2;}.boxDesign-1::before { content: ""; pointer-events: none; position: absolute; right: 104%; right: calc(100% + 1rem); top: 0; bottom: 0; width: 4px; background-color: var(--main-color_0); background: linear-gradient(0deg, var(--main-color_4) 0px, var(--main-color_2) 10%, var(--main-color_-4) 50%, var(--main-color_2) 90%, var(--main-color_4) 100%); z-index: 0; --glow-size-x: 1; --glow-move-y: 0; --glow-move-y-limit: 1.5rem;}@supports (clip-path: polygon(0% 0%, 100% 100%, 0% 100%)) { .boxDesign-1::after { content: ""; pointer-events: none; position: absolute; top: var(--glow-move-y-limit, 1.5rem); bottom: var(--glow-move-y-limit, 1.5rem); left: calc(-2rem - 3px); width: 2rem; border-radius: 100vw; background-color: var(--main-color_-4); opacity: 0.25; filter: blur(1rem); clip-path: polygon(50% -100%, 500% -100%, 500% 200%, 50% 200%); z-index: -1; transition: transform 0.1s linear; transform: translateY(var(--glow-move-y, 0)) scaleX(var(--glow-size-x, 1)); }}.buttonStyle-1 { display: inline-block; transition: color 0.3s ease-out, background-color 0.3s ease-out, opacity 0.3s ease-out; cursor: pointer; background-color: rgba(0, 0, 0, 0.2); padding: 0.5em 1.5em; color: #eee;}.buttonStyle-1:not(.disabled):focus,.buttonStyle-1:not(.disabled):hover { background-color: rgba(0, 0, 0, 0.4); color: #fff;}.buttonStyle-1:not(.disabled).active { background-color: rgba(0, 0, 0, 0.6); color: var(--main-color_-1);}.buttonStyle-1:not(.disabled):active { background-color: rgba(0, 0, 0, 0.6); color: #fff;}.buttonStyle-1.disabled { opacity: 0.75; color: rgba(255, 255, 255, 0.5); cursor: not-allowed;}.buttonStyle-2 { display: inline-block; transition: color 0.3s ease-out, background-color 0.3s ease-out, opacity 0.3s ease-out; cursor: pointer; background-color: rgba(255, 255, 255, 0.2); padding: 0.5em 1.5em; color: #bbb;}.buttonStyle-2:not(.disabled):focus,.buttonStyle-2:not(.disabled):hover { background-color: rgba(255, 255, 255, 0.4); color: #fff;}.buttonStyle-2:not(.disabled).active { background-color: rgba(255, 255, 255, 0.6); color: #fff; text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);}.buttonStyle-2:not(.disabled):active { background-color: rgba(255, 255, 255, 0.6); color: #fff;}.buttonStyle-2.disabled { opacity: 0.75; color: rgba(255, 255, 255, 0.5); cursor: not-allowed;}.buttonStyle-mini { display: inline-block; cursor: pointer; background-color: transparent; border: none; padding: 0 1.5em; color: #eee;}.buttonStyle-mini:not(.disabled).active { color: var(--main-color_-1);}.buttonStyle-mini:not(.disabled):focus,.buttonStyle-mini:not(.disabled):hover,.buttonStyle-mini:not(.disabled):active { color: #fff;}.buttonStyle-mini.disabled { opacity: 0.75; color: rgba(255, 255, 255, 0.5); cursor: not-allowed;}.buttonStyle-icon { display: inline-block; cursor: pointer; background-color: transparent; border: none; padding: 0; color: #eee;}.buttonStyle-icon:not(.disabled).active { color: var(--main-color_-1);}.buttonStyle-icon:not(.disabled):focus,.buttonStyle-icon:not(.disabled):hover,.buttonStyle-icon:not(.disabled):active { color: var(--main-color_0, #fff);}.buttonStyle-icon.disabled { opacity: 0.75; color: rgba(255, 255, 255, 0.5); cursor: not-allowed;}.buttonStyle-important { display: inline-block; transition: color 0.3s ease-out, background-color 0.3s ease-out, opacity 0.3s ease-out, filter 0.3s ease-out; cursor: pointer; background-color: var(--main-color_3); padding: 0.5em 1.5em; color: #eee;}.buttonStyle-important:not(.disabled):focus,.buttonStyle-important:not(.disabled):hover { background-color: var(--main-color_0); color: #fff;}.buttonStyle-important:not(.disabled).active,.buttonStyle-important:not(.disabled):active { transition: color 0.05s ease-out, background-color 0.05s ease-out, opacity 0.05s ease-out, filter 0.05s ease-out; background-color: var(--main-color_-2); color: #fff;}.buttonStyle-important.disabled { opacity: 0.75; color: rgba(255, 255, 255, 0.5); cursor: not-allowed; filter: grayscale(1);}.buttonStyle-special-1 { transition: color 0.5s ease-out, filter 0.5s ease-out, opacity 0.5s ease-out, text-shadow 0.5s ease-out; cursor: pointer; background: linear-gradient(-7deg, var(--main-color_-1) 20%, var(--main-color_3) 80%); padding: 0.5em 1.5em; color: #000;  position: relative; overflow: hidden; display: grid; grid-template-areas: "single";}.buttonStyle-special-1::before { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 4; transition: opacity 0.3s ease-out; opacity: 0; background: linear-gradient(-27deg, var(--main-color_5) 20%, var(--main-color_-2) 80%);}.buttonStyle-special-1::after { content: ""; position: absolute; top: -2rem; bottom: -2rem; pointer-events: none; z-index: 5; opacity: 0; transform-origin: 50% 50%; transform: skewX(-70deg); transition: right 0.75s ease-out 0.05s, transform 0.9s ease, opacity 0.3s ease 0.5s; right: calc(100% + 4rem); width: 1rem; background: linear-gradient(63deg, var(--neutral-color_2) 20%, var(--neutral-color_-6) 80%); mix-blend-mode: screen; box-shadow: 0 0 1rem #fff; will-change: right, box-shadow, transform;}@supports not (mix-blend-mode: screen) { .buttonStyle-special-1::after { background: linear-gradient(63deg, var(--neutral-color_-3) 20%, var(--neutral-color_-6) 80%); }}.buttonStyle-special-1 > .inner { grid-area: single; z-index: 10;}.buttonStyle-special-1 > .inner-1 { mix-blend-mode: overlay; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}.buttonStyle-special-1 > .inner-2 { color: rgba(0, 0, 0, 0.1); text-shadow: 1px 0 1px currentColor, -1px 0 1px currentColor, 0 0 0rem #0005;}.buttonStyle-special-1:not(.disabled):focus,.buttonStyle-special-1:not(.disabled):hover {  filter: brightness(1.25);}.buttonStyle-special-1:not(.disabled):focus::before,.buttonStyle-special-1:not(.disabled):hover::before { opacity: 1;}.buttonStyle-special-1:not(.disabled):focus::after,.buttonStyle-special-1:not(.disabled):hover::after { transition: right 0.75s ease-out 0.05s, transform 0.9s ease, opacity 0.1s ease 0s; transform: skewX(-20deg); right: -4rem; opacity: 0.75;}.buttonStyle-special-1:not(.disabled).active,.buttonStyle-special-1:not(.disabled):active { transition: color 0.05s ease-out, filter 0.05s ease-out, opacity 0.05s ease-out, text-shadow 0.05s ease-out; filter: brightness(1.25);}.buttonStyle-special-1:not(.disabled).active > .inner-2 { color: rgba(0, 0, 0, 0.2);}.buttonStyle-special-1.disabled { opacity: 0.75; color: #3337; cursor: not-allowed; filter: grayscale(1);}.buttonStyle-slim { padding: 0.2rem 0.8rem; line-height: 1;}.buttonStyle-slim:not(.disabled):focus,.buttonStyle-slim:not(.disabled):hover,.buttonStyle-slim:not(.disabled):active {}.auto-grid { --min-column-size: 300px; --gap: 1rem; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(var(--min-width), 100%), 1fr)); gap: var(--gap);}.auto-flex { --min-column-size: 200px; --gap: 1rem; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; align-content: flex-start; gap: var(--gap);}.auto-flex > * { flex: 1 1 var(--min-width);}.grid-stack { display: grid; grid-template-areas: "stack";}.grid-stack > * { grid-area: stack;}@supports (animation-timeline: view()) { .effect_fade-in { transform: scale(0.9); opacity: 0; animation: effect_fade-in ease-in-out forwards; animation-timeline: view(); animation-range: entry 10vh; } .effect_fade-out { transform: scale(1); opacity: 1; animation: effect_fade-out ease-in-out forwards; animation-timeline: view(); animation-range: exit -10vh; }}@keyframes effect_fade-in { 0% { transform: scale(0.9); opacity: 0; } 70%, 100% { transform: scale(1); opacity: 1; }}@keyframes effect_fade-out { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.9); opacity: 0; }}.feedbackWrapper { margin-top: 2rem;}.feedbackWrapper + .feedbackWrapper { margin-top: 0.5rem;}.feedbackWrapper > :not(:last-child) { }.feedback { padding: 0.25em 1.5em; position: relative; background-color: rgba(25, 25, 25, 0.75); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 0 1.2rem rgba(0, 0, 0, 0.3); z-index: 1; font-weight: 400; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; align-content: flex-start;}.feedback > * { flex: 0 1 auto; line-height: 1.25;}.feedback > .message {}.feedback > .feedbackIcon { flex: 0 0 auto; filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.75)); margin-right: 0.67rem;}.feedback.feedback-success > .feedbackIcon { color: rgb(50, 255, 50); border-color: rgba(50, 255, 50, 0.5);}.feedback.feedback-error > .feedbackIcon { color: rgb(255, 0, 0); border-color: rgba(255, 0, 0, 0.5);}.feedback.feedback-info > .feedbackIcon { color: rgb(50, 200, 255); border-color: rgba(50, 200, 255, 0.5);}@keyframes feedbackShake { 0% { transform: translateX(0); } 25% { transform: translateX(-0.5em); } 75% { transform: translateX(0.5em); } 100% { transform: translateX(0); }}.feedback.shake { animation: feedbackShake 0.25s linear infinite;}body > .feedbackWrapper { margin-inline: 30vw;}@media all and (max-width: 800px) { body > .feedbackWrapper { margin-inline: 1rem; }}@property --glow-card-border-angle { syntax: "<angle>"; initial-value: 0deg; inherits: true;}.glow-card { --glow-card-border-angle: 0deg; --border-width: 0.3rem; --blur-size: 3.5rem; --color-1: #f00; --color-2: #707; --color-3: #00f; background-color: #333; color: #eee; padding: 0.5em 0.75em; border-radius: 0.2rem; position: relative;}.glow-card::before,.glow-card::after { content: ""; position: absolute; inset: calc(var(--border-width) * -1); z-index: -1; border-radius: inherit; background: conic-gradient( from var(--glow-card-border-angle), var(--color-1), var(--color-2), var(--color-3), var(--color-2), var(--color-1) ); animation: glow-card-border-rotation 22s linear infinite;}.glow-card::after { filter: blur(var(--blur-size));}@keyframes glow-card-border-rotation { 0% { --glow-card-border-angle: 0deg; } 100% { --glow-card-border-angle: 360deg; }}.infoTextBox { display: block; margin-top: 3rem; margin-inline: auto; max-width: 100ch; padding: 0.35rem 0.75rem; border: 2px solid rgba(0, 0, 0, 0.25); text-align: justify;}.oneRowFormBox { --arrow-size: 0.8em; position: relative; text-align: center;}.oneRowFormBox > * { clip-path: polygon(0% 0%, calc(100% - var(--arrow-size)) 0%, 100% 50%, calc(100% - var(--arrow-size)) 100%, 0% 100%, var(--arrow-size) 50%); padding-left: calc(0.75em + var(--arrow-size));}.oneRowFormBox > * { margin-left: calc(var(--arrow-size) * -0.5); margin-right: calc(var(--arrow-size) * -0.5);}.oneRowFormBox:focus-within::before,.oneRowFormBox:focus-within::after { content: ""; position: absolute; left: calc(var(--arrow-size) * -0.5 - 3px); right: calc(var(--arrow-size) * 0.5 + 2px); border: 0 solid rgba(255, 255, 255, 0.4);}.oneRowFormBox:focus-within::before { top: -4px; border-top-width: 1px;}.oneRowFormBox:focus-within::after { bottom: -4px; border-bottom-width: 1px;}@media all and (max-width: 700px) { .oneRowFormBox {  margin-left: 1rem; margin-right: 1rem; } .oneRowFormBox > * { width: 100%;  }}.inputBox { display: inline-flex; flex-flow: row nowrap; justify-content: flex-start; align-items: stretch; align-content: stretch; background-color: #eee; padding: 0.75em 1.5em;}.inputBox:focus-within { outline: 2px solid var(--main-color-less); outline-offset: 2px;}.inputBox > * { color: #aaa;}.inputBox > input,.inputBox > select,.inputBox > textarea { background-color: transparent; border: none; margin: 0; padding: 0; outline: none; width: auto;}.inspiratorBox .categoryEntryAdminButtons.categoryEntryAdminButtons { flex: 1 1 100%; display: flex; flex-flow: row wrap; justify-content: space-evenly; align-items: baseline; align-content: flex-start; gap: 0.5rem;}.inspiratorBox .categoryEntryAdminButtons > * { flex: 0 1 auto;}.inspiratorBox .button-addInspiratorCategory { align-self: flex-start; aspect-ratio: 1; font-size: 3rem;}.inspiratorBox .inspiratorForm-editCategory { display: grid; grid-template-columns: auto auto auto; justify-items: start; align-items: baseline; gap: 0 1rem;}.inspiratorBox .inspiratorForm-editCategory > label { grid-column: 1; }.inspiratorBox .inspiratorForm-editCategory > input { grid-column: 2; }.inspiratorBox .inspiratorForm-editCategory > .inspiratorFormInfo { grid-column: 3; }.inspiratorBox .inspiratorForm-editCategory > .inspirator-categoryImage-preview { grid-column: 2 / span 2; }.inspiratorBox .inspiratorForm-editCategory > button { grid-column: 2; }.inspiratorBox .inspiratorForm-editCategory > .divider { grid-column: 1 / -1; }.inspiratorBox .inspiratorForm-editCategory > .divider { justify-self: stretch; border-bottom: 1px solid rgba(0, 0, 0, 0.35); margin: 0.5rem 0;}.inspiratorBox .inspiratorForm-editCategory > label.inspiratorFormLabel-categoryImagePreview { align-self: start; margin-top: 1rem;}.inspiratorBox .inspiratorForm-editCategory > label::after { content: ":";}.inspiratorBox .inspiratorForm-editCategory > input[type="checkbox"] { position: relative; top: 0.15rem;}.inspiratorBox .inspiratorForm-editCategory > input[type="text"] { width: 100%;}.inspiratorBox .inspiratorForm-editCategory > .inspirator-categoryImage-preview { justify-self: stretch; height: 10rem; background-position: 0% 50%; background-size: contain; background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0.15);}.inspiratorBox .inspiratorEntriesBox .adminButtonBox { display: flex; flex-flow: row wrap; justify-content: space-evenly; align-items: baseline; align-content: flex-start; gap: 0.5rem;}.inspiratorBox .inspiratorEntriesBox .adminButtonBox > * { flex: 0 1 auto;}.inspiratorBox .inspiratorEntriesBox .adminEntryFooter { padding: 0 0.5rem 0.5rem 0.5rem; display: grid; grid-template-columns: 1fr; justify-items: center;}.inspiratorBox .inspiratorEntriesBox .adminEntryFooter > * {}.inspiratorBox .inspiratorEntriesBox .buttonsListWrapper-addEntries { border: 1px solid rgba(0, 0, 0, 0.2); padding: 0.5rem; position: relative;}.inspiratorBox .inspiratorEntriesBox .buttonsListWrapper-addEntries::before { content: "+"; color: rgba(0, 0, 0, 0.2); position: absolute; inset: 0; font-size: 3rem; display: grid; place-items: center; pointer-events: none;}.inspiratorBox .inspiratorEntriesBox .buttonsList-addEntries { display: grid; grid-template-columns: 1fr; justify-items: stretch; gap: 0.25rem;}.inspiratorBox .inspiratorEntriesBox .buttonsList-addEntries > * {}.inspiratorBox .inspiratorOverlay .licenseSelectionBox { display: flex; flex-flow: row wrap; justify-content: center; align-items: stretch; align-content: flex-start; gap: 1rem; padding: 2rem;}.inspiratorBox .inspiratorOverlay .chooseSelectEntriesBox .overlayDescription { margin-bottom: 2rem;}.inspiratorBox .inspiratorOverlay .selectEntriesBox { display: flex; flex-flow: row wrap; justify-content: center; align-items: stretch; align-content: flex-start; gap: 1rem; padding-block: 1rem;}.inspiratorBox .inspiratorOverlay .selectEntriesBox > .selectEntry { flex: 0 1 15rem; max-width: 15rem; overflow: hidden; background-color: rgba(0, 0, 0, 0.1); transition: outline 0.3s ease-out 0.1s; outline: 3px solid transparent;}.inspiratorBox .inspiratorOverlay .selectEntriesBox > .selectEntry:hover { transition: outline 0.1s ease-out; outline: 3px solid var(--neutral-color_-3);}.inspiratorBox .inspiratorOverlay .selectEntriesBox > .selectEntry.is-selected { transition: outline 0.1s ease-out; outline: 3px solid var(--main-color_0);}.inspiratorBox .inspiratorOverlay .selectEntriesBox > .finalFiller { flex: 1000 1 auto; display: none;}.inspiratorBox .inspiratorOverlay .selectEntriesBox > .selectEntry > .selectPreviewImage { aspect-ratio: 16 / 9; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; display: grid; justify-items: stretch; align-items: start;}.inspiratorBox .inspiratorOverlay .selectEntriesBox > .selectEntry > .selectPreviewImage > .selectEntryName { background-color: rgba(0, 0, 0, 0.5); box-shadow: 0 0 1rem rgba(0, 0, 0, 0.4); color: #fff; backdrop-filter: blur(7px); padding: 0.25rem 0.1rem; display: grid; place-items: center; text-align: center; line-height: 1; min-height: 2em;}.inspiratorBox .inspiratorOverlay .selectEntriesBox > .selectEntry .selectEntryName,.inspiratorBox .inspiratorOverlay .selectEntriesBox > .selectEntry .selectPreviewImage { cursor: pointer;}.inspiratorBox .inspiratorOverlay .selectEntriesBox > .selectEntry > .selectPreviewImage > .selectEntryName:empty { display: none;}.inspiratorBox .inspiratorOverlay .chooseSelectEntriesBox .actionButtons,.inspiratorBox .inspiratorOverlay .selectEntriesBox .buttonBox { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; align-content: flex-start; gap: 0.5rem;}.inspiratorBox .inspiratorOverlay .chooseSelectEntriesBox .actionButtons { justify-content: center; margin-top: 2rem;}.inspiratorBox .inspiratorOverlay .chooseSelectEntriesBox .actionButtons > * { flex: 0 1 auto;}.inspiratorBox .inspiratorOverlay .chooseSelectEntriesBox .selectEntriesBox + .actionButtons { margin-top: 0; margin-bottom: 2rem;}.inspiratorBox .inspiratorOverlay .selectEntriesBox .buttonBox > * { flex: 1 1 auto; text-align: center;}a { text-decoration: none; color: var(--main-color_-1);}body > .mainBox { display: block; margin-top: 1rem; width: 98%; width: calc(100% - 2rem); margin-inline: auto; background-color: rgba(0, 0, 0, 0.15);}body > .mainBox:not(.ignore-inner-defaults) { padding: 0.75rem 2rem;}h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5em; text-align: center;}h1 { font-size: 1.80rem; font-weight: bold; }h2 { font-size: 1.60rem; }h3 { font-size: 1.40rem; }h4 { font-size: 1.20rem; }h5 { font-size: 1.10rem; }h6 { font-size: 1.00rem; }@media all and (max-width: 800px) { body > .mainBox { width: 100%; }}@media all and (max-width: 550px) { body > .mainBox:not(.ignore-inner-defaults) { padding: 0.75rem 0.5rem 0 0.5rem; }}.mask-reveal { overflow: hidden;}.mask-reveal > * { transition: transform 1.7s cubic-bezier(0.165, 0.84, 0.44, 1); transform: translateX(0%) translateY(0%);}.mask-reveal.mask-reveal-plus-x:not(.show) > * { transform: translateX(100%) translateY(0%); }.mask-reveal.mask-reveal-minus-x:not(.show) > * { transform: translateX(-100%) translateY(0%); }.mask-reveal.mask-reveal-plus-y:not(.show) > * { transform: translateX(0%) translateY(100%); }.mask-reveal.mask-reveal-minus-y:not(.show) > * { transform: translateX(0%) translateY(-100%); }.mask-reveal.mask-reveal-plus-x.mask-reveal-plus-y:not(.show) > * { transform: translateX(100%) translateY(100%); }.mask-reveal.mask-reveal-plus-x.mask-reveal-minus-y:not(.show) > * { transform: translateX(100%) translateY(-100%); }.mask-reveal.mask-reveal-minus-x.mask-reveal-minus-y:not(.show) > * { transform: translateX(-100%) translateY(-100%); }.mask-reveal.mask-reveal-minus-x.mask-reveal-plus-y:not(.show) > * { transform: translateX(-100%) translateY(100%); }.scrollbarStyle-1 { --scrollbar-size: 10px; --scrollbar-foreground: var(--main-color_2, #999); --scrollbar-background: #333; scrollbar-color: var(--scrollbar-foreground) var(--scrollbar-background); scrollbar-width: var(--scrollbar-size);}.scrollbarStyle-1::-webkit-scrollbar { width: var(--scrollbar-size); height: var(--scrollbar-size);}.scrollbarStyle-1::-webkit-scrollbar-thumb { background: var(--scrollbar-foreground); box-shadow: 0 0 calc(var(--scrollbar-size) * 0.6) rgba(0, 0, 0, 0.3);}.scrollbarStyle-1::-webkit-scrollbar-track { background: var(--scrollbar-background); border-radius: var(--scrollbar-size); box-shadow: 0 0 calc(var(--scrollbar-size) * 0.6) rgba(0, 0, 0, 0.3);}.scrollbarStyle-1::-webkit-scrollbar-corner { background: var(--scrollbar-background);}.statsbox { position: fixed; bottom: 0; right: 0; padding: 0.3rem 0.75rem; line-height: 1.25; background-color: rgba(30, 30, 30, 0.9);}.standardTabBox { align-self: stretch; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; align-content: flex-start; padding: 0 18px; border-bottom: 2px solid var(--clr-main-400, #ffff); position: relative; overflow: hidden;}.standardTabBox > .standardTab { transition: background-color 0.3s ease-out, color 0.3s ease-out, transform 0.3s ease-out; padding: 5px 10px 10px 10px; margin: 5px 1px -5px 0; background-color: rgba(0, 0, 0, 0.45); cursor: pointer; transform: scale(1, 1) translateY(0px); transform-origin: 50% 100%; will-change: transform;}.standardTabBox > .standardTab:focus-visible,.standardTabBox > .standardTab:hover { background-color: var(--clr-main-400, #fff7);}.standardTabBox > .standardTab:active,.standardTabBox > .standardTab.active { transition: background-color 0.05s ease-out, color 0.05s ease-out, transform 0.3s ease-out; background-color: var(--clr-main-400, #ffff); z-index: 1; color: #fff; text-shadow: 0 0 2px #fff, 0 0 3px #000; transform: scale(1, 1) translateY(-3px);}.standardTabContents-hidden { display: none;}.do-overlay-image { border-image: fill 0 linear-gradient(#0003, #000);}.do-scroll-x-snap { scroll-snap-type: x mandatory;}.do-scroll-y-snap { scroll-snap-type: y mandatory;}.do-scroll-x-snap > *,.do-scroll-y-snap > * { scroll-margin: 5rem; scroll-snap-align: start; scroll-snap-stop: always;}