@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css";html,body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:18px}*{box-sizing:border-box}body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;padding:1em;padding-bottom:calc(82px + env(safe-area-inset-bottom));font-size:16px}@media (prefers-color-scheme:dark){body{--lightningcss-light: ;--lightningcss-dark:initial}}@media (display-mode:standalone){body{padding-bottom:calc(98px + env(safe-area-inset-bottom))}}body,#root{background-color:#fff}@media (prefers-color-scheme:dark){body,#root{color:#eee;background-color:#000}}.bottom-bar{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));margin:auto;position:fixed;bottom:0;left:0;right:0}@media (display-mode:standalone){.bottom-bar{padding-bottom:calc(28px + env(safe-area-inset-bottom))}}.bottom-bar{background-color:inherit;border-top:1px solid #8888;justify-content:center;gap:20px;width:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;display:flex}.bottom-bar a{color:inherit;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:4px;width:64px;text-decoration:none;transition:opacity .2s;display:flex}.bottom-bar a.active{color:#3b81f6}.bottom-bar a span{font-size:12px}@media (hover:hover){.bottom-bar a:active{opacity:.5}}.bottom-bar .fa{font-size:24px}@media not (display-mode:standalone),(display-mode:window-controls-overlay){.standalone-only{display:none!important}}.app-header{--bg:white;text-align:center;background:inherit;box-shadow:0 0 2px 3px var(--bg);z-index:10;justify-content:center;margin-block:-16px 0;padding-block:16px 10px;font-size:21px;display:flex;position:sticky;top:0}@media (prefers-color-scheme:dark){.app-header{--bg:black}}.content-wrapper{min-width:min(350px,100%);margin:auto}.content-wrapper>.center{text-align:center;width:max-content;max-width:calc(100% - 32px);margin:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.content-wrapper>.center>button{margin-top:12px}.content-wrapper:empty{background-image:url(/petr.png);background-position:50%;background-repeat:no-repeat;background-size:120px;animation:1.5s infinite wobble;position:fixed;inset:0 0 50px}@keyframes wobble{0%{transform:rotate(6deg)scale(1)}50%{transform:rotate(-6deg)scale(1.1)}to{transform:rotate(6deg)scale(1)}}.meal-header .meal{padding:2px 4px;font-family:inherit;font-size:18px}.meal-header button{font:inherit;display:contents}.meal-header button span{color:#888}.meal-header button.selected span{color:inherit;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.meal-header button{color:inherit}.meal-header button:disabled{cursor:wait}.menu-wrapper:not(:empty){flex-direction:column;width:fit-content;max-width:100%;display:flex}.station-name{margin-block:.5em;color:#fff;cursor:pointer;border:4px solid #0000;min-width:min(350px,100%);margin:.5em 0 0;padding:2px 6px;font-size:1.25em;transition:color .2s;display:flex}.station-name:first-child{margin-top:.25em}.station-name.collapsed+.station-contents{display:none}.station-name.collapsed:after{content:"+"}.station-name:after{content:"−";margin-inline:auto 4px;display:inline-flex;position:relative;top:-2px;transform:scale(1.2)}.station-name:active{color:#fffa}.station-contents{border-style:solid;border-width:0 4px 4px;min-width:min(350px,100%);max-width:100%;padding:4px 8px}.menu-item{width:fit-content;max-width:100%;margin:4px 0}.slant-wrapper{--bg:#ddd;color:#000;--height:24px;--skew:3px;background:var(--bg);margin-inline:calc(var(--skew) * 2);height:var(--height);box-sizing:border-box;align-items:center;display:inline-flex;position:relative}.slant-wrapper:before,.slant-wrapper:after{content:" ";box-sizing:border-box;height:var(--height);border-style:solid;border-width:calc(var(--height) / 2) var(--skew);border-color:#0000 var(--bg) var(--bg) #0000;z-index:1;display:block;position:absolute;top:0;right:100%}.slant-wrapper:after{left:100%;right:unset;border-color:var(--bg) #0000 #0000 var(--bg)}.slant-wrapper.invert{--bg:#666;color:#fff}@media (prefers-color-scheme:dark){.slant-wrapper{--bg:#444;color:#fff}.slant-wrapper.invert{--bg:#aaa;color:#000}}.slant-wrapper>:is(input,select,span,button,a){color:inherit;-webkit-tap-highlight-color:#0000;background:0 0;border:none;outline:none;padding:0 6px;font-family:inherit;font-size:14px}.slant-wrapper>input{padding-inline:4px}.slant-wrapper>:is(button,a){text-align:center;cursor:pointer;transition:opacity .2s;display:inline-block}.slant-wrapper>:is(button,a):hover{opacity:.8}.slant-wrapper>:is(button,a):active{opacity:.5}.slant-wrapper>:is(button,a):disabled{cursor:wait;opacity:.4}.slant-wrapper>:is(button,a):not(.padded){padding:0 0 .5px}.slant-wrapper>:is(button,a) i.fa:first-child:last-child{width:20px}.slant-wrapper>span{font-size:16px;font-weight:400}.slant-wrapper:has(:not(button):focus){filter:drop-shadow(0 0 2px #2265b8)}.route-name{border-left:none;margin-block:.5em;padding-left:0;font-size:1.25em}.route-name:first-child{margin-top:0}.route:not([hidden]){border-left:4px solid;margin:4px auto auto;padding-left:8px;display:table}.route-stop{margin:4px 0;display:table-row}.route-stop:nth-child(2n){background-color:#aaa3}.route-stop.selected{background-color:#6face152}.route-stop span{padding:4px 6px;display:table-cell}.route-stop span:nth-child(2){white-space:nowrap;min-width:60px;padding-inline:0}.route-stop span:empty{padding:0}.route-stop span:empty+span:nth-child(2){padding-left:6px}@media (width<=480px){.route-stop span:first-child{display:none}.route-stop span:nth-child(2){padding-left:6px}}h1.enrollment{justify-content:center;align-items:center;gap:8px;display:flex}h1.enrollment button{outline-offset:2px;cursor:pointer;font:inherit;background:0 0;border:none;margin:0;padding:0 2px}h1.enrollment button span{color:#888}h1.enrollment button.selected span{color:inherit;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1.enrollment button{color:inherit}h1.enrollment button:active>*{opacity:.5}h1.enrollment button:disabled{cursor:wait;opacity:.4}h1.enrollment select{padding:2px 4px;font-family:inherit;font-size:16px}.classes-grid{grid-template-columns:repeat(auto-fill,240px);grid-auto-flow:row;justify-content:center;justify-items:center;gap:20px;max-width:1040px;margin:24px auto;display:grid}.classes-grid>.course{background-color:var(--col-accent,#666);color:var(--col-text,white);width:100%;max-width:300px;padding:16px 20px}.classes-grid>.course h2{margin:0 0 8px;font-size:20px}.classes-grid>.course p{margin:0}.classes-grid>.course:not(.status-open){border:3px dashed var(--col-accent,#666);color:inherit;background-color:#0000;padding:13px 17px}.classes-grid+p{text-align:center}.reservation-header{justify-content:center;align-items:center;gap:6px;display:flex}.reservation-header input{padding:2px 4px}.spaces-wrapper{min-width:min(375px,100%);margin:auto}.spaces-wrapper:not(:empty){flex-direction:column;width:fit-content;max-width:100%;display:flex}.spaces-wrapper .marker{color:#fff;text-align:center;-webkit-user-select:none;user-select:none;background-color:#666;width:50px;padding:2px 4px;font-weight:700;text-decoration:none}.spaces-wrapper .marker[data-name=ALP]{background-color:#368e0b}.spaces-wrapper .marker[data-name=SCI]{background-color:#04707c}.spaces-wrapper .marker[data-name=LNG]{background-color:#8f4c00}.spaces-wrapper .marker[data-name=GSC]{background-color:#8a1f70}.spaces-wrapper .marker[data-name=MRC]{background-color:#4d007a}.spaces-wrapper .marker[data-name=GML]{background-color:#35549c}.spaces-wrapper .marker[data-name=CSL]{background-color:#002fa4}@media (prefers-color-scheme:light){.spaces-wrapper .marker[data-name=ALP]{background-color:#3ba008}.spaces-wrapper .marker[data-name=SCI]{background-color:#058694}.spaces-wrapper .marker[data-name=LNG]{background-color:#d37000}.spaces-wrapper .marker[data-name=GSC]{background-color:#b32990}.spaces-wrapper .marker[data-name=MRC]{background-color:#6e00ad}.spaces-wrapper .marker[data-name=GML]{background-color:#4168c3}.spaces-wrapper .marker[data-name=CSL]{background-color:#003dd6}}.spaces-wrapper .marker.small{border:.5px solid #aaaa;border-radius:16px;width:16px;height:16px}.spaces-wrapper .marker.small:not(:last-child){margin-left:-8px}.spaces-wrapper .marker:is(a){transition:opacity .2s}.spaces-wrapper .marker:is(a):hover{opacity:.8}.spaces-wrapper .marker:is(a):active{opacity:.5}.token-expiry{text-align:center;margin-block:4px 8px;font-size:18px;font-style:italic}.space-name{margin-block:.5em;cursor:pointer;background-color:#8884;border:4px solid #0000;align-items:center;gap:12px;min-width:min(375px,100%);margin:.5em 0 0;padding:2px 6px;font-size:1.25em;transition:color .2s;display:flex}.space-name:first-child{margin-top:.25em}.space-name.collapsed+.space-contents{display:none}.space-name.collapsed:after{content:"+"}.space-name>*{transition:opacity .2s}.space-name:after{content:"−";margin-inline:auto 4px;transition:color .2s,opacity .2s;display:inline-flex;position:relative;top:-2px;transform:scale(1.2)}.space-name:active>*,.space-name:active:after{opacity:.7}.space-name .time{width:96px}.space-name .count,.space-name .group-size{width:56px}.space-name .places{flex-direction:row-reverse;display:flex;transform:rotate(180deg)}.space-contents{table-layout:fixed;border-spacing:0 8px;border:4px solid #8884;border-top-width:0;min-width:min(375px,100%);max-width:100%;padding:2px 12px;display:table}.space-info{display:table-row}.space-info>*{display:table-cell}.space-info :nth-child(2){width:40%}.space-info>span,.space-info a{white-space:nowrap;padding-left:8px}@media (prefers-color-scheme:dark){.space-info a{color:#9e9eff}.space-info a:visited{color:#d0adf0}}
