@import"https://fonts.googleapis.com/css?family=Open+Sans";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Sancreek&display=swap";#root{width:100%}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.footer{position:relative;height:250px;overflow:clip}.footer .content{padding:40px 20px;position:absolute;box-sizing:border-box;z-index:1;width:100%;display:flex;flex-direction:column;row-gap:40px}.footer .sponsorList{display:flex;box-sizing:border-box;column-gap:20px;margin-right:auto;flex-wrap:wrap;align-items:center}.footer .mailAddress{width:fit-content}.footer .footerBackground{position:absolute;width:125%;left:-3rem}@media only screen and (max-width: 1023px){.footer{height:625px}.footer .content{padding:32px 20px}.footer .sponsorList{flex-direction:column;row-gap:20px;margin:auto}.footer .footerBackground{width:200%}}.totalNavbarLayout{position:sticky;top:0;z-index:1000;background-color:var(--page-background-colour);a {text-decoration: none;}}.toolBarText{font-size:24px;font-family:Medusa;color:var(--text-on-background-colour-1);display:flex}.hoverText:hover{text-shadow:0px 0px 10px rgba(0,0,0,.75);transition:all .3s cubic-bezier(.53,.54,.58,.98)}.hoverFacebook:hover{background-color:#0000001a;box-shadow:0 0 5px 8px #0000001a;transition:all .1s cubic-bezier(.53,.54,.58,.98)}.hoverInsta:hover{background-color:#0000001a;box-shadow:0 0 5px 2px #0000001a;transition:all .2s cubic-bezier(.53,.54,.58,.98)}.navbarField{display:flex;flex-direction:row;align-items:center;height:6.25rem;width:100%;padding:4px 0;justify-content:space-between;box-shadow:0 2px 5px #00000047}.navbarLeftContent{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:100%;height:100%;margin:0 16px 0 32px}.memberToolBarText{font-size:14px;font-weight:600;color:var(--text-on-background-colour-1);padding:0 20px}.memberNavbarField{display:flex;flex-direction:row;justify-content:flex-end;background-color:var(--medusa-lightblue);align-items:center;height:3rem;width:100%;padding:4px 0;box-shadow:0 2px 5px #00000047,0 2px 5px #00000047 inset;a {text-decoration: none;}}@keyframes slideInFromAbove{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideInFromAboveRestContent{0%{height:0}to{height:3rem}}.memberNavbarContent{display:flex;flex-direction:row;align-items:center;height:100%;margin:0 16px 0 32px}@media only screen and (max-width: 1023px){.memberNavbarContent{margin:auto;width:auto}}.currentProduction{display:flex;flex-direction:column;align-items:center;position:relative;background-color:var(--text-on-background-colour-1);a {text-decoration: underline; color: var(--text-on-background-colour-1);} .productionTitle {font-size: 34px; font-family: "Medusa"; font-weight: 800; color: var(--page-background-colour); padding: 0 20px;} .pageSubTitle {color: var(--page-background-colour);} .productionLayout {display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 1rem; width: 100%; padding-block: 10%; position: relative;} .productionDescription {margin-right: auto; padding-left: 10%; z-index: 100; padding-bottom: 200px; padding: 0px 20%px;} .productionDescriptionElement {width: auto; max-width: 450px; color: var(--page-background-colour);} .parthenon {width: 30%; margin-left: auto; position: absolute; right: 0; bottom: 5%;}}.currentProduction .orm{position:absolute;right:2.5%;top:-35px;width:25%;height:100%;transform:scaleX(-1)}.currentProduction .columnPair{left:0;top:20%;position:absolute;align-items:center;gap:16px;padding-left:20px;margin-right:auto}.currentProduction .datumHeader{font-size:72px;font-family:FranklinGothicBlack;font-weight:800;color:var(--page-background-colour);text-align:center}@media only screen and (max-width: 1023px){.currentProduction .productionDescriptionElement{width:auto;max-width:450px}.currentProduction .productionLayout{flex-direction:column}.currentProduction .productionDescription{padding-left:5%;padding-block:10% 30%}.currentProduction .orm{top:-12%;height:auto}.currentProduction .parthenon{bottom:0}}@media only screen and (max-width: 426px){.currentProduction .columnPair{top:10%;align-items:center;gap:16px;padding-left:20px;margin-right:auto}.currentProduction .datumHeader{font-size:54px}.currentProduction .productionLayout{flex-direction:column;gap:.5rem;padding-block:10% 5%}.currentProduction .productionDescription{padding-inline:2%}.currentProduction .productionDescriptionElement{padding:0 24px;width:auto}.currentProduction .parthenon{bottom:0}}.merInfoLayout{display:flex;padding-inline:var(--page-padding-inline-mobile);gap:var(--page-padding-inline-mobile)}.merInfoLayout .merInfoGridDescription{text-align:center;align-items:center;font-size:.875rem;color:var(--text-on-background-colour-2);margin:0}.merInfoLayout .merInfoAnchor{text-decoration-line:underline;color:var(--text-on-background-colour-2)}.merInfoLayout .merInfoGridElementTitle{font-size:2.5rem;margin:0;font-weight:400;color:var(--text-on-contrast-colour);text-align:center}@media only screen and (max-width: 1023px){.merInfoLayout{display:flex;flex-direction:column;gap:20px;padding-bottom:10%;padding-inline:var(--page-padding-inline-mobile)}}.medusaCard{position:relative;width:100%;height:fit-content}.medusaCard .medusaCardChildren{display:flex;width:100%;height:100%;padding:1.5rem 2.5rem;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.medusaCard .medusaCardBackground{width:100%;height:auto}@media only screen and (max-width: 1023px){.medusaCard .medusaCardChildren{padding:1.5rem 2.5rem}}.omOss{display:flex;flex-direction:column;align-items:center;background-color:var(--text-on-background-colour-1)}.imageWithText{display:flex;flex-direction:row;width:100%;align-items:center}.chapter-block{p {position: relative; z-index: 1; max-width: 75%;} .image-container img {display: block; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;} .image-container img::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%;} @keyframes fadein {to {opacity: 0; transform: translateY(0);}}}.chapter-block .content{padding-block:4rem;background-color:var(--text-on-background-colour-1) 50%;z-index:1;position:relative;max-width:75%;-webkit-mask-image:linear-gradient(transparent,var(--text-on-background-colour-1) 5%,var(--text-on-background-colour-1) 95%,transparent);mask-image:linear-gradient(transparent,var(--text-on-background-colour-1) 5%,var(--text-on-background-colour-1) 95%,transparent);margin:auto;p,a {color: var(--text-on-background-colour-2);} > *:not(.visual-block) {margin-inline: 3rem;}}.chapter-block .banner-grid{display:grid;justify-items:center;justify-content:center;grid-template-columns:repeat(3,minmax(33%,auto));width:100%;max-width:100%;overflow:hidden;max-height:450px}.chapter-block .image-container{position:sticky;top:0;z-index:0}@media only screen and (max-width: 1023px){.chapter-block .content{padding-block:2rem;max-width:95%;p {max-width: none;} > *:not(.visual-block) {margin-inline: 1rem;}}}.largeTitle{font-size:50px;font-weight:800;color:#cf1616;padding:20px 20px 30px;text-align:center}.fourByfourGrid{display:grid;justify-items:center;width:100%;max-width:100%;padding:40px 0;row-gap:4%;column-gap:5%;grid-template-columns:repeat(2,minmax(40%,auto));margin-bottom:40px}.gridElement{margin:auto 0}.visual{p {font-style: italic; text-wrap: balance;}}.visual-container{display:flex;background-color:var(--visual-background-color);img {width: 100%; margin: auto;} img.center {align-self: end; border-radius: 3rem; border-bottom-left-radius: 0; border-bottom-right-radius: 0; max-width: 80%; padding-inline: 10px; margin-top: 3rem; margin-bottom: 0;}}.visual-block{box-sizing:border-box;width:100%;--visual-block-gap: 3rem;display:grid;grid-template-columns:repeat(2,var(--visual-block-gap) [col-start] 1fr var(--visual-block-gap))}.visual-block>.visual-caption{grid-column-start:2;max-width:none;color:var(--text-on-background-colour-1)}.visual-block .visual{grid-column-start:5;p {margin-left: auto; text-align: end;}}.visual-block.image-first .visual-caption{grid-column-start:5;grid-row-start:1}.visual-block.image-first .visual{grid-column-start:2;grid-row-start:1;p {margin-left: 0; text-align: start;}}@media only screen and (max-width: 900px){.visual-block,.visual-block.image-first{box-sizing:border-box;width:100%;--visual-block-gap: 1rem;display:grid;grid-template-columns:var(--visual-block-gap) 1fr var(--visual-block-gap)}.visual-block .visual-caption,.visual-block.image-first .visual-caption{grid-row-start:2;grid-column-start:2}.visual-block .visual,.visual-block.image-first .visual{grid-column-start:2;grid-row-start:1}}.visual-caption{text-wrap:balance}.biljetter{display:flex;flex-direction:column;align-items:center;height:fit-content;h2,p {margin: 0;} p {font-size: 16px;}}.biljetter .header-banner{width:100%;height:auto;aspect-ratio:27/9;object-fit:cover;overflow:clip;object-position:top;-webkit-mask-image:linear-gradient(black 67%,transparent 100%);mask-image:linear-gradient(black 67%,transparent 100%)}.biljetter>div{display:flex;width:100%;padding-block:62px;justify-content:space-between}.biljetter>div>.synopsis{display:flex;flex-direction:column;gap:16px;padding:12px 12px 12px 200px}.biljetter>div>.synopsis>p{width:fit-content;max-width:650px;color:var(--text-on-background-colour-1)}.biljetter .biljett-card-wrapper{display:flex;flex-direction:column;margin-inline-end:132px}.biljetter .biljett-card-wrapper>.biljett-card{background-color:var(--text-on-background-colour-1);display:inherit;flex-direction:inherit;gap:20px;padding-block:36px;a {width: fit-content; padding-inline: 0; margin: auto; text-decoration: none;} h2 {color: var(--emphasised-text-colour); font-weight: normal;} p {color: var(--text-on-background-colour-2);} .shows {p:last-child {padding-top: 16px;}}}.biljetter .biljett-card-wrapper>.biljett-card>*{display:inherit;flex-direction:inherit;gap:14px;padding-inline:36px}@media only screen and (max-width: 1023px){.biljetter{h1 {font-size: 32px; text-align: center;} > div {flex-direction: column; margin: 12px; margin-block-start: 32px; gap: 20px; padding: 0; .synopsis {padding: 12px;}} .header-banner {aspect-ratio: 21/9; mask-image: linear-gradient(black 63%,transparent 100%);} .biljett-card-wrapper {margin: 0; width: 100%;}}}.bokaOss{display:flex;gap:36px;a.emphasis,p.emphasis {color: var(--text-on-background-colour-1); font-size: 20px; font-weight: bold;} img:first-of-type {display: block;} img:last-of-type {display: none;} .show-md {display: none;} .text-content {display: flex; flex-direction: column; gap: 32px; padding-block: 24px; > div {display: flex; gap: 40px; justify-content: space-between; .descriptions {display: flex; flex-direction: column; gap: 16px; width: 50%; p {color: var(--text-on-background-colour-1);}}} .pris-card-wrapper {display: flex; flex-direction: column; margin-inline-end: 32px; > .pris-card {background-color: var(--text-on-background-colour-1); display: inherit; flex-direction: inherit; padding-block: 36px; > * {display: inherit; flex-direction: inherit; padding-inline: 36px;} h2 {color: var(--emphasised-text-colour); font-weight: normal;} p {color: var(--text-on-background-colour-2);}}}} h1 {font-size: 40px; margin: 0;} h2,p {margin: 0;} p {font-size: 16px;}}@media only screen and (max-width: 1200px){.bokaOss .text-content>div{gap:24px;flex-direction:column}.bokaOss .text-content>div .descriptions{width:100%;box-sizing:border-box;padding-right:36px}.bokaOss .text-content .pris-card-wrapper{margin:0}.bokaOss .show-md{display:initial}.bokaOss .show-desktop{display:none}}@media only screen and (max-width: 1023px){.bokaOss{flex-direction:column;align-items:center;h1 {font-size: 32px; text-align: center;} .text-content {p {padding-inline: var(--page-padding-inline-mobile);} > div:first-of-type {margin-inline: auto;} > div {.descriptions {padding-right: 0;}}} > * {> * {align-items: center;}} img:first-of-type {display: none;} img:last-of-type {display: block;} > img {padding-inline: 0;}}}.sektioner{display:flex;flex-direction:column;align-items:center;gap:32px;padding-block:24px}.sektioner .sektion{display:flex;flex-direction:column;width:90%;margin:25px 0;align-items:center;p {color: var(--text-on-background-colour-2);}}.sektioner .sektionTitle{font-size:32px;font-weight:400;color:var(--emphasised-text-colour);text-align:center;margin:0}.tidigareSpex{display:flex;flex-direction:column;align-items:center;gap:32px;padding-block:24px}.tidigareSpex .grid{display:grid;justify-items:center;justify-content:center;width:100%;max-width:100%;padding:0}.tidigareSpex .spex{display:flex;flex-direction:column;width:90%;a {text-decoration: none;} .spexTitle {font-size: 30px; font-weight: 600; text-align: center; color: var(--text-on-background-colour-1);}}.singleSpexPageLayout{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:30px 0;div.MuiCard-root {background-color: var(--text-on-background-colour-1); button.MuiTab-root {color: var(--medusa-lightblue);} button.Mui-selected {color: var(--emphasised-text-colour);} span.MuiTabs-indicator {background-color: var(--emphasised-text-colour);}} .singleSpexContentLayout {display: flex; flex-direction: column; width: 100%; align-items: center;} .cardBackgroundContainer {display: flex; flex-direction: row; width: 90%; padding: 30px 10px;} .cardBackground {display: flex; flex-direction: row; justify-content: space-around; background-color: #fffef0; padding: 40px; box-shadow: 2px 3px 20px rgba(0,0,0,.75),0 0 60px #8a4d0f inset; width: 100%; scale: .9;} .singleSpexPoster {height: auto; margin: 10px; max-width: 50%; aspect-ratio: 298/420; box-shadow: 0px 0px 2px 2px rgba(0,0,0,.1);} .singleSpexTexts {width: auto; height: 100%; max-width: 55%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 40px; padding: 0;} .singleSpexTitle {width: fit-content; font-weight: normal; color: var(--emphasised-text-colour); margin: 0; text-align: center;} .description {font-size: 18px; padding: 0 10px;} .singleSpexPoster.Robin-Hood-1991 {aspect-ratio: 149/420; height: 500px; width: auto;}}@media only screen and (max-width: 1023px){.singleSpexPageLayout{align-items:center;div.MuiCard-root {width: 90%; .musicPlayerTab {> div {padding: 12px;}}}}.singleSpexPageLayout .cardBackground{flex-direction:column;display:flex;align-items:center;padding:50px 0 30px;scale:none}.singleSpexPageLayout .singleSpexContentLayout{display:flex;flex-direction:column;width:fit-content;align-items:center;padding:30px 10px}.singleSpexPageLayout .singleSpexTexts{width:100%;align-items:center;gap:10px;padding:30px 0}.singleSpexPageLayout .singleSpexPoster{width:100%;margin:0}.singleSpexPageLayout .singleSpexTitle{font-size:24px}.singleSpexPageLayout .description{padding:0;font-size:16px}.singleSpexPageLayout .Alexander-Graham-Bell-2001,.singleSpexPageLayout .Svindlande-Affarer-1985,.singleSpexPageLayout .HC-Andersen-2001{aspect-ratio:auto;max-width:75%}}@media only screen and (min-width: 1022px){.singleSpexPageLayout .Svindlande-Affarer-1985{aspect-ratio:463/335;width:463px;height:335px;margin-top:40px;box-shadow:none}.singleSpexPageLayout .HC-Andersen-2001{aspect-ratio:376/235;width:376px;height:235px;margin-top:40px}.singleSpexPageLayout .Alexander-Graham-Bell-2001{aspect-ratio:345/235;width:414px;height:282px;margin-top:50px}}.videoPlayer{width:560px}@media only screen and (max-width: 1023px){.videoPlayer{width:100%;height:auto}}.rhap_container{box-sizing:border-box;display:flex;flex-direction:column;line-height:1;font-family:inherit;width:100%;padding:10px 15px;background-color:#fff;box-shadow:0 0 3px #0003}.rhap_container:focus:not(:focus-visible){outline:0}.rhap_container svg{vertical-align:initial}.rhap_header{margin-bottom:10px}.rhap_footer{margin-top:5px}.rhap_main{display:flex;flex-direction:column;flex:1 1 auto}.rhap_stacked .rhap_controls-section{margin-top:8px}.rhap_horizontal{flex-direction:row}.rhap_horizontal .rhap_controls-section{margin-left:8px}.rhap_horizontal-reverse{flex-direction:row-reverse}.rhap_horizontal-reverse .rhap_controls-section{margin-right:8px}.rhap_stacked-reverse{flex-direction:column-reverse}.rhap_stacked-reverse .rhap_controls-section{margin-bottom:8px}.rhap_progress-section{display:flex;flex:3 1 auto;align-items:center}.rhap_progress-container{display:flex;align-items:center;height:20px;flex:1 0 auto;align-self:center;margin:0 calc(10px + 1%);cursor:pointer;user-select:none;-webkit-user-select:none}.rhap_progress-container:focus:not(:focus-visible){outline:0}.rhap_time{color:#333;font-size:16px;user-select:none;-webkit-user-select:none}.rhap_progress-bar{box-sizing:border-box;position:relative;z-index:0;width:100%;height:5px;background-color:#ddd;border-radius:2px}.rhap_progress-filled{height:100%;position:absolute;z-index:2;background-color:#868686;border-radius:2px}.rhap_progress-bar-show-download{background-color:#dddddd80}.rhap_download-progress{height:100%;position:absolute;z-index:1;background-color:#ddd;border-radius:2px}.rhap_progress-indicator{box-sizing:border-box;position:absolute;z-index:3;width:20px;height:20px;margin-left:-10px;top:-8px;background:#868686;border-radius:50px;box-shadow:#86868680 0 0 5px}.rhap_controls-section{display:flex;flex:1 1 auto;justify-content:space-between;align-items:center}.rhap_additional-controls{display:flex;flex:1 0 auto;align-items:center}.rhap_repeat-button{font-size:26px;width:26px;height:26px;color:#868686;margin-right:6px}.rhap_main-controls{flex:0 1 auto;display:flex;justify-content:center;align-items:center}.rhap_main-controls-button{margin:0 3px;color:#868686;font-size:35px;width:35px;height:35px}.rhap_play-pause-button{font-size:40px;width:40px;height:40px}.rhap_volume-controls{display:flex;flex:1 0 auto;justify-content:flex-end;align-items:center}.rhap_volume-button{flex:0 0 26px;font-size:26px;width:26px;height:26px;color:#868686;margin-right:6px}.rhap_volume-container{display:flex;align-items:center;flex:0 1 100px;user-select:none;-webkit-user-select:none}.rhap_volume-bar-area{display:flex;align-items:center;width:100%;height:14px;cursor:pointer}.rhap_volume-bar-area:focus:not(:focus-visible){outline:0}.rhap_volume-bar{box-sizing:border-box;position:relative;width:100%;height:4px;background:#dddddd;border-radius:2px}.rhap_volume-indicator{box-sizing:border-box;position:absolute;width:12px;height:12px;margin-left:-6px;left:0;top:-4px;background:#868686;opacity:.9;border-radius:50px;box-shadow:#86868680 0 0 3px;cursor:pointer}.rhap_volume-indicator:hover{opacity:.9}.rhap_volume-filled{height:100%;position:absolute;z-index:2;background-color:#868686;border-radius:2px}.rhap_button-clear{background-color:transparent;border:none;padding:0;overflow:hidden;cursor:pointer}.rhap_button-clear:hover{opacity:.9;transition-duration:.2s}.rhap_button-clear:active{opacity:.95}.rhap_button-clear:focus:not(:focus-visible){outline:0}.audioPlayer{padding:8px;background-color:var(--medusa-lightblue);box-shadow:0 0 35px 5px #0000001a;button {text-align: start;} * {color: var(--text-on-background-colour-1);} div.rhap_time {color: var(--text-on-background-colour-1);} .songHeader {text-align: center; color: var(--text-on-background-colour-1); padding: 16px 0; margin: 0;} @media only screen and (max-width: 1023px) {div.rhap_volume-controls,div.rhap_additional-controls {display: none;} div.rhap_controls-section {margin-inline: auto;}}}.audioPlayer .songList{display:flex;flex-direction:column}.adminPageLayout .tableMenu{display:flex;flex-direction:row;gap:10px;height:fit-content;padding:0 15px;button {color: var(--medusa-lightblue);}}.adminPageLayout .userGridWithMenu{display:flex;flex-direction:column;gap:10px;background-color:var(--text-on-background-colour-1);padding:15px;width:90%}.adminPageLayout .MuiCardContent-root{background-color:#fefefe;span {color: var(--text-on-background-colour-2);} span.Mui-checked {color: var(--emphasised-text-colour);} .MuiFormControlLabel-root .MuiFormControlLabel-label.Mui-disabled {color: rgba(255,255,255,.6);} .MuiCheckbox-root.Mui-disabled {color: rgba(255,255,255,.6);} .MuiButton-root.Mui-disabled {color: rgba(255,255,255,.6); background-color: rgba(255,255,255,.6);}}@media only screen and (max-width: 1023px){.userGrid{width:90%}}.signUpPageLayout{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding-bottom:40px;gap:20px;div.MuiAlert-standard.errorAlertBox {* {color: rgb(255,88,88);}} div.MuiAlert-colorSuccess {* {color: lightgreen;}} > div {background-color: var(--text-on-background-colour-1); * {color: var(--text-on-background-colour-2);} input {color: var(--text-on-background-colour-1); padding: 8px; font-size: 16px; outline: 2px solid var(--medusa-lightblue); border-style: none; transition: outline-color .1s linear; border-radius: 4px; &:focus {outline: 2px solid var(--emphasised-text-colour);}} button {margin-inline: auto; background-color: var(--emphasised-text-colour); font-family: Medusa; color: var(--text-on-background-colour-1); font-size: 24px; width: fit-content;}}}.signUpPageLayout .instructionText{font-size:18px;padding:0 10px;width:540px;color:var(--text-on-background-colour-1)}.signUpPageContent{padding:10px}.formCard{width:fit-content}.signUpForm{display:flex;flex-direction:column;align-items:center;width:500px;gap:25px;padding:10px}.textField{width:100%}.errorAlertBox{max-width:450px}@media only screen and (max-width: 1023px){.instructionText{font-size:18px;padding:0 10px;width:90%}.signUpForm{width:95%}.formCard{width:90%}.errorAlertBox{max-width:80%}}@media only screen and (max-width: 600px){.textField{width:90%}}.byrakrati{a {color: var(--text-on-background-colour-1); width: fit-content;}}.post-card{padding:32px 16px}@media only screen and (max-width: 1023px){.post-card{padding:16px 4px}}.tabsPageLayout{width:100%;display:flex;flex-direction:row;flex-grow:1}.tabsPageLayout .MuiTableRow-head{background-color:var(--medusa-lightblue)}.tabsPageLayout .MuiTabs-root{background-color:var(--text-on-background-colour-1);button {color: var(--medusa-lightblue); &.Mui-selected {color: var(--emphasised-text-colour);}} span.MuiTabs-indicator {background-color: var(--emphasised-text-colour);}}.tabPanel-layout{padding:1rem 3rem}.tab{align-self:start}@media only screen and (max-width: 1023px){.tabsPageLayout{flex-direction:column;align-items:center}.tabsPageLayout .TabPanel{margin:auto}.tabPanel-layout{width:90%;padding:1rem 0}}.spexGrid{width:100%}.maxLimit80{max-width:80%}.FileManagerTableMenu{display:flex;justify-content:space-between;padding:0 20px 0 28px;margin:1% 0}.BreadCrumbsText{margin:auto 0;font-size:18px}.adminVotingCard .votingCard{border:2px solid var(--medusa-lightblue);border-radius:1rem}.votingCard{width:400px;padding:1rem;background-color:var(--text-on-background-colour-1);color:var(--text-on-background-colour-2);span {color: var(--text-on-background-colour-2);} span.Mui-checked {color: var(--emphasised-text-colour);} .MuiFormControlLabel-root .MuiFormControlLabel-label.Mui-disabled {color: rgba(255,255,255,.6);} .MuiCheckbox-root.Mui-disabled {color: rgba(255,255,255,.6);} .MuiButton-root.Mui-disabled {color: rgba(255,255,255,.6); background-color: rgba(255,255,255,.6);} button {margin-inline: auto; background-color: var(--emphasised-text-colour); font-family: Medusa; color: var(--text-on-background-colour-1); font-size: 18px;}}.votingCard .MuiFormGroup-root{align-items:start;label {padding-inline: 1rem;}}.votingCard>h2{color:var(--emphasised-text-colour);margin-inline:auto;width:fit-content;font-weight:400}.votingCard>p{text-align:center}@media only screen and (max-width: 1023px){.votingCard{margin-inline:auto;width:250px}}.newVoteDialog{input {color: var(--text-on-background-colour-1); padding: 8px; font-size: 16px; outline: 2px solid var(--medusa-lightblue); border-style: none; transition: outline-color .1s linear; border-radius: 4px; &:focus {outline: 2px solid var(--emphasised-text-colour);}} .flex-col.dialogcontent {gap: 24px; > div {display: flex; flex-direction: column; gap: .5rem; margin-inline: auto;}} .votingAlternative {padding-left: 2.5rem;} .numberOfVotes {text-align: center; width: 100px;} .numVotesLabel {color: var(--text-on-background-colour-1); font-size: 12px; margin-inline: auto;} @media only screen and (max-width: 1023px) {.votingAlternative {input {width: 85%;}}}}.adminVotingCard{width:100%;background-color:var(--medusa-lightblue);padding-block:24px}.adminVotingCard>h2{color:var(--text-on-background-colour-1);font-weight:400;margin-inline:auto;width:fit-content}@media only screen and (max-width: 1023px){.adminVotingCard{box-sizing:border-box;padding-inline:var(--page-padding-inline-mobile)}}.colour-display{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-evenly}.colour-presentation{padding:1rem;transition:all 5s;animation:fade-in ease}.colour-presentation .colour-description{padding:1rem;opacity:0;transition:all 1s;max-width:50%}.colour-presentation:hover .colour-icon{transform:scale(1.15)}.colour-presentation:hover .colour-description{background-color:#7d7d7d40;opacity:1}.colour-presentation .colour-icon{aspect-ratio:1/1;height:5rem;border-radius:3rem;border-width:.5rem;border-style:solid;border-color:#0f0f0f8c;transition:all .7s}.header-test{p {position: relative; z-index: 1; max-width: 75%;} .image-container img {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;} .image-container img::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%;} @keyframes fadein {to {opacity: 0; transform: translateY(0);}}}.header-test .content{padding-block:4rem;background-color:#17171c80;z-index:1;position:relative;max-width:75%;-webkit-mask-image:linear-gradient(transparent,black 5%,black 95%,transparent);mask-image:linear-gradient(transparent,black 5%,black 95%,transparent);margin:auto}.header-test .bannerGrid{display:grid;justify-items:center;justify-content:center;grid-template-columns:repeat(3,minmax(33%,auto));width:"100%";max-width:100%;padding:10px 0 0;overflow:hidden;max-height:450px}.header-test .image-container{position:sticky;top:0;width:100vw;height:90vh;z-index:0}@font-face{font-family:FranklinGothicBlack;src:local("FranklinGothicBlack"),url(/assets/franklin-gothic-atf-black-1b6b69e8.otf) format("opentype")}@font-face{font-family:FranklinGothicMedium;src:local("FranklinGothicMedium"),url(/assets/franklin-gothic-atf-medium-b4ec043a.otf) format("opentype")}@font-face{font-family:Medusa;src:local("Medusa"),url(/assets/Medusa-fda4ffba.ttf) format("truetype")}:root{font-family:Open Sans,Helvetica;font-weight:400,500,600,700,800;--dark-red: #8b0000;--woodsmoke: #17171c;--red: #cf1616;--logo-text: #c73329;--nose-red: #ca312b;--white: #fff;--black: #000;--lighter-gray: #e3e3e3;--gray-AAA: #c7c5c5;--medusa-beige: #f9dfc6;--medusa-darkblue: #0b0829;--medusa-lightblue: #8fa0d8;--medusa-orange: #ff8400;--text-on-background-colour-1: var(--medusa-darkblue);--text-on-background-colour-2: var(--lighter-gray);--page-background-colour: var(--medusa-beige);--text-on-contrast-colour: var(--medusa-beige);--emphasised-text-colour: var(--medusa-orange);--accent-red-colour: var(--dark-red);background-color:var(--page-background-colour);--page-padding-inline-mobile: .5rem}:root>*{background-color:var(--page-background-colour)}h1,h2,h3{color:var(--text-on-background-colour-1)}h1,h2{font-family:Medusa}h3,h4,h5{font-family:FranklinGothicBlack}p,a,span{font-family:FranklinGothicMedium}p,a{color:var(--text-on-background-colour-2)}*.contrast{color:var(--text-on-contrast-colour)}*.emphasis{color:var(--emphasised-text-colour)}a{cursor:pointer;text-decoration:underline}button{cursor:pointer;background-color:transparent;border:none}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}div.MuiCard-root,div.MuiPaper-root{p,div,a {color: var(--text-on-background-colour-1);}}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}.gridCommonText{font-size:16px;text-align:center;padding:0 10px}.largeCommonText{font-size:20px}.commonText{font-size:18px}.layoutSubTitle{font-size:18px;font-weight:800;color:#fff}.pageSubTitle{font-size:22px;font-weight:400;padding:4px 20px 20px}.pageTitle{font-size:39px;font-weight:800;color:#cf1616;margin:auto}.gridPageTitle{font-size:39px;font-weight:800;color:#cf1616;text-align:center;padding:60px 20px 40px}@media only screen and (max-width: 1023px){.gridElement4{grid-template-columns:repeat(1,minmax(100%,auto))}.gridElement2{grid-template-columns:repeat(2,minmax(50%,auto))}.imageWithText{display:flex;flex-direction:column;width:100%}}@media only screen and (min-width: 1024px){.gridElement3{grid-template-columns:repeat(3,minmax(33%,auto))}.gridElement4{grid-template-columns:repeat(4,minmax(25%,auto))}.imageWithText{display:flex;flex-direction:row;width:100%}}.grid{display:grid;justify-items:center;justify-content:center;width:100%;max-width:100%;padding:10px 0}