body{--color: #000000;--dark: #352d22;--light: #eff2f5;--accent: #cc9db0;--bkgg: #e2e8e3;--bkgb: #d2d3dc;--blue: #6e8a9e;--green: #6f8a72;--red: #8f6363;--blue-btn: #637590;--yellow: #ab9670;--link: #dfe6e0;--hover: #eef1ee;--pending: #f3f6b7;--overdue: #eebea8;--booked: #f1bec4;--my-booking: #a6c3a7;--btn-neutral-base: #515558;--link-l-20: #a6b9a9;--green-l-30: #2b352c;--green-l-15: #4d604f;--green-l-10: #586e5b;--green-l-8: #5d735f;--green-l3p5: #78937b;--green-l5: #7c967f;--green-l7: #829b85;--green-l7p5: #849c86;--green-l10: #8ba18d;--green-l11: #8da490;--green-l15: #99ad9b;--green-l18: #a1b4a3;--green-l20: #a7b8a9;--green-l22: #adbdae;--green-l27p5: #bcc9be;--green-l25: #b5c3b7;--green-l30: #c3cfc4;--accent-l-10: #bb7b95;--accent-l15: #e6cfd9;--accent-l20: #efe0e6;--blue-l-42: #161c20;--blue-l-32: #2a363f;--blue-l-10: #577082;--blue-l15: #9cafbd;--blue-l20: #abbbc7;--blue-l30: #cad4db;--blue-l40: #e8edf0;--blue-l46: #fbfbfc;--blue-l48: #ffffff;--blue-l50: #ffffff;--bkgg-l-15: #b7c6ba;--bkgg-l-10: #c6d1c8;--booked-mix-black-25: #3c3031;--booked-mix-black-80: #c1989d;--booked-l-30-mix-red-80: #de3342;--my-booking-mix-black-25: #2a312a;--my-booking-mix-black-80: #859c86;--pending-mix-black-25: #3d3e2e;--pending-mix-black-80: #c2c592;--btn-neutral-top: #5d6265;--btn-neutral-mid: #575b5f;--btn-neutral-bot: #515558;--btn-neutral-h-top: #696f72;--btn-neutral-h-mid: #63686c;--btn-neutral-h-bot: #5d6265;--btn-green-top: #7c967f;--btn-green-mid: #759078;--btn-green-bot: #6f8a72;--btn-green-h-top: #8aa18d;--btn-green-h-mid: #839b86;--btn-green-h-bot: #7c967f;--btn-red-top: #9c7070;--btn-red-mid: #976868;--btn-red-bot: #8f6363;--btn-red-h-top: #a67f7f;--btn-red-h-mid: #a17777;--btn-red-h-bot: #9c7070;--btn-yellow-top: #b4a280;--btn-yellow-mid: #b09c78;--btn-yellow-bot: #ab9670;--btn-yellow-h-top: #bdae90;--btn-yellow-h-mid: #b9a888;--btn-yellow-h-bot: #b4a280;--btn-blue-btn-top: #70829d;--btn-blue-btn-mid: #687b97;--btn-blue-btn-bot: #637590;--btn-blue-btn-h-top: #7f8fa7;--btn-blue-btn-h-mid: #7788a1;--btn-blue-btn-h-bot: #70829d}@media only screen and (min-width: 900px){body{--dark: #3e362b;--light: #dfe3e9;--accent: #c5a2ad;--bkgg: #dadfdb;--bkgb: #cacbd1;--blue: #748794;--green: #768578;--red: #8b6b6b;--blue-btn: #6b7b8b;--yellow: #a89a78;--link: #b9c1ba;--hover: #c7cdc8;--pending: #f0f2b3;--overdue: #e9b9a3;--booked: #efbfc2;--my-booking: #a9c1aa;--link-l-20: #839185;--green-l-30: #2e342f;--green-l-15: #525c53;--green-l-10: #5e6a60;--green-l-8: #636f64;--green-l3p5: #7f8e81;--green-l5: #839185;--green-l7: #89968a;--green-l7p5: #8a978c;--green-l10: #919d92;--green-l11: #93a095;--green-l15: #9ea9a0;--green-l18: #a6b0a8;--green-l20: #acb5ad;--green-l22: #b1bab2;--green-l25: #b9c1ba;--green-l27p5: #c0c7c1;--green-l30: #c7cdc8;--accent-l-10: #bb7b95;--accent-l15: #e2d1d7;--accent-l20: #ece1e4;--blue-l-42: #161a1c;--blue-l-32: #2c3439;--blue-l-25: #3b464d;--blue-l-10: #5d6d78;--blue-l15: #9facb5;--blue-l20: #aeb9c0;--blue-l30: #cad2d7;--blue-l40: #e7ebed;--blue-l46: #f9f9fa;--blue-l48: #fefefe;--bkgg-l-15: #b1bcb3;--bkgg-l-10: #bfc7c0;--booked-mix-black-25: #3c3030;--booked-mix-black-80: #bf999b;--booked-l-30-mix-red-80: #d9373e;--my-booking-mix-black-25: #2a302a;--my-booking-mix-black-80: #879a88;--pending-mix-black-25: #3c3c2d;--pending-mix-black-80: #c0c28f;--btn-green-top: #839185;--btn-green-mid: #7d8b7e;--btn-green-bot: #768578;--btn-green-h-top: #919d92;--btn-green-h-mid: #8a978b;--btn-green-h-bot: #839185;--btn-red-top: #977878;--btn-red-mid: #927171;--btn-red-bot: #8b6b6b;--btn-red-h-top: #a28686;--btn-red-h-mid: #9d7f7f;--btn-red-h-bot: #977878;--btn-yellow-top: #b2a688;--btn-yellow-mid: #ada080;--btn-yellow-bot: #a89a78;--btn-yellow-h-top: #bcb297;--btn-yellow-h-mid: #b7ac8f;--btn-yellow-h-bot: #b2a688;--btn-blue-btn-top: #788897;--btn-blue-btn-mid: #718192;--btn-blue-btn-bot: #6b7b8b;--btn-blue-btn-h-top: #8695a2;--btn-blue-btn-h-mid: #7f8e9d;--btn-blue-btn-h-bot: #788897}}body{--be-nested: #3c3c5c;--be-nested-l3: #424265;--be-nested-l10: #50507b;--be-nested-l20: #64649a;--be-nested-l60: #e0e0ea;--be-yellow: #ffff99;--be-yellow-l-30: #ffff00;--be-highlight: #99ff99;--be-highlight-l15: #e5ffe5;--be-link: #dce4b5;--be-hover: #ffffff;--be-bkg-mix-green-90: #6f8a76}@media only screen and (min-width: 900px){body{--be-link: #dee2b2;--be-bkg-mix-green-90: #76857b}}html{font-size:clamp(16px,2.5vw,22px)}body{padding-bottom:env(safe-area-inset-bottom)}*{color:var(--color);margin:0;border:none;padding:0;box-sizing:border-box;font-weight:300}ul,li{list-style-type:none}.svg-definitions{display:none}.button{display:inline-block;font-size:.85rem;line-height:1.25;padding:1.25vw;border-radius:.5vw;border:none;cursor:pointer;outline:none;background:linear-gradient(to bottom, var(--btn-bg-top) 0%, var(--btn-bg-mid) 45%, var(--btn-bg-bottom) 100%);box-shadow:0 .12vw .12vw hsla(0,0%,100%,.42) inset,0 -0.12vw .12vw rgba(0,0,0,.54) inset,.03vw 0 .3vw hsla(0,0%,100%,.3) inset,-0.03vw 0 .03vw hsla(0,0%,100%,.15) inset,-0.06vw .18vw .3vw rgba(0,0,0,.55);color:var(--light);font-weight:400;transition:background .12s ease-out,box-shadow .12s ease-out}.button svg{width:var(--svg-width, 3.5vw);height:var(--svg-height, 3.5vw);color:var(--svg-color, var(--be-link));fill:var(--svg-fill, var(--be-link))}.button svg.small-screen,.button svg.tiny-screen{width:var(--svg-width, 2.5vw);height:var(--svg-height, 2.5vw);color:var(--svg-color, var(--be-link));fill:var(--svg-fill, var(--be-link))}.button svg.stroke{fill:none;stroke:var(--svg-stroke, var(--be-link));stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.button svg.s5{stroke-width:5}.button svg.s10{stroke-width:10}.button svg.s15{stroke-width:15}.button svg.s20{stroke-width:20}.button svg.s25{stroke-width:25}.button svg.s30{stroke-width:30}.button svg.s35{stroke-width:35}.button svg.s40{stroke-width:40}.button svg.s45{stroke-width:45}.button svg.s50{stroke-width:50}.button svg.s55{stroke-width:55}.button svg.s60{stroke-width:60}.button svg.s65{stroke-width:65}.button svg.s70{stroke-width:70}.button svg.s75{stroke-width:75}.button svg.s80{stroke-width:80}.button svg.s85{stroke-width:85}.button svg.s90{stroke-width:90}.button svg.s95{stroke-width:95}.button svg.s100{stroke-width:100}@media(hover: hover){.button:hover svg{fill:var(--svg-hover, var(--green));stroke:var(--svg-hover, var(--green))}}.button{--btn-bg-top: var(--btn-neutral-top);--btn-bg-mid: var(--btn-neutral-mid);--btn-bg-bottom: var(--btn-neutral-bot)}@media(hover: hover){.button:hover{--btn-bg-top: var(--btn-neutral-h-top);--btn-bg-mid: var(--btn-neutral-h-mid);--btn-bg-bottom: var(--btn-neutral-h-bot)}}.button.green{--btn-bg-top: var(--btn-green-top);--btn-bg-mid: var(--btn-green-mid);--btn-bg-bottom: var(--btn-green-bot)}@media(hover: hover){.button.green:hover{--btn-bg-top: var(--btn-green-h-top);--btn-bg-mid: var(--btn-green-h-mid);--btn-bg-bottom: var(--btn-green-h-bot)}}.button.red{--btn-bg-top: var(--btn-red-top);--btn-bg-mid: var(--btn-red-mid);--btn-bg-bottom: var(--btn-red-bot)}@media(hover: hover){.button.red:hover{--btn-bg-top: var(--btn-red-h-top);--btn-bg-mid: var(--btn-red-h-mid);--btn-bg-bottom: var(--btn-red-h-bot)}}.button.yellow{--btn-bg-top: var(--btn-yellow-top);--btn-bg-mid: var(--btn-yellow-mid);--btn-bg-bottom: var(--btn-yellow-bot)}@media(hover: hover){.button.yellow:hover{--btn-bg-top: var(--btn-yellow-h-top);--btn-bg-mid: var(--btn-yellow-h-mid);--btn-bg-bottom: var(--btn-yellow-h-bot)}}.button.blue{--btn-bg-top: var(--btn-blue-btn-top);--btn-bg-mid: var(--btn-blue-btn-mid);--btn-bg-bottom: var(--btn-blue-btn-bot)}@media(hover: hover){.button.blue:hover{--btn-bg-top: var(--btn-blue-btn-h-top);--btn-bg-mid: var(--btn-blue-btn-h-mid);--btn-bg-bottom: var(--btn-blue-btn-h-bot)}}.button .big-screen,.button .tiny-screen{display:none}@media(hover: hover){.button:hover{opacity:1;box-shadow:0 .04vw .04vw hsla(0,0%,100%,.5) inset,0 -0.04vw .04vw rgba(0,0,0,.6) inset,.01vw 0 .1vw hsla(0,0%,100%,.35) inset,-0.01vw 0 .01vw hsla(0,0%,100%,.2) inset,-0.02vw .07vw .12vw rgba(0,0,0,.6)}}.hidden{display:none}.fade-transition{transition:opacity .3s ease-in}.zero-opacity{opacity:0;pointer-events:none}.obscured{position:relative}.obscured::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.25);opacity:1;pointer-events:none;transition:opacity .3s ease;margin:0 0 -3vw .15vw}.obscured:hover::after,.obscured.revealed::after{opacity:0}.small{font-size:.85rem}body{position:relative;width:100vw;min-height:100vh}body #page .flash,body #page #nav-confirm{position:fixed;top:40vh;left:50vw;transform:translate(-50%, -50%);z-index:9999;background-color:#fff;box-shadow:0 0 0 100vmax rgba(0,0,0,.5);width:80vw;padding:3vw 3vw;border-radius:.5vw;text-align:center;opacity:1;transition:opacity .3s ease}body #page .flash-close,body #page .nav-confirm-close{display:block;margin-top:2.5vw;width:100%;padding:2vw;cursor:pointer}body #page .nav-confirm-close{width:40%}@media(max-width: 450px){html{font-size:clamp(16px,4vw,18px)}.button{padding:2vw 5vw;border-radius:.75vw}.button .bigger-screen{display:none}.button .tiny-screen{display:inline}}@media(min-width: 900px){html{font-size:clamp(14px,1.33vw,18px)}.button{padding:.5vw 1.5vw;border-radius:.15vw;box-shadow:0 .04vw .04vw hsla(0,0%,100%,.42) inset,0 -0.04vw .04vw rgba(0,0,0,.54) inset,.01vw 0 .1vw hsla(0,0%,100%,.3) inset,-0.01vw 0 .01vw hsla(0,0%,100%,.15) inset,-0.02vw .06vw .1vw rgba(0,0,0,.55)}.button .small-screen,.button .tiny-screen{display:none}.button .big-screen{display:inline}.obscured::after{margin:0 0 -1.5vw .15vw}body #page .flash{position:static;transform:none;width:auto;height:auto;max-width:none;box-shadow:none;text-align:inherit;background-color:var(--accent-l15);margin-bottom:0;padding:.5vw 1vw}body #page .flash span{color:var(--accent-l-25)}body #page .flash-close{display:none}body #page #nav-confirm{background-color:#fff;width:initial;min-width:25vw;padding:1vw 1vw}body #page .nav-confirm-close{margin-top:1.5vw;padding:.5vw}body.sessions #page .flash,body.registrations.request_verification #page .flash,body.passwords #page .flash{width:50vw;height:initial;margin-top:3vw;margin-left:10vw;text-align:left;background-color:var(--be-highlight)}body.sessions #page .flash span,body.registrations.request_verification #page .flash span,body.passwords #page .flash span{padding:.5vw 1vw;line-height:1.25}body.bookings.index #page .flash{margin:1vw 0 .5vw}body.acc #page .flash{margin:.5vw auto 0;max-width:fit-content}}*{font-family:"Open Sans",sans-serif}h1,h2,h3,h4,h5,h6{font-family:"Work Sans",sans-serif;font-weight:500}a,a:link,a:visited,a:hover{text-decoration:none;color:var(--link)}a:hover{color:var(--hover)}h2,h3,h4{font-size:110%;font-size:1.1rem}h4,h5,h6{font-weight:300}a.admin{color:#ff9}a.admin,button.admin{color:#ff9}#menu{position:relative;top:0;width:100%;text-align:center;z-index:100}#menu div.phone_menu div#menu-icons{display:flex;justify-content:space-between;width:100%;background-color:var(--green-l-8)}#menu div.phone_menu div#menu-icons a,#menu div.phone_menu div#menu-icons button{display:inline-block;width:10vw;height:10vw;padding:2vw;background:rgba(0,0,0,0)}#menu div.phone_menu div#menu-icons a svg,#menu div.phone_menu div#menu-icons button svg{width:var(--svg-width, 3.5vw);height:var(--svg-height, 3.5vw);color:var(--svg-color, var(--be-link));fill:var(--svg-fill, var(--be-link))}#menu div.phone_menu div#menu-icons a svg.small-screen,#menu div.phone_menu div#menu-icons a svg.tiny-screen,#menu div.phone_menu div#menu-icons button svg.small-screen,#menu div.phone_menu div#menu-icons button svg.tiny-screen{width:var(--svg-width, 2.5vw);height:var(--svg-height, 2.5vw);color:var(--svg-color, var(--be-link));fill:var(--svg-fill, var(--be-link))}#menu div.phone_menu div#menu-icons a svg.stroke,#menu div.phone_menu div#menu-icons button svg.stroke{fill:none;stroke:var(--svg-stroke, var(--be-link));stroke-width:20;stroke-linecap:round;stroke-linejoin:round}#menu div.phone_menu div#menu-icons a svg.s5,#menu div.phone_menu div#menu-icons button svg.s5{stroke-width:5}#menu div.phone_menu div#menu-icons a svg.s10,#menu div.phone_menu div#menu-icons button svg.s10{stroke-width:10}#menu div.phone_menu div#menu-icons a svg.s15,#menu div.phone_menu div#menu-icons button svg.s15{stroke-width:15}#menu div.phone_menu div#menu-icons a svg.s20,#menu div.phone_menu div#menu-icons button svg.s20{stroke-width:20}#menu div.phone_menu div#menu-icons a svg.s25,#menu div.phone_menu div#menu-icons button svg.s25{stroke-width:25}#menu div.phone_menu div#menu-icons a svg.s30,#menu div.phone_menu div#menu-icons button svg.s30{stroke-width:30}#menu div.phone_menu div#menu-icons a svg.s35,#menu div.phone_menu div#menu-icons button svg.s35{stroke-width:35}#menu div.phone_menu div#menu-icons a svg.s40,#menu div.phone_menu div#menu-icons button svg.s40{stroke-width:40}#menu div.phone_menu div#menu-icons a svg.s45,#menu div.phone_menu div#menu-icons button svg.s45{stroke-width:45}#menu div.phone_menu div#menu-icons a svg.s50,#menu div.phone_menu div#menu-icons button svg.s50{stroke-width:50}#menu div.phone_menu div#menu-icons a svg.s55,#menu div.phone_menu div#menu-icons button svg.s55{stroke-width:55}#menu div.phone_menu div#menu-icons a svg.s60,#menu div.phone_menu div#menu-icons button svg.s60{stroke-width:60}#menu div.phone_menu div#menu-icons a svg.s65,#menu div.phone_menu div#menu-icons button svg.s65{stroke-width:65}#menu div.phone_menu div#menu-icons a svg.s70,#menu div.phone_menu div#menu-icons button svg.s70{stroke-width:70}#menu div.phone_menu div#menu-icons a svg.s75,#menu div.phone_menu div#menu-icons button svg.s75{stroke-width:75}#menu div.phone_menu div#menu-icons a svg.s80,#menu div.phone_menu div#menu-icons button svg.s80{stroke-width:80}#menu div.phone_menu div#menu-icons a svg.s85,#menu div.phone_menu div#menu-icons button svg.s85{stroke-width:85}#menu div.phone_menu div#menu-icons a svg.s90,#menu div.phone_menu div#menu-icons button svg.s90{stroke-width:90}#menu div.phone_menu div#menu-icons a svg.s95,#menu div.phone_menu div#menu-icons button svg.s95{stroke-width:95}#menu div.phone_menu div#menu-icons a svg.s100,#menu div.phone_menu div#menu-icons button svg.s100{stroke-width:100}@media(hover: hover){#menu div.phone_menu div#menu-icons a:hover svg,#menu div.phone_menu div#menu-icons button:hover svg{fill:var(--svg-hover, var(--green));stroke:var(--svg-hover, var(--green))}}#menu div.phone_menu div#menu-icons a,#menu div.phone_menu div#menu-icons button{--svg-width: 100%;--svg-height: 100%;--svg-color: var(--link);--svg-fill: var(--link);--svg-stroke: var(--link);--svg-hover: var(--green)}#menu div.phone_menu div#language-selector{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;font-size:1.25rem;background-color:var(--green-l-8);justify-content:center;align-items:center;z-index:101}#menu div.phone_menu div#language-selector:not(.hidden){display:flex}#menu div.phone_menu div#language-selector .lang-close{position:absolute;right:3vw;background:none;color:#fff;border:none;font-size:1.5rem;cursor:pointer}#menu div.phone_menu div#language-selector span,#menu div.phone_menu div#language-selector a,#menu div.phone_menu div#language-selector .lang-close{padding:2vw 3vw;font-style:italic}#menu div.phone_menu div#language-selector span.lang-active{color:#fff;font-style:normal;text-decoration:underline}#menu ul{display:none}@media(max-width: 450px){#menu div.phone_menu div#menu-icons a,#menu div.phone_menu div#menu-icons button{width:12.5vw;height:12.5vw}}@media(min-width: 900px){#menu div.phone_menu{display:none}#menu ul{display:flex;justify-content:space-between;background-color:var(--green-l-8);margin-bottom:.25vw;padding:0}#menu ul li{display:inline;font-size:.9rem}#menu ul li a,#menu ul li span{color:var(--link);padding:.5vw 2vw;display:inline-block}}@media(min-width: 900px)and (hover: hover){#menu ul li a:hover,#menu ul li span:hover{color:var(--hover);text-decoration:underline}}@media(min-width: 900px){#menu ul li a:visited,#menu ul li span:visited{color:var(--link)}#menu ul li a.active{color:#fff}#menu ul li form{display:inline}#menu ul li form button.logout_button{padding:.5vw 2vw;display:inline-block;background-color:var(--green-l-8);color:var(--link);text-decoration:none;font-size:1em}}@media(min-width: 900px)and (hover: hover){#menu ul li form button.logout_button:hover{text-decoration:underline;color:var(--hover);cursor:pointer}}@media(min-width: 900px){#menu ul li.nav-lang{color:var(--link)}#menu ul li.nav-lang a,#menu ul li.nav-lang span{padding:.5vw 2vw}#menu ul li.nav-lang span.lang-active{color:#fff}}:root{--is-phone: 1}body.welcome.index{width:100vw;height:100vh;overflow:hidden;background-image:var(--welcome-image-phone);background-size:100% 100%;background-repeat:no-repeat;background-position:top left}body.welcome.index #page{width:100%;height:100%}body.welcome.index #page #menu-home .nav-button{position:absolute;cursor:pointer}body.welcome.index #page #menu-home .nav-active{border:.25vw solid gold;box-shadow:inset 0 0 1vw 1vw gold}body.welcome.index #page #menu-home div#studio-nav{left:33.25vw;width:27.25vw;top:29.5vh;height:17vh}body.welcome.index #page #menu-home div#booking-nav{left:59.75vw;width:26.75vw;top:46.25vh;height:16.25vh}body.welcome.index #page #menu-home div#language-nav,body.welcome.index #page #menu-home div#language-selector div{left:59.75vw;width:36.5vw;top:7.75vh;height:8vh}body.welcome.index #page #menu-home div#language-selector div{background-color:#eefefd;display:flex;align-items:center;justify-content:space-evenly;border:1vw solid #222427;opacity:.9;font-weight:400}body.welcome.index #page #menu-home div#language-selector div .lang-link{font-weight:400;color:#000;font-style:italic}body.welcome.index #page #menu-home div#language-selector div .lang-active{font-weight:400;border-bottom:.3vw solid #000}body.welcome.index #page #menu-home div#logout-nav{left:59.75vw;width:40vw;top:66.25vh;height:10.5vh}body.welcome.index #page #menu-home button#hidden-logout-btn{display:none}body.welcome.index #page #menu-home div#admin-nav{left:19.75vw;width:20.5vw;top:79.55vh;height:12.5vh}body.welcome.index #page #menu-home div#resident-nav{left:20vw;width:20.25vw;top:.25vh;height:15.5vh}body.welcome.index #page #menu-home div#visitor-nav{left:.5vw;width:19.75vw;top:15.75vh;height:15.25vh}body.welcome.index #page #menu-home div#accounts-nav{left:60.45vw;width:19.5vw;top:79.9vh;height:12.15vh}body.welcome.index #page #menu-home #nav-confirm{background-color:var(--bkgg);padding:5vw 2vw}body.welcome.index #page #menu-home #nav-confirm #nav-confirm-message{font-size:1.2rem;font-weight:400}body.welcome.index #page #menu-home #nav-confirm .nav-confirm-buttons{display:flex;justify-content:space-evenly;margin-top:4vw}@media(min-width: 750px){:root{--is-phone: 0}body.welcome.index{background-image:var(--welcome-image)}body.welcome.index #page .flash{position:fixed;top:25vh;left:10vw;transform:translateX(-50%);width:15vw}body.welcome.index #page #menu-home div.nav-button:hover{border:.1vw solid #000;box-shadow:.33vw .33vw .75vw gold inset,-0.33vw -0.33vw .75vw gold inset}body.welcome.index #page #menu-home .nav-active{border:.1vw solid #000;box-shadow:.25vw .25vw .5vw gold inset,-0.25vw -0.25vw .5vw gold inset}body.welcome.index #page #menu-home div#studio-nav{left:44vw;width:9vw;top:33vh;height:17.75vh}body.welcome.index #page #menu-home div#booking-nav{left:52.9vw;width:7.75vw;top:50.75vh;height:17vh}body.welcome.index #page #menu-home div#language-nav,body.welcome.index #page #menu-home div#language-selector div{left:53.1vw;width:12.1vw;top:10.25vh;height:8.1vh}body.welcome.index #page #menu-home div#language-selector div{border:.25vw solid #222427}body.welcome.index #page #menu-home div#language-selector div .lang-active{border-bottom:.1vw solid #000}body.welcome.index #page #menu-home div#logout-nav{left:32.9vw;width:13.1vw;top:86vh;height:12.3vh}body.welcome.index #page #menu-home div#admin-nav{left:68.8vw;width:5.25vw;top:21.75vh;height:12.5vh}body.welcome.index #page #menu-home div#resident-nav{left:39.65vw;width:6.7vw;top:2.45vh;height:16.1vh}body.welcome.index #page #menu-home div#visitor-nav{left:25.25vw;width:4.9vw;top:18.5vh;height:14vh}body.welcome.index #page #menu-home div#accounts-nav{left:52.9vw;width:6.6vw;top:85.75vh;height:12.3vh}body.welcome.index #page #menu-home #nav-confirm{padding:2vw}body.welcome.index #page #menu-home #nav-confirm #nav-confirm-message{font-size:1rem}body.welcome.index #page #menu-home #nav-confirm .nav-confirm-buttons{margin-top:1vw}}@media(display-mode: standalone)and (max-width: 749px){body.welcome.index{background-image:var(--welcome-image-pwa)}body.welcome.index #page #menu-home div#studio-nav{left:33.5vw;width:26.75vw;top:32vh;height:18.25vh}body.welcome.index #page #menu-home div#booking-nav{left:60vw;width:26.25vw;top:50.2vh;height:17.4vh}body.welcome.index #page #menu-home div#language-nav,body.welcome.index #page #menu-home div#language-selector div{left:60vw;width:36vw;top:8.5vh;height:8.5vh}body.welcome.index #page #menu-home div#logout-nav{left:60vw;width:39.65vw;top:71.75vh;height:11.5vh}body.welcome.index #page #menu-home div#admin-nav{left:19.75vw;width:20.5vw;top:86.15vh;height:13.5vh}body.welcome.index #page #menu-home div#resident-nav{left:20vw;width:20.25vw;top:.5vh;height:16.25vh}body.welcome.index #page #menu-home div#visitor-nav{left:.5vw;width:19.75vw;top:17vh;height:16.6vh}body.welcome.index #page #menu-home div#accounts-nav{left:60.45vw;width:19.5vw;top:86.15vh;height:13.5vh}}body.bookings.calendar #page .calendar-container{padding:2vw;max-width:100vw;margin:0 auto}body.bookings.calendar #page .calendar-container .calendar-header{display:flex;flex-direction:column;gap:1.5vw;align-items:center;margin-bottom:2vw}body.bookings.calendar #page .calendar-container .calendar-header h1{margin-top:1.5vw}body.bookings.calendar #page .calendar-container .calendar-header .calendar-nav{display:flex;align-items:center;justify-content:space-between;width:100%}body.bookings.calendar #page .calendar-container .calendar-header .calendar-nav a.btn-nav{color:var(--link-l-20)}body.bookings.calendar #page .calendar-container .calendar-header .calendar-nav .current-range{padding:0 1vw;white-space:nowrap}body.bookings.calendar #page .calendar-container .week-block{margin-bottom:4vw;border:.1vw solid var(--blue);padding:1vw;background-color:var(--bkgb)}body.bookings.calendar #page .calendar-container .week-block h3{margin-bottom:.5vw}body.bookings.calendar #page .calendar-container .week-block .calendar-grid{position:relative;display:grid;grid-template-columns:12vw repeat(7, 1fr);grid-auto-rows:9vw;gap:.2vw;background-color:#eee;border:.1vw solid #ccc}body.bookings.calendar #page .calendar-container .week-block .calendar-grid .day-header{display:flex;align-items:center;justify-content:center;background:#f9f9f9;border-bottom:.1vw solid #ccc}body.bookings.calendar #page .calendar-container .week-block .calendar-grid .day-header div{font-weight:400;text-align:center;word-spacing:100vw;line-height:1}body.bookings.calendar #page .calendar-container .week-block .calendar-grid .full-day-header{background-color:var(--booked);color:var(--booked-mix-black-25);position:relative}body.bookings.calendar #page .calendar-container .week-block .calendar-grid .full-day-header .full-badge{display:none}body.bookings.calendar #page .calendar-container .week-block .calendar-grid .day-header.today{background-color:var(--bkgg);color:var(--color)}body.bookings.calendar #page .calendar-container .week-block .calendar-grid .past-day{opacity:.5;pointer-events:none}body.bookings.calendar #page .calendar-container .week-block .calendar-grid .time-label{display:flex;align-items:center;justify-content:flex-end;padding-right:1vw;background:#fff}body.bookings.calendar #page .calendar-container .week-block .calendar-grid .grid-cell{background:#fff;cursor:pointer}body.bookings.calendar #page .calendar-container .week-block .calendar-grid .grid-cell:hover{background-color:#f0f8ff}body.bookings.calendar #page .calendar-container .week-block .calendar-grid .grid-cell.day-full{background-color:#f5f5f5;background-image:repeating-linear-gradient(45deg, var(--blue-l48), var(--blue-l48) 1vw, var(--blue-l46) 1vw, var(--blue-l46) 2vw);cursor:not-allowed;pointer-events:none}body.bookings.calendar #page .calendar-container .week-block .calendar-grid .booking-block{position:absolute;top:.2vw;left:.2vw;right:.2vw;bottom:.2vw;width:auto;background-color:var(--booked);color:var(--booked-mix-black-25);border:.1vw solid var(--booked-mix-black-80);padding:.5vw;font-size:.625rem;border-radius:.5vw;margin:0;z-index:10;display:flex;flex-direction:column;justify-content:center;overflow:hidden}body.bookings.calendar #page .calendar-container .week-block .calendar-grid .booking-block.my-booking{background-color:var(--my-booking);color:var(--my-booking-mix-black-25);border-color:var(--my-booking-mix-black-80)}body.bookings.calendar #page .calendar-container .week-block .calendar-grid .booking-block.status-pending{background-color:var(--pending);color:var(--pending-mix-black-25);border-color:var(--pending-mix-black-80)}body.bookings.calendar #page .calendar-container .week-block .calendar-grid .booking-block.status-overdue{background-color:var(--overdue);color:var(--pending-mix-black-25);border-color:var(--pending-mix-black-80)}body.bookings.new #page .booking-form-container,body.bookings.edit #page .booking-form-container,body.bookings.create #page .booking-form-container{width:98vw;margin:4vw auto;padding:6vw;background:#fff;border:.1vw solid #ddd;border-radius:.8vw;box-shadow:0 .2vw 1vw rgba(0,0,0,.05)}body.bookings.new #page .booking-form-container .pricing-info,body.bookings.edit #page .booking-form-container .pricing-info,body.bookings.create #page .booking-form-container .pricing-info{background:var(--accent-l20);padding:1.5vw;border-radius:.4vw;margin:3vw 0 6vw}body.bookings.new #page .booking-form-container .booking-summary,body.bookings.edit #page .booking-form-container .booking-summary,body.bookings.create #page .booking-form-container .booking-summary{background:#f9f9f9;padding:1.5vw;border-radius:.4vw;margin-bottom:6vw;border-left:.4vw solid var(--accent)}body.bookings.new #page .booking-form-container .booking-summary p,body.bookings.edit #page .booking-form-container .booking-summary p,body.bookings.create #page .booking-form-container .booking-summary p{margin-bottom:1vw}body.bookings.new #page .booking-form-container .booking-form .field,body.bookings.edit #page .booking-form-container .booking-form .field,body.bookings.create #page .booking-form-container .booking-form .field{margin-bottom:10vw}body.bookings.new #page .booking-form-container .booking-form .field label,body.bookings.edit #page .booking-form-container .booking-form .field label,body.bookings.create #page .booking-form-container .booking-form .field label{display:block;font-weight:bold;margin-bottom:.8vw}body.bookings.new #page .booking-form-container .booking-form .field .input-select,body.bookings.edit #page .booking-form-container .booking-form .field .input-select,body.bookings.create #page .booking-form-container .booking-form .field .input-select{width:60%;padding:.25vw;font-size:1rem;border:.1vw solid #ccc;border-radius:.4vw}body.bookings.new #page .booking-form-container .booking-form .actions,body.bookings.edit #page .booking-form-container .booking-form .actions,body.bookings.create #page .booking-form-container .booking-form .actions{display:flex;gap:1vw;margin-top:3vw}body.bookings.new #page .booking-form-container .booking-form .actions .btn-primary,body.bookings.edit #page .booking-form-container .booking-form .actions .btn-primary,body.bookings.create #page .booking-form-container .booking-form .actions .btn-primary{background-color:var(--accent-l-10);color:#fff;padding:1vw 2vw;border-radius:.4vw;cursor:pointer;font-size:1rem;font-weight:bold;margin-right:5vw}body.bookings.new #page .booking-form-container .booking-form .actions .btn-primary:hover,body.bookings.edit #page .booking-form-container .booking-form .actions .btn-primary:hover,body.bookings.create #page .booking-form-container .booking-form .actions .btn-primary:hover{color:var(--hover)}body.bookings.new #page .booking-form-container .booking-form .actions .btn-secondary,body.bookings.edit #page .booking-form-container .booking-form .actions .btn-secondary,body.bookings.create #page .booking-form-container .booking-form .actions .btn-secondary{background-color:#eee;color:#333;padding:1vw 2vw;border-radius:.4vw;border:.1vw solid #ccc}body.bookings.new #page .booking-form-container .booking-form .actions .btn-secondary:hover,body.bookings.edit #page .booking-form-container .booking-form .actions .btn-secondary:hover,body.bookings.create #page .booking-form-container .booking-form .actions .btn-secondary:hover{color:var(--hover)}body.bookings.show #page .invoice-container{width:98vw;margin:2vw auto;padding:2vw;background-color:#fff;border:.1vw solid #eee;box-shadow:0 0 1vw rgba(0,0,0,.05)}body.bookings.show #page .invoice-container .invoice-header{display:flex;justify-content:space-between;border-bottom:1vw solid #333;padding:4vw 0;margin-bottom:2vw}body.bookings.show #page .invoice-container .invoice-header .invoice-brand h1{margin:0;font-size:1.25rem}body.bookings.show #page .invoice-container .invoice-header .invoice-meta p{margin:.1vw 0;text-align:right}body.bookings.show #page .invoice-container .invoice-details{display:flex;justify-content:space-between;flex-direction:column;padding:4vw 0;margin-bottom:3vw}body.bookings.show #page .invoice-container .invoice-items{width:100%;border-collapse:collapse;margin:4vw 0}body.bookings.show #page .invoice-container .invoice-items th{text-align:left;border-bottom:.5vw solid #ddd;padding:.5vw}body.bookings.show #page .invoice-container .invoice-items td{padding:1vw .5vw;border-bottom:.5vw solid #eee}body.bookings.show #page .invoice-container .invoice-items .right{text-align:right}body.bookings.show #page .invoice-container .invoice-items tfoot td{border-top:.75vw solid #333;padding-top:1vw}body.bookings.show #page .invoice-container .invoice-footer{text-align:center;margin-top:16vw;color:#666}body.bookings.show #page .invoice-container .invoice-footer .no-print button,body.bookings.show #page .invoice-container .invoice-footer .no-print a{font-size:1rem;display:inline-block;color:#000;background-color:var(--bkgg);font-style:normal;padding:1vw 2vw;border-radius:1vw;margin:2vw}body.bookings.show #page .invoice-container .invoice-footer .no-print button:hover,body.bookings.show #page .invoice-container .invoice-footer .no-print a:hover{background-color:var(--bkgb)}@media(min-width: 450px){body.bookings.calendar #page .calendar-container .calendar-header{flex-direction:row;justify-content:space-between;gap:0}body.bookings.calendar #page .calendar-container .calendar-header h1{margin:-0.5vw 0}body.bookings.calendar #page .calendar-container .calendar-header .flash{max-width:40vw}body.bookings.calendar #page .calendar-container .calendar-header .calendar-nav{justify-content:flex-end;width:auto}body.bookings.calendar #page .calendar-container .calendar-header .calendar-nav a.btn-nav:hover{font-style:italic}body.bookings.calendar #page .calendar-container .week-block .calendar-grid{grid-template-columns:6vw repeat(7, 1fr);grid-auto-rows:3vw;gap:.1vw}body.bookings.calendar #page .calendar-container .week-block .calendar-grid .day-header{padding:.5vw}body.bookings.calendar #page .calendar-container .week-block .calendar-grid .day-header div{word-spacing:normal;line-height:normal}body.bookings.calendar #page .calendar-container .week-block .calendar-grid .full-day-header .full-badge{font-weight:400;background:var(--booked-l-30-mix-red-80);color:#fff;border-radius:.3vw;padding:.1vw .3vw;margin-top:-0.1vw;display:inline-block;position:absolute;right:.5vw}body.bookings.calendar #page .calendar-container .week-block .calendar-grid .booking-block{padding:.2vw}body.bookings.new #page .booking-form-container,body.bookings.edit #page .booking-form-container,body.bookings.create #page .booking-form-container{width:60vw;padding:3vw}body.bookings.new #page .booking-form-container .pricing-info,body.bookings.edit #page .booking-form-container .pricing-info,body.bookings.create #page .booking-form-container .pricing-info{margin:2vw 0 2vw}body.bookings.new #page .booking-form-container .booking-summary,body.bookings.edit #page .booking-form-container .booking-summary,body.bookings.create #page .booking-form-container .booking-summary{margin-bottom:2vw}body.bookings.new #page .booking-form-container .booking-summary p,body.bookings.edit #page .booking-form-container .booking-summary p,body.bookings.create #page .booking-form-container .booking-summary p{margin-bottom:.5vw}body.bookings.new #page .booking-form-container .booking-form .field,body.bookings.edit #page .booking-form-container .booking-form .field,body.bookings.create #page .booking-form-container .booking-form .field{margin-bottom:2vw}body.bookings.new #page .booking-form-container .booking-form .actions .btn-primary,body.bookings.edit #page .booking-form-container .booking-form .actions .btn-primary,body.bookings.create #page .booking-form-container .booking-form .actions .btn-primary{margin-right:1vw}body.bookings.show #page .invoice-container{max-width:80vw}body.bookings.show #page .invoice-container .invoice-header{border-bottom:.2vw solid #333;padding:1vw 0}body.bookings.show #page .invoice-container .invoice-items{padding:0}body.bookings.show #page .invoice-container .invoice-items th{border-bottom:.1vw solid #ddd}body.bookings.show #page .invoice-container .invoice-items td{border-bottom:.1vw solid #eee}body.bookings.show #page .invoice-container .invoice-items tfoot td{border-top:.15vw solid #666}body.bookings.show #page .invoice-container .invoice-details{flex-direction:row;padding:0;margin:0 0 2vw}body.bookings.show #page .invoice-container .invoice-details .invoice-from{text-align:right}body.bookings.show #page .invoice-container .invoice-footer{margin-top:8vw}body.bookings.show #page .invoice-container .invoice-footer .no-print button,body.bookings.show #page .invoice-container .invoice-footer .no-print a{padding:.5vw 1vw}}@media print{body.bookings.show{width:initial;height:initial;padding:0;margin:0;font-size:14pt}body.bookings.show #page{background-color:#fff}body.bookings.show #page #menu{display:none}body.bookings.show #page .invoice-container h3{font-size:14pt}body.bookings.show #page .invoice-container td,body.bookings.show #page .invoice-container th{font-size:14pt}body.bookings.show #page .invoice-container{width:100%;height:100%;padding:20px;border:none;box-shadow:none}body.bookings.show #page .invoice-container .invoice-header{border-bottom:2px solid #000;padding:20px 0}body.bookings.show #page .invoice-container .invoice-header .invoice-brand h1{font-size:16pt}body.bookings.show #page .invoice-container .invoice-items{padding:20px 0}body.bookings.show #page .invoice-container .invoice-items th{border-bottom:1px solid #000}body.bookings.show #page .invoice-container .invoice-items td{border-bottom:1px solid #000}body.bookings.show #page .invoice-container .invoice-items tfoot td{border-top:2px solid #000}body.bookings.show #page .invoice-container .invoice-details{flex-direction:row;padding:0;margin:0 0 20px}body.bookings.show #page .invoice-container .invoice-details .invoice-from{text-align:right}body.bookings.show #page .invoice-container .invoice-footer{margin-top:20px}body.bookings.show #page .invoice-container .invoice-footer .no-print{display:none}}body{background-color:var(--bkgg)}body #page{min-height:100vh}body #page .error-messages{color:red;margin-bottom:3vw}@media(min-width: 450px){body #page .error-messages{margin-bottom:1vw}}
