:root{--ion-color-primary: #0054e9;--ion-color-primary-rgb: 0, 84, 233;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #004acd;--ion-color-primary-tint: #1a65eb;--ion-color-secondary: #0163aa;--ion-color-secondary-rgb: 1, 99, 170;--ion-color-secondary-contrast: #fff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #015796;--ion-color-secondary-tint: #1a73b3;--ion-color-tertiary: #6030ff;--ion-color-tertiary-rgb: 96, 48, 255;--ion-color-tertiary-contrast: #fff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #542ae0;--ion-color-tertiary-tint: #7045ff;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #c5000f;--ion-color-danger-rgb: 197, 0, 15;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #ad000d;--ion-color-danger-tint: #cb1a27;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-medium: #636469;--ion-color-medium-rgb: 99, 100, 105;--ion-color-medium-contrast: #fff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #57585c;--ion-color-medium-tint: #737478;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #fff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e}html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: 0.18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #0054e9) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;--ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #0163aa) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;--ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #6030ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd55b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;--ion-color-contrast: var(--ion-color-success-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;--ion-color-tint: var(--ion-color-success-tint, #42d96b) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #c5000f) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;--ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #636469) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;--ion-color-tint: var(--ion-color-medium-tint, #737478) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none !important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports(padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports(padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: env(safe-area-inset-top);--ion-safe-area-bottom: env(safe-area-inset-bottom);--ion-safe-area-left: env(safe-area-inset-left);--ion-safe-area-right: env(safe-area-inset-right)}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translate3d(0,  0,  0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px rgba(0,0,0,.08)}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px rgba(0,0,0,.08)}.md .menu-content-reveal{box-shadow:4px 0px 16px rgba(0,0,0,.18)}.md .menu-content-push{box-shadow:4px 0px 16px rgba(0,0,0,.18)}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:300ms transform cubic-bezier(0.25, 0.8, 0.5, 1)}@media(prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none !important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}/*# sourceMappingURL=core.css.map */

audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:bold}img{max-width:100%}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{padding:0;border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*# sourceMappingURL=normalize.css.map */

*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{width:100%;height:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html:not(.hydrated) body{display:none}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateZ(0);text-rendering:optimizeLegibility;overflow:hidden;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}/*# sourceMappingURL=structure.css.map */

html{font-family:var(--ion-font-family)}@supports(-webkit-touch-callout: none){html{font:var(--ion-dynamic-font, 16px var(--ion-font-family))}}a{background-color:transparent;color:var(--ion-color-primary, #0054e9)}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}h1{margin-top:20px;font-size:1.625rem}h2{margin-top:18px;font-size:1.5rem}h3{font-size:1.375rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}/*# sourceMappingURL=typography.css.map */

.ion-hide{display:none !important}.ion-hide-up{display:none !important}.ion-hide-down{display:none !important}@media(min-width: 576px){.ion-hide-sm-up{display:none !important}}@media(max-width: 575.98px){.ion-hide-sm-down{display:none !important}}@media(min-width: 768px){.ion-hide-md-up{display:none !important}}@media(max-width: 767.98px){.ion-hide-md-down{display:none !important}}@media(min-width: 992px){.ion-hide-lg-up{display:none !important}}@media(max-width: 991.98px){.ion-hide-lg-down{display:none !important}}@media(min-width: 1200px){.ion-hide-xl-up{display:none !important}}@media(max-width: 1199.98px){.ion-hide-xl-down{display:none !important}}/*# sourceMappingURL=display.css.map */

.ion-no-padding{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.ion-padding{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-top{--padding-top: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px)}.ion-padding-start{--padding-start: var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px)}.ion-padding-end{--padding-end: var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-padding-bottom{--padding-bottom: var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-vertical{--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-horizontal{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-no-margin{--margin-start: 0;--margin-end: 0;--margin-top: 0;--margin-bottom: 0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.ion-margin{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-top{--margin-top: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px)}.ion-margin-start{--margin-start: var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px)}.ion-margin-end{--margin-end: var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-margin-bottom{--margin-bottom: var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-vertical{--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-horizontal{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}/*# sourceMappingURL=padding.css.map */

.ion-float-left{float:left !important}.ion-float-right{float:right !important}.ion-float-start{float:left !important}:host-context([dir=rtl]) .ion-float-start{float:right !important}[dir=rtl] .ion-float-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-start:dir(rtl){float:right !important}}.ion-float-end{float:right !important}:host-context([dir=rtl]) .ion-float-end{float:left !important}[dir=rtl] .ion-float-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-end:dir(rtl){float:left !important}}@media(min-width: 576px){.ion-float-sm-left{float:left !important}.ion-float-sm-right{float:right !important}.ion-float-sm-start{float:left !important}:host-context([dir=rtl]) .ion-float-sm-start{float:right !important}[dir=rtl] .ion-float-sm-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-sm-start:dir(rtl){float:right !important}}.ion-float-sm-end{float:right !important}:host-context([dir=rtl]) .ion-float-sm-end{float:left !important}[dir=rtl] .ion-float-sm-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-sm-end:dir(rtl){float:left !important}}}@media(min-width: 768px){.ion-float-md-left{float:left !important}.ion-float-md-right{float:right !important}.ion-float-md-start{float:left !important}:host-context([dir=rtl]) .ion-float-md-start{float:right !important}[dir=rtl] .ion-float-md-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-md-start:dir(rtl){float:right !important}}.ion-float-md-end{float:right !important}:host-context([dir=rtl]) .ion-float-md-end{float:left !important}[dir=rtl] .ion-float-md-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-md-end:dir(rtl){float:left !important}}}@media(min-width: 992px){.ion-float-lg-left{float:left !important}.ion-float-lg-right{float:right !important}.ion-float-lg-start{float:left !important}:host-context([dir=rtl]) .ion-float-lg-start{float:right !important}[dir=rtl] .ion-float-lg-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-lg-start:dir(rtl){float:right !important}}.ion-float-lg-end{float:right !important}:host-context([dir=rtl]) .ion-float-lg-end{float:left !important}[dir=rtl] .ion-float-lg-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-lg-end:dir(rtl){float:left !important}}}@media(min-width: 1200px){.ion-float-xl-left{float:left !important}.ion-float-xl-right{float:right !important}.ion-float-xl-start{float:left !important}:host-context([dir=rtl]) .ion-float-xl-start{float:right !important}[dir=rtl] .ion-float-xl-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-xl-start:dir(rtl){float:right !important}}.ion-float-xl-end{float:right !important}:host-context([dir=rtl]) .ion-float-xl-end{float:left !important}[dir=rtl] .ion-float-xl-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-xl-end:dir(rtl){float:left !important}}}/*# sourceMappingURL=float-elements.css.map */

.ion-text-center{text-align:center !important}.ion-text-justify{text-align:justify !important}.ion-text-start{text-align:start !important}.ion-text-end{text-align:end !important}.ion-text-left{text-align:left !important}.ion-text-right{text-align:right !important}.ion-text-nowrap{white-space:nowrap !important}.ion-text-wrap{white-space:normal !important}@media(min-width: 576px){.ion-text-sm-center{text-align:center !important}.ion-text-sm-justify{text-align:justify !important}.ion-text-sm-start{text-align:start !important}.ion-text-sm-end{text-align:end !important}.ion-text-sm-left{text-align:left !important}.ion-text-sm-right{text-align:right !important}.ion-text-sm-nowrap{white-space:nowrap !important}.ion-text-sm-wrap{white-space:normal !important}}@media(min-width: 768px){.ion-text-md-center{text-align:center !important}.ion-text-md-justify{text-align:justify !important}.ion-text-md-start{text-align:start !important}.ion-text-md-end{text-align:end !important}.ion-text-md-left{text-align:left !important}.ion-text-md-right{text-align:right !important}.ion-text-md-nowrap{white-space:nowrap !important}.ion-text-md-wrap{white-space:normal !important}}@media(min-width: 992px){.ion-text-lg-center{text-align:center !important}.ion-text-lg-justify{text-align:justify !important}.ion-text-lg-start{text-align:start !important}.ion-text-lg-end{text-align:end !important}.ion-text-lg-left{text-align:left !important}.ion-text-lg-right{text-align:right !important}.ion-text-lg-nowrap{white-space:nowrap !important}.ion-text-lg-wrap{white-space:normal !important}}@media(min-width: 1200px){.ion-text-xl-center{text-align:center !important}.ion-text-xl-justify{text-align:justify !important}.ion-text-xl-start{text-align:start !important}.ion-text-xl-end{text-align:end !important}.ion-text-xl-left{text-align:left !important}.ion-text-xl-right{text-align:right !important}.ion-text-xl-nowrap{white-space:nowrap !important}.ion-text-xl-wrap{white-space:normal !important}}/*# sourceMappingURL=text-alignment.css.map */

.ion-text-uppercase{text-transform:uppercase !important}.ion-text-lowercase{text-transform:lowercase !important}.ion-text-capitalize{text-transform:capitalize !important}@media(min-width: 576px){.ion-text-sm-uppercase{text-transform:uppercase !important}.ion-text-sm-lowercase{text-transform:lowercase !important}.ion-text-sm-capitalize{text-transform:capitalize !important}}@media(min-width: 768px){.ion-text-md-uppercase{text-transform:uppercase !important}.ion-text-md-lowercase{text-transform:lowercase !important}.ion-text-md-capitalize{text-transform:capitalize !important}}@media(min-width: 992px){.ion-text-lg-uppercase{text-transform:uppercase !important}.ion-text-lg-lowercase{text-transform:lowercase !important}.ion-text-lg-capitalize{text-transform:capitalize !important}}@media(min-width: 1200px){.ion-text-xl-uppercase{text-transform:uppercase !important}.ion-text-xl-lowercase{text-transform:lowercase !important}.ion-text-xl-capitalize{text-transform:capitalize !important}}/*# sourceMappingURL=text-transformation.css.map */

.ion-align-self-start{align-self:flex-start !important}.ion-align-self-end{align-self:flex-end !important}.ion-align-self-center{align-self:center !important}.ion-align-self-stretch{align-self:stretch !important}.ion-align-self-baseline{align-self:baseline !important}.ion-align-self-auto{align-self:auto !important}.ion-wrap{flex-wrap:wrap !important}.ion-nowrap{flex-wrap:nowrap !important}.ion-wrap-reverse{flex-wrap:wrap-reverse !important}.ion-justify-content-start{justify-content:flex-start !important}.ion-justify-content-center{justify-content:center !important}.ion-justify-content-end{justify-content:flex-end !important}.ion-justify-content-around{justify-content:space-around !important}.ion-justify-content-between{justify-content:space-between !important}.ion-justify-content-evenly{justify-content:space-evenly !important}.ion-align-items-start{align-items:flex-start !important}.ion-align-items-center{align-items:center !important}.ion-align-items-end{align-items:flex-end !important}.ion-align-items-stretch{align-items:stretch !important}.ion-align-items-baseline{align-items:baseline !important}/*# sourceMappingURL=flex-utils.css.map */

.mapboxgl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:rgb(0 0 0/0)}.mapboxgl-canvas{left:0;position:absolute;top:0}.mapboxgl-map:-webkit-full-screen{height:100%;width:100%}.mapboxgl-canary{background-color:salmon}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:grab;-webkit-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none}.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.mapboxgl-ctrl-top-left{left:0;top:0}.mapboxgl-ctrl-top-right{right:0;top:0}.mapboxgl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-bottom-right{bottom:0;right:0}.mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{float:left;margin:10px 0 0 10px}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{float:right;margin:10px 10px 0 0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl{float:left;margin:0 0 10px 10px}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl{float:right;margin:0 10px 10px 0}.mapboxgl-ctrl-group{background:#fff;border-radius:4px}.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px rgba(0,0,0,.1)}@media (-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.mapboxgl-ctrl-group button{background-color:transparent;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;overflow:hidden;padding:0;width:29px}.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media (-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:transparent}.mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}.mapboxgl-ctrl-group button:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:only-child{border-radius:inherit}.mapboxgl-ctrl button:not(:disabled):hover{background-color:rgb(0 0 0/5%)}.mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{animation:mapboxgl-spin 2s linear infinite}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}}@keyframes mapboxgl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='0.9' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23000'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{background-color:hsla(0,0%,100%,.5);margin:0;padding:0 5px}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{background-color:#fff;border-radius:12px;box-sizing:content-box;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{background-color:hsla(0,0%,100%,.5);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:rgb(0 0 0/5%)}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0;top:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0;top:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.mapboxgl-ctrl-attrib a{color:rgba(0,0,0,.75);text-decoration:none}.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}.mapboxgl-attrib-empty{display:none}.mapboxgl-ctrl-scale{background-color:hsla(0,0%,100%,.75);border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px;white-space:nowrap}.mapboxgl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{flex-direction:column-reverse}.mapboxgl-popup-anchor-left{flex-direction:row}.mapboxgl-popup-anchor-right{flex-direction:row-reverse}.mapboxgl-popup-tip{border:10px solid transparent;height:0;width:0;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}.mapboxgl-popup-close-button{background-color:transparent;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.mapboxgl-popup-close-button:hover{background-color:rgb(0 0 0/5%)}.mapboxgl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:10px 10px 15px;pointer-events:auto;position:relative}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}.mapboxgl-marker{left:0;opacity:1;position:absolute;top:0;transition:opacity .2s;will-change:transform}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.mapboxgl-user-location-dot:before{animation:mapboxgl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.mapboxgl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px rgba(0,0,0,.35);box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading{height:0;width:0}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-bottom:7.5px solid #4aa1eb;content:"";position:absolute}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-left:7.5px solid transparent;transform:translateY(-28px) skewY(-20deg)}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after{border-right:7.5px solid transparent;transform:translate(7.5px,-28px) skewY(20deg)}@keyframes mapboxgl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.mapboxgl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}@media print{.mapbox-improve-map{display:none}}.mapboxgl-scroll-zoom-blocker,.mapboxgl-touch-pan-blocker{align-items:center;background:rgba(0,0,0,.7);color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;transition:opacity .75s ease-in-out;transition-delay:1s;width:100%}.mapboxgl-scroll-zoom-blocker-show,.mapboxgl-touch-pan-blocker-show{opacity:1;transition:opacity .1s ease-in-out}.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas{touch-action:pan-x pan-y}
/* Basics */
.mapboxgl-ctrl-geocoder,
.mapboxgl-ctrl-geocoder *,
.mapboxgl-ctrl-geocoder *:after,
.mapboxgl-ctrl-geocoder *:before {
  box-sizing: border-box;
}

.mapboxgl-ctrl-geocoder {
  font-size: 18px;
  line-height: 24px;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, Helvetica, sans-serif;
  position: relative;
  background-color: #fff;
  width: 100%;
  min-width: 240px;
  z-index: 1;
  border-radius: 4px;
  transition: width .25s, min-width .25s;
}

.mapboxgl-ctrl-geocoder--input {
  font: inherit;
  width: 100%;
  border: 0;
  background-color: transparent;
  margin: 0;
  height: 50px;
  color: #404040; /* fallback */
  color: rgba(0, 0, 0, 0.75);
  padding: 6px 45px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mapboxgl-ctrl-geocoder--input::-ms-clear {
  display: none; /* hide input clear button in IE */
}

.mapboxgl-ctrl-geocoder--input:focus {
  color: #404040; /* fallback */
  color: rgba(0, 0, 0, 0.75);
  outline: 0;
  box-shadow: none;
  outline: thin dotted;
}

.mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--pin-right > * {
  z-index: 2;
  position: absolute;
  right: 8px;
  top: 7px;
  display: none;
}

.mapboxgl-ctrl-geocoder,
.mapboxgl-ctrl-geocoder .suggestions {
  box-shadow: 0 0 10px 2px rgba(0,0,0,.1);
}

/* Collapsed */
.mapboxgl-ctrl-geocoder.mapboxgl-ctrl-geocoder--collapsed {
  width: 50px;
  min-width: 50px;
  transition: width .25s, min-width .25s;
}

/* Suggestions */
.mapboxgl-ctrl-geocoder .suggestions {
  background-color: #fff;
  border-radius: 4px;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  top: 110%; /* fallback */
  top: calc(100% + 6px);
  z-index: 1000;
  overflow: hidden;
  font-size: 15px;
}

.mapboxgl-ctrl-bottom-left .suggestions,
.mapboxgl-ctrl-bottom-right .suggestions {
  top: auto;
  bottom: 100%;
}

.mapboxgl-ctrl-geocoder .suggestions > li > a {
  cursor: default;
  display: block;
  padding: 6px 12px;
  color: #404040;
}

.mapboxgl-ctrl-geocoder .suggestions > .active > a,
.mapboxgl-ctrl-geocoder .suggestions > li > a:hover {
  color: #404040;
  background-color: #f3f3f3;
  text-decoration: none;
  cursor: pointer;
}

.mapboxgl-ctrl-geocoder--suggestion-title {
  font-weight: bold;
}

.mapboxgl-ctrl-geocoder--suggestion-title,
.mapboxgl-ctrl-geocoder--suggestion-address {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* Icons */
.mapboxgl-ctrl-geocoder--icon {
  display: inline-block;
  vertical-align: middle;
  speak: none;
  fill: #757575;
  top: 15px;
}

.mapboxgl-ctrl-geocoder--icon-search {
  position: absolute;
  top: 13px;
  left: 12px;
  width: 23px;
  height: 23px;
}

.mapboxgl-ctrl-geocoder--button {
  padding: 0;
  margin: 0;
  border: none;
  cursor: pointer;
  background: #fff;
  line-height: 1;
}

.mapboxgl-ctrl-geocoder--icon-close {
  width: 20px;
  height: 20px;
  margin-top: 8px;
  margin-right: 3px;
}

.mapboxgl-ctrl-geocoder--button:hover .mapboxgl-ctrl-geocoder--icon-close {
  fill: #909090;
}

.mapboxgl-ctrl-geocoder--icon-geolocate {
  width: 22px;
  height: 22px;
  margin-top: 6px;
  margin-right: 3px;
}

.mapboxgl-ctrl-geocoder--icon-loading {
  width: 26px;
  height: 26px;
  margin-top: 5px;
  margin-right: 0px;
  animation: rotate 0.8s infinite cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.mapboxgl-ctrl-geocoder--powered-by {
  display: block;
  float: left;
  padding: 6px 12px;
  padding-bottom: 9px;
  font-size: 13px;
}

.mapboxgl-ctrl-geocoder--powered-by a {
  color: #909090;
}

.mapboxgl-ctrl-geocoder--powered-by a:not(:hover) {
  text-decoration: none;  
}

/* Animation */

@keyframes rotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Media queries*/
@media screen and (min-width: 640px) {

  .mapboxgl-ctrl-geocoder.mapboxgl-ctrl-geocoder--collapsed {
    width: 36px;
    min-width: 36px;
  }

  .mapboxgl-ctrl-geocoder {
    width: 33.3333%;
    font-size: 15px;
    line-height: 20px;
    max-width: 360px;
  }
  .mapboxgl-ctrl-geocoder .suggestions {
    font-size: 13px;
  }

  .mapboxgl-ctrl-geocoder--icon {
    top: 8px;
  }

  .mapboxgl-ctrl-geocoder--icon-close {
    width: 16px;
    height: 16px;
    margin-top: 3px;
    margin-right: 0;
  }

  .mapboxgl-ctrl-geocoder--icon-geolocate {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    margin-right: 0;
  }

  .mapboxgl-ctrl-geocoder--icon-search {
    left: 7px;
    width: 20px;
    height: 20px;
  }

  .mapboxgl-ctrl-geocoder--input {
    height: 36px;
    padding: 6px 35px;
  }

  .mapboxgl-ctrl-geocoder--icon-loading {
    width: 26px;
    height: 26px;
    margin-top: -2px;
    margin-right: -5px;
  }

  .mapbox-gl-geocoder--error{
    color:#909090;
    padding: 6px 12px;
    font-size: 16px;
    text-align: center;
  }

  .mapboxgl-ctrl-geocoder--powered-by {
    font-size: 11px !important;
  }
}

/*!
 * PhotoSphereViewer 5.1.0
 * @copyright 2014-2015 Jérémy Heleine
 * @copyright 2023 Damien "Mistic" Sorel
 * @licence MIT (https://opensource.org/licenses/MIT)
 */
/* src/styles/index.scss */
.psv-container {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  background: radial-gradient(#fff 0%, #fdfdfd 16%, #fbfbfb 33%, #f8f8f8 49%, #efefef 66%, #dfdfdf 82%, #bfbfbf 100%);
  overflow: hidden;
}
.psv-container * {
  box-sizing: content-box;
}
.psv-canvas-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  transition: opacity linear 100ms;
}
.psv-canvas {
  display: block;
}
.psv-loader-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 80;
}
.psv-loader {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(255, 255, 255, 0.7);
  width: 150px;
  height: 150px;
  outline: 3px solid transparent;
}
.psv-loader-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: rgba(61, 61, 61, 0.5);
  outline: 10px solid transparent;
  z-index: -1;
}
.psv-loader-text {
  font: 600 16px sans-serif;
}
.psv-navbar {
  display: flex;
  position: absolute;
  z-index: 90;
  bottom: -40px;
  left: 0;
  width: 100%;
  height: 40px;
  background: rgba(61, 61, 61, 0.5);
  transition: bottom ease-in-out 0.1s;
}
.psv-navbar--open {
  bottom: 0;
}
.psv-navbar,
.psv-navbar * {
  box-sizing: content-box;
}
.psv-button {
  flex: 0 0 auto;
  padding: 10px;
  position: relative;
  cursor: pointer;
  height: 20px;
  width: 20px;
  background: transparent;
  color: rgba(255, 255, 255, 0.7);
}
.psv-button--active {
  background: rgba(255, 255, 255, 0.2);
}
.psv-button--disabled {
  pointer-events: none;
  opacity: 0.5;
}
.psv-button-svg {
  width: 100%;
  transform: scale(1);
  transition: transform 200ms ease;
}
.psv-button:not(.psv-button--disabled):focus-visible {
  outline: 2px solid #007cff;
  outline-offset: -2px;
}
.psv-container:not(.psv--is-touch) .psv-button--hover-scale:not(.psv-button--disabled):hover .psv-button-svg {
  transform: scale(1.2);
}
.psv-move-button + .psv-move-button {
  margin-left: -10px;
}
.psv-custom-button {
  width: auto;
  min-width: 20px;
}
.psv-caption {
  flex: 1 1 100%;
  color: rgba(255, 255, 255, 0.7);
  overflow: hidden;
  text-align: center;
  cursor: default;
  padding: unset;
  height: unset;
  width: unset;
}
.psv-caption-content {
  display: inline-block;
  padding: 10px;
  font: 16px sans-serif;
  white-space: nowrap;
}
.psv-zoom-range.psv-button {
  width: 80px;
  height: 1px;
  margin: 10px 0;
  padding: 9.5px 0;
  max-width: 600px;
}
.psv-zoom-range-line {
  position: relative;
  width: 80px;
  height: 1px;
  background: rgba(255, 255, 255, 0.7);
  transition: all 0.3s ease;
}
.psv-zoom-range-handle {
  position: absolute;
  border-radius: 50%;
  top: -3px;
  width: 7px;
  height: 7px;
  background: rgba(255, 255, 255, 0.7);
  transform: scale(1);
  transition: transform 0.3s ease;
}
.psv-zoom-range:not(.psv-button--disabled):hover .psv-zoom-range-line {
  box-shadow: 0 0 2px rgba(255, 255, 255, 0.7);
}
.psv-zoom-range:not(.psv-button--disabled):hover .psv-zoom-range-handle {
  transform: scale(1.3);
}
.psv-notification {
  position: absolute;
  z-index: 100;
  bottom: -40px;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  padding: 0 2em;
  opacity: 0;
  transition-property: opacity, bottom;
  transition-timing-function: ease-in-out;
  transition-duration: 200ms;
}
.psv-notification-content {
  max-width: 50em;
  background: rgba(61, 61, 61, 0.8);
  border-radius: 4px;
  padding: 0.5em 1em;
  font: 14px sans-serif;
  color: rgb(255, 255, 255);
}
.psv-notification--visible {
  opacity: 100;
  bottom: 80px;
}
.psv-overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 110;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: radial-gradient(#fff 0%, #fdfdfd 16%, #fbfbfb 33%, #f8f8f8 49%, #efefef 66%, #dfdfdf 82%, #bfbfbf 100%);
  opacity: 0.8;
}
.psv-overlay-image {
  margin-bottom: 4vh;
}
.psv-overlay-image svg {
  width: 50vw;
}
@media (orientation: landscape) {
  .psv-overlay-image svg {
    width: 25vw;
  }
}
.psv-overlay-title {
  color: black;
  font: 30px sans-serif;
  text-align: center;
}
.psv-overlay-text {
  color: rgba(0, 0, 0, 0.8);
  font: 20px sans-serif;
  opacity: 0.8;
  text-align: center;
}
.psv-panel {
  position: absolute;
  z-index: 90;
  right: 0;
  height: 100%;
  width: 400px;
  max-width: calc(100% - 9px);
  background: rgba(10, 10, 10, 0.7);
  transform: translate3d(100%, 0, 0);
  opacity: 0;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  transition-duration: 100ms;
  cursor: default;
  margin-left: 9px;
}
.psv--has-navbar .psv-panel {
  height: calc(100% - 40px);
}
.psv-panel-close-button {
  display: none;
  position: absolute;
  top: -1px;
  right: 0;
  width: 19.2px;
  height: 19.2px;
  padding: 6.4px;
  background: transparent;
  color: #fff;
  transition: background 300ms ease-in-out;
  cursor: pointer;
}
.psv-panel-close-button svg {
  transition: transform 300ms ease-in-out;
}
.psv-panel-close-button:hover {
  background: rgba(0, 0, 0, 0.9);
}
.psv-panel-close-button:hover svg {
  transform: scale(-1);
}
.psv-panel-resizer {
  display: none;
  position: absolute;
  top: 0;
  left: -9px;
  width: 9px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  cursor: col-resize;
}
.psv-panel-resizer::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 1px;
  margin-top: -14.5px;
  width: 1px;
  height: 1px;
  box-shadow:
    1px 0 #fff,
    3px 0px #fff,
    5px 0px #fff,
    1px 2px #fff,
    3px 2px #fff,
    5px 2px #fff,
    1px 4px #fff,
    3px 4px #fff,
    5px 4px #fff,
    1px 6px #fff,
    3px 6px #fff,
    5px 6px #fff,
    1px 8px #fff,
    3px 8px #fff,
    5px 8px #fff,
    1px 10px #fff,
    3px 10px #fff,
    5px 10px #fff,
    1px 12px #fff,
    3px 12px #fff,
    5px 12px #fff,
    1px 14px #fff,
    3px 14px #fff,
    5px 14px #fff,
    1px 16px #fff,
    3px 16px #fff,
    5px 16px #fff,
    1px 18px #fff,
    3px 18px #fff,
    5px 18px #fff,
    1px 20px #fff,
    3px 20px #fff,
    5px 20px #fff,
    1px 22px #fff,
    3px 22px #fff,
    5px 22px #fff,
    1px 24px #fff,
    3px 24px #fff,
    5px 24px #fff,
    1px 26px #fff,
    3px 26px #fff,
    5px 26px #fff,
    1px 28px #fff,
    3px 28px #fff,
    5px 28px #fff;
  background: transparent;
}
.psv-panel-content {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  color: rgb(220, 220, 220);
  font: 16px sans-serif;
  overflow: auto;
}
.psv-panel-content:not(.psv-panel-content--no-margin) {
  padding: 1em;
}
.psv-panel-content--no-interaction {
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
}
.psv-panel--open {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  transition-duration: 0.2s;
}
.psv-panel--open .psv-panel-close-button,
.psv-panel--open .psv-panel-resizer {
  display: block;
}
@media screen and (max-width: 400px) {
  .psv-panel {
    width: 100% !important;
    max-width: none;
  }
  .psv-panel-resizer {
    display: none !important;
  }
}
.psv-panel-menu {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.psv-panel-menu-title {
  flex: none;
  display: flex;
  align-items: center;
  font: 24px sans-serif;
  margin: 24px 12px;
}
.psv-panel-menu-title svg {
  width: 24px;
  height: 24px;
  margin-right: 12px;
}
.psv-panel-menu-list {
  flex: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
.psv-panel-menu-item {
  min-height: 1.5em;
  padding: 0.5em 1em;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: background 0.1s ease-in-out;
}
.psv-panel-menu-item--active {
  outline: 1px solid currentcolor;
  outline-offset: -1px;
}
.psv-panel-menu-item-icon {
  flex: none;
  height: 1.5em;
  width: 1.5em;
  margin-right: 0.5em;
}
.psv-panel-menu-item-icon img {
  max-width: 100%;
  max-height: 100%;
}
.psv-panel-menu-item-icon svg {
  width: 100%;
  height: 100%;
}
.psv-panel-menu-item:focus-visible {
  outline: 2px solid #007cff;
  outline-offset: -2px;
}
.psv-panel-menu--stripped .psv-panel-menu-item:hover {
  background: rgba(255, 255, 255, 0.2);
}
.psv-panel-menu--stripped .psv-panel-menu-item:nth-child(odd),
.psv-panel-menu--stripped .psv-panel-menu-item:nth-child(odd)::before {
  background: rgba(255, 255, 255, 0.1);
}
.psv-panel-menu--stripped .psv-panel-menu-item:nth-child(even),
.psv-panel-menu--stripped .psv-panel-menu-item:nth-child(even)::before {
  background: transparent;
}
.psv-container:not(.psv--is-touch) .psv-panel-menu-item:hover {
  background: rgba(255, 255, 255, 0.2);
}
.psv-tooltip {
  position: absolute;
  z-index: 50;
  box-sizing: border-box;
  max-width: 200px;
  background: rgba(61, 61, 61, 0.8);
  border-radius: 4px;
  padding: 0.5em 1em;
  opacity: 0;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  transition-duration: 100ms;
}
.psv-tooltip-content {
  color: rgb(255, 255, 255);
  font: 14px sans-serif;
  text-shadow: 0 1px #000;
}
.psv-tooltip-arrow {
  position: absolute;
  height: 0;
  width: 0;
  border: 7px solid transparent;
}
.psv-tooltip--top-left,
.psv-tooltip--top-center,
.psv-tooltip--top-right {
  transform: translate3d(0, 5px, 0);
}
.psv-tooltip--top-left .psv-tooltip-arrow,
.psv-tooltip--top-center .psv-tooltip-arrow,
.psv-tooltip--top-right .psv-tooltip-arrow {
  border-top-color: rgba(61, 61, 61, 0.8);
}
.psv-tooltip--bottom-left,
.psv-tooltip--bottom-center,
.psv-tooltip--bottom-right {
  transform: translate3d(0, -5px, 0);
}
.psv-tooltip--bottom-left .psv-tooltip-arrow,
.psv-tooltip--bottom-center .psv-tooltip-arrow,
.psv-tooltip--bottom-right .psv-tooltip-arrow {
  border-bottom-color: rgba(61, 61, 61, 0.8);
}
.psv-tooltip--left-top,
.psv-tooltip--center-left,
.psv-tooltip--left-bottom {
  transform: translate3d(5px, 0, 0);
}
.psv-tooltip--left-top .psv-tooltip-arrow,
.psv-tooltip--center-left .psv-tooltip-arrow,
.psv-tooltip--left-bottom .psv-tooltip-arrow {
  border-left-color: rgba(61, 61, 61, 0.8);
}
.psv-tooltip--right-top,
.psv-tooltip--center-right,
.psv-tooltip--right-bottom {
  transform: translate3d(-5px, 0, 0);
}
.psv-tooltip--right-top .psv-tooltip-arrow,
.psv-tooltip--center-right .psv-tooltip-arrow,
.psv-tooltip--right-bottom .psv-tooltip-arrow {
  border-right-color: rgba(61, 61, 61, 0.8);
}
.psv-tooltip--left-top,
.psv-tooltip--top-left {
  box-shadow: -3px -3px 0 rgba(90, 90, 90, 0.7);
}
.psv-tooltip--top-center {
  box-shadow: 0 -3px 0 rgba(90, 90, 90, 0.7);
}
.psv-tooltip--right-top,
.psv-tooltip--top-right {
  box-shadow: 3px -3px 0 rgba(90, 90, 90, 0.7);
}
.psv-tooltip--left-bottom,
.psv-tooltip--bottom-left {
  box-shadow: -3px 3px 0 rgba(90, 90, 90, 0.7);
}
.psv-tooltip--bottom-center {
  box-shadow: 0 3px 0 rgba(90, 90, 90, 0.7);
}
.psv-tooltip--right-bottom,
.psv-tooltip--bottom-right {
  box-shadow: 3px 3px 0 rgba(90, 90, 90, 0.7);
}
.psv-tooltip--center-left {
  box-shadow: -3px 0 0 rgba(90, 90, 90, 0.7);
}
.psv-tooltip--center-right {
  box-shadow: 3px 0 0 rgba(90, 90, 90, 0.7);
}
.psv-tooltip--visible {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  transition-duration: 100ms;
}
/*# sourceMappingURL=index.css.map */
[hidden] {
  display: none !important;
}

.ion-activatable {
  position: relative;
  overflow: hidden;
}
.ion-activatable ion-ripple-effect {
  color: var(--appTint);
}

ion-toast.toast-success::part(container) {
  background-color: var(--ion-color-medium);
  color: var(--ion-color-light);
  border-radius: var(--border-radius);
}
ion-toast.toast-success::part(button) {
  color: var(--ion-color-light);
}

ion-toast.toast-redirect::part(container) {
  background-color: #0d0d0d;
  color: var(--ion-color-light);
  border-radius: var(--border-radius);
}
ion-toast.toast-redirect::part(button) {
  color: var(--ion-color-light);
}

.loader {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.loader:has(.spinner-dots) {
  max-height: 16px;
}
.loader ion-spinner[color=primary] {
  color: var(--appTint);
}
.loader.padding {
  padding: 16px;
}

.loader--full {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: auto;
  height: auto;
}

.infinite-loading {
  --color: var(--appTint);
}

.refresher-refreshing-icon {
  --color: var(--appTint);
}

ion-action-sheet.custom-actionsheet .action-sheet-title {
  color: #212121;
  font-size: 1rem;
  font-weight: 700;
}
ion-action-sheet.custom-actionsheet .action-sheet-button.targetBtn {
  color: #212121;
  white-space: nowrap;
}
ion-action-sheet.custom-actionsheet .action-sheet-button.targetBtn.marquee {
  overflow: hidden;
  text-overflow: ellipsis;
}
ion-action-sheet.custom-actionsheet .action-sheet-button.targetBtn.marquee > span {
  display: inline-block;
  white-space: nowrap;
  transform: translateX(0);
  width: auto;
  animation: action-sheet-marquee linear 1s infinite;
}
ion-action-sheet.custom-actionsheet .action-sheet-button.cancelBtn {
  color: #fc5447;
}
ion-action-sheet.custom-actionsheet .action-sheet-button.filterBtn {
  color: #212121;
}
ion-action-sheet.custom-actionsheet .action-sheet-button.filterBtn.ion-activated {
  color: #212121;
}
ion-action-sheet.custom-actionsheet .action-sheet-button.settingsBtn {
  color: #212121;
}
ion-action-sheet.custom-actionsheet .action-sheet-button.settingsBtn.ion-activated {
  color: #212121;
}
ion-action-sheet.custom-actionsheet .action-sheet-button.activeBtn {
  color: var(--appTint);
}
ion-action-sheet.custom-actionsheet .action-sheet-button.activeBtn.ion-activated {
  color: var(--appTint);
}

@keyframes action-sheet-marquee {
  0%, 10% {
    transform: translateX(0);
  }
  90%, 100% {
    transform: translateX(calc(-100% + var(--action-sheet-width) - 36px));
  }
}
/** Ionic CSS Variables **/
:root {
  /** primary **/
  --ion-color-primary: #3880ff;
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #3171e0;
  --ion-color-primary-tint: #4c8dff;
  /** secondary **/
  --ion-color-secondary: #0cd1e8;
  --ion-color-secondary-rgb: 12, 209, 232;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #0bb8cc;
  --ion-color-secondary-tint: #24d6ea;
  /** tertiary **/
  --ion-color-tertiary: #7044ff;
  --ion-color-tertiary-rgb: 112, 68, 255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #633ce0;
  --ion-color-tertiary-tint: #7e57ff;
  /** success **/
  --ion-color-success: #10dc60;
  --ion-color-success-rgb: 16, 220, 96;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #0ec254;
  --ion-color-success-tint: #28e070;
  /** warning **/
  --ion-color-warning: #ffce00;
  --ion-color-warning-rgb: 255, 206, 0;
  --ion-color-warning-contrast: #ffffff;
  --ion-color-warning-contrast-rgb: 255, 255, 255;
  --ion-color-warning-shade: #e0b500;
  --ion-color-warning-tint: #ffd31a;
  /** danger **/
  --ion-color-danger: #f04141;
  --ion-color-danger-rgb: 245, 61, 61;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #d33939;
  --ion-color-danger-tint: #f25454;
  /** dark **/
  --ion-color-dark: #222428;
  --ion-color-dark-rgb: 34, 34, 34;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
  /** medium **/
  --ion-color-medium: #e9e9e9;
  --ion-color-medium-rgb: 152, 154, 162;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #86888f;
  --ion-color-medium-tint: #a2a4ab;
  /** light **/
  --ion-color-light: #f3f1ef;
  --ion-color-light-rgb: 244, 244, 244;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
  --ion-font-family: "Mukta", sans-serif;
  --ion-padding: 8px;
  --ion-background-color: var(--ion-color-light);
}
/*------------------------------------*\
    App | Globals
\*------------------------------------*/
/*------------------------------------*\
    Resets
\*------------------------------------*/
* {
  box-sizing: border-box;
}

*:before,
*:after {
  box-sizing: border-box;
}

ul,
li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
}

/*------------------------------------*\
    App | Breakpoints
\*------------------------------------*/
/*------------------------------------*\
    App | Fonts
\*------------------------------------*/
/*------------------------------------*\
    App | Colors
\*------------------------------------*/
@font-face {
  font-family: "Mukta";
  src: url('Mukta-Light.120d93afab2565f4.woff2') format("woff2"), url('Mukta-Light.b6e5fdf7361c4857.woff') format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mukta";
  src: url('Mukta-Medium.c9d86c44e61f6ffb.woff2') format("woff2"), url('Mukta-Medium.265beb1fc1d333be.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mukta";
  src: url('Mukta-Regular.814c40b03ddaf55f.woff2') format("woff2"), url('Mukta-Regular.431e78a7fd9e38bd.woff') format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mukta";
  src: url('Mukta-SemiBold.1cc30d03ae949470.woff2') format("woff2"), url('Mukta-SemiBold.e47cac26ca2aebc3.woff') format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mukta";
  src: url('Mukta-Bold.ac8a16d62d30dc39.woff2') format("woff2"), url('Mukta-Bold.79863e4e0a985415.woff') format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mukta";
  src: url('Mukta-ExtraLight.182c74a3acda18e7.woff2') format("woff2"), url('Mukta-ExtraLight.b66b18e887d22353.woff') format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mukta";
  src: url('Mukta-ExtraBold.a68c6b5f21896940.woff2') format("woff2"), url('Mukta-ExtraBold.1606238a2a75fa4e.woff') format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/*------------------------------------*\
    App | Ionic
\*------------------------------------*/
ion-tab-bar {
  --background: #fff;
  border-radius: 24px 24px 0 0;
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.06);
  height: 64px;
  width: 100%;
  max-width: 48rem;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0;
}
ion-tab-bar ion-tab-button {
  position: relative;
  --color: #212121;
  --color-selected: var(--appTint);
  border-radius: 24px;
}
ion-tab-bar ion-tab-button.tab-selected ion-icon {
  padding-bottom: 4px;
  border-bottom: 2px solid var(--appTint);
}
ion-tab-bar ion-tab-button span {
  white-space: nowrap;
  position: absolute;
  top: 10px;
  left: calc(50% + 12px);
  transform: translateX(-50%);
  width: 16px;
  height: 16px;
  background: #e12417;
  border-radius: 50%;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.15;
  color: #fff;
  text-align: center;
}

ion-header ion-toolbar {
  --padding-start: var(--ion-padding);
  --padding-end: var(--ion-padding);
}
ion-header ion-toolbar ion-title {
  letter-spacing: 0;
  font-weight: bold;
  padding: var(--ion-padding);
}

ion-button {
  font-weight: 600;
  --ripple-color: var(--ion-color-primary);
}
ion-button[size=small] {
  font-weight: bold;
  font-size: 0.875rem;
}

ion-content {
  --padding-start: var(--ion-safe-area-left);
  --padding-end: var(--ion-safe-area-right);
}
ion-content.ion-padding {
  --padding-start: max(var(--ion-safe-area-left), var(--ion-padding));
  --padding-end: max(var(--ion-safe-area-right), var(--ion-padding));
}

ion-tab-bar.ios {
  padding-bottom: calc(var(--ion-safe-area-bottom) * 0.5);
}

.plt-desktop ion-header ion-toolbar {
  max-width: 48rem;
  margin: 0 auto;
  --background: var(--ion-background-color);
  --padding-bottom: 0;
}
.plt-desktop ion-header ion-toolbar ion-buttons {
  padding-right: var(--ion-padding);
}
.plt-desktop ion-header ion-toolbar:last-of-type {
  --border-width: 0;
}
.plt-desktop ion-tab-bar {
  max-width: 100%;
  margin: 0;
  border-radius: 0;
}
.plt-desktop ion-tab-bar ion-tab-button {
  max-width: 76px;
}

/*------------------------------------*\
    App | Globals
\*------------------------------------*/
html,
body {
  overscroll-behavior-x: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-family: "Mukta", sans-serif;
  font-weight: normal;
}

.loading-overlay {
  background: #fff;
}

a:active,
button:active {
  opacity: 0.7;
}

.empty-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px;
  margin: 0 auto;
  text-align: center;
  padding-top: 10%;
}
.empty-list.no-padding {
  padding-top: 0;
}
.empty-list svg {
  width: 60px;
  height: 60px;
}
.empty-list svg path {
  fill: rgba(143, 143, 143, 0.5);
}
.empty-list h2 {
  margin: 8px 0;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.3;
  color: #212121;
}
.empty-list p {
  font-size: 0.875rem;
  line-height: 1.4;
  color: #212121;
}
.empty-list .large-svg svg {
  width: 120px;
  height: 120px;
}

/*------------------------------------*\
    App | Globals
\*------------------------------------*/
.app__content, .app__description {
  max-width: 48rem;
  margin: 0 auto;
}
.app__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 24px;
  font-weight: bold;
  color: #212121;
}
.app__header h1 {
  font-size: 1.25rem;
  line-height: 1;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app__header.hasDescription {
  padding-bottom: 0;
}
.app__header__buttons {
  margin-left: auto;
  display: flex;
  align-items: center;
  pointer-events: all;
  cursor: pointer;
  position: relative;
}
.app__header__buttons > div > span:first-child {
  margin-left: 8px;
  display: block;
  width: 24px;
  height: 24px;
}
.app__header__buttons > div > span:first-child svg {
  height: 100%;
  width: 100%;
  display: block;
}
.app__header__buttons > div > span:nth-child(2) {
  white-space: nowrap;
  position: absolute;
  top: -5px;
  right: -5px;
  width: 16px;
  height: 16px;
  background: #e12417;
  border-radius: 50%;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.15;
  color: #fff;
  text-align: center;
}
.app__description {
  padding: 8px 8px 16px 8px;
}
.app__description p {
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #212121;
}

.plt-desktop .app__description {
  padding-top: 0;
}
.plt-desktop .app__header__buttons div span:hover svg {
  fill: var(--appTint);
}

/*------------------------------------*\
    App | Components
\*------------------------------------*/
/*------------------------------------*\
    App | Buttons
\*------------------------------------*/
/*------------------------------------*\
    App | Back button
\*------------------------------------*/
.back-button {
  position: relative;
  overflow: hidden;
  width: 32px;
  min-width: 32px;
  height: 32px;
  border-radius: 4px;
  display: block;
  margin-right: 10px;
  transition: transform 0.3s ease-in-out;
}
.back-button:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-image: url("/assets/icons/arrow-left-thin.svg");
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  pointer-events: none;
}
.back-button > span {
  display: block;
}
.back-button ion-back-button {
  display: block;
  width: 32px;
  min-width: 32px;
  max-width: 32px;
  height: 32px;
  color: transparent;
  transition: all 0.25s ease;
}
.back-button ion-back-button:focus {
  background-color: rgba(0, 0, 0, 0.5);
}

.plt-desktop .back-button:hover ion-back-button {
  background-color: rgba(0, 0, 0, 0.2);
}

app-translation-button {
  order: -1;
}
app-translation-button .translation-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 8px;
  text-decoration: none;
  transition: 0.25s all ease;
  background: none;
}
app-translation-button .translation-button span:first-child {
  margin-right: 4px;
  width: 16px;
  height: 16px;
  display: block;
}
app-translation-button .translation-button span:first-child svg {
  width: 100%;
  height: 100%;
  display: block;
}
app-translation-button .translation-button span:first-child svg path {
  fill: #575757;
}
app-translation-button .translation-button span:nth-child(2) {
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #575757;
}
app-translation-button ion-spinner {
  height: 16px;
}

.plt-desktop app-translation-button .translation-button:hover {
  text-decoration: underline;
}

/*------------------------------------*\
    App | Form Elements: Checkbox
\*------------------------------------*/
/*------------------------------------*\
    App | Form Elements: Radio
\*------------------------------------*/
/*------------------------------------*\
    App | Form Elements: Toggle
\*------------------------------------*/
/*------------------------------------*\
    App | Form Elements: Input
\*------------------------------------*/
/*------------------------------------*\
    App | Form Elements: Select
\*------------------------------------*/
/*------------------------------------*\
    App | Modal
\*------------------------------------*/
ion-modal.media-slider-modal {
  --height: calc(100% - var(--ion-safe-area-top));
}
ion-modal.media-slider-modal::part(backdrop) {
  --backdrop-opacity: 1;
}
ion-modal.media-slider-modal::part(content) {
  --background: transparent;
}
ion-modal.media-slider-modal ion-toolbar {
  --background: none;
}
ion-modal.media-slider-modal ion-toolbar .dismiss {
  background-color: transparent;
  color: #fff;
}
ion-modal.media-slider-modal ion-toolbar .dismiss > svg {
  width: 24px;
  height: 24px;
}
ion-modal.media-slider-modal ion-toolbar .share {
  margin-right: 16px;
  background-color: transparent;
  color: #fff;
}
ion-modal.media-slider-modal ion-toolbar .share > svg {
  width: 24px;
  height: 24px;
}
ion-modal.media-slider-modal .ion-page ion-content {
  --background: none;
}
ion-modal.media-slider-modal .ion-page .dismiss {
  position: absolute;
  top: calc(16px + var(--ion-safe-area-top));
  right: 16px;
  background-color: transparent;
  color: #fff;
}
ion-modal.media-slider-modal .ion-page .dismiss > svg {
  width: 24px;
  height: 24px;
}
ion-modal.media-slider-modal .ion-page .share {
  position: absolute;
  top: calc(16px + var(--ion-safe-area-top));
  right: 54px;
  background-color: transparent;
  color: #fff;
}
ion-modal.media-slider-modal .ion-page .share > svg {
  width: 24px;
  height: 24px;
}
ion-modal.media-slider-modal .media-slider {
  width: 100%;
  height: 100%;
  background: none;
  position: unset;
  margin-top: unset;
  overflow: unset;
}
ion-modal.media-slider-modal .media-slider swiper-container {
  height: 100%;
}
ion-modal.media-slider-modal .media-slider swiper-container swiper-slide {
  height: 100%;
  width: 100%;
  max-height: unset;
}
ion-modal.media-slider-modal .media-slider swiper-container img,
ion-modal.media-slider-modal .media-slider swiper-container video,
ion-modal.media-slider-modal .media-slider swiper-container iframe {
  object-fit: contain;
}
ion-modal.media-slider-modal .media-slider__pagination {
  position: absolute;
  z-index: 10;
  bottom: calc(20px + var(--ion-safe-area-bottom));
  right: 10px;
  font-weight: bold;
  font-size: 0.75rem;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 2px 15px;
  border-radius: 20px;
}
ion-modal.media-slider-modal .media-slider__description {
  position: absolute;
  z-index: 10;
  bottom: calc(20px + var(--ion-safe-area-bottom));
  left: 50%;
  transform: translateX(-50%);
  font-weight: bold;
  font-size: 0.75rem;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 2px 15px;
  border-radius: 20px;
}

ion-modal.widget app-project-about-us {
  overflow-y: auto;
  background-color: #f3f1ef;
  padding: 8px;
  justify-content: start;
}
ion-modal.widget app-project-about-us .card {
  margin-bottom: 8px;
}
ion-modal.widget app-project-about-us .close {
  align-self: end;
  margin-bottom: 8px;
}

/*------------------------------------*\
    App | Media Slider
\*------------------------------------*/
.media-slider {
  position: relative;
  width: 100%;
  margin-top: 12px;
  height: auto;
  background: rgba(205, 205, 205, 0.5);
  border-radius: 8px;
  overflow: hidden;
}
.media-slider swiper-container {
  height: auto;
  width: 100%;
  --swiper-pagination-bullet-inactive-color: white;
  --swiper-pagination-color: white;
}
.media-slider swiper-container swiper-slide {
  width: 100%;
  max-height: 236px;
  aspect-ratio: 16/9;
}
.media-slider swiper-container img,
.media-slider swiper-container video,
.media-slider swiper-container iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
}
.media-slider swiper-container .wrapper {
  width: 100%;
  height: 100%;
}
.media-slider swiper-container .wrapper.no-zoom {
  touch-action: none;
}
.media-slider .swiper-zoom-container .media-slider__overlay {
  background-color: unset;
}
.media-slider__overlay {
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  top: 0;
  left: 0;
}
.media-slider__overlay .click-area {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.media-slider__overlay p {
  color: #fff;
  text-shadow: 1px 1px 3px #212121;
  font-size: 1rem;
}
.media-slider__overlay .play-button {
  width: 60px;
  height: 60px;
  background: none;
  z-index: 2;
}
.media-slider__overlay .play-button svg {
  width: 100%;
  height: 100%;
}
.media-slider__overlay .pdf-button {
  background-color: var(--appTint) !important;
  padding: 10px;
  border-radius: 5px;
  color: #fff;
  font-size: 0.75rem;
  z-index: 2;
}
.media-slider__sphere {
  height: 100%;
  width: 100%;
  position: relative;
}
.media-slider__pagination {
  position: absolute;
  z-index: 9;
  bottom: 8px;
  right: 12px;
  font-weight: bold;
  font-size: 0.75rem;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 2px 15px;
  border-radius: 20px;
}
.media-slider .psv-navbar {
  background: transparent;
}
.media-slider .psv-navbar .psv-button {
  background: rgba(0, 0, 0, 0.5);
  color: var(--appTint);
  border-radius: 5px 0 5px 0;
}

.plt-desktop swiper-container:hover {
  cursor: pointer;
}
.plt-desktop .media-slider swiper-container swiper-slide {
  max-height: 356px;
}

.update-app ion-header {
  background: #f3f1ef;
}
.update-app ion-header .close {
  padding: 10px;
  float: right;
  cursor: pointer;
}
.update-app ion-header .close svg {
  height: 20px;
}
.update-app .container {
  width: 100%;
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-top: -44px;
}
.update-app .container h2 {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.4;
  color: #212121;
  margin-bottom: 2px;
}
.update-app .container p {
  white-space: pre-wrap;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #212121;
}
.update-app .container button {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
          appearance: none;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
  padding: 12px 16px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  color: #fff;
  background: var(--appTint);
  margin-top: 16px;
}
.update-app .container button:hover {
  text-decoration: none;
}
.update-app .container button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.update-app .container button[disabled] {
  opacity: 0.5;
}
.update-app .container button span {
  font-size: 0.875rem;
  line-height: 1.2;
}
.update-app .container button span.icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.update-app .container button span.icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.update-app .container button span.icon + span:not(.icon),
.update-app .container button span:not(.icon) + span.icon {
  margin-left: 8px;
}

.social-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
}
.social-buttons.inactive li svg {
  fill: #575757 !important;
}
.social-buttons button {
  height: 36px;
  min-width: 36px;
  position: relative;
  padding: 8px;
  overflow: hidden;
  border-radius: 8px;
  display: flex;
  align-items: center;
  color: #212121;
  transition: 0.25s all ease;
}
.social-buttons button svg {
  transition: transform 0.3s ease-in-out;
}
.social-buttons button:not(.active) {
  background: none !important;
  justify-content: center;
}
.social-buttons button:not(.active):has(.count.show) {
  min-width: 48px;
}
.social-buttons button.active {
  border: none !important;
  color: #fff !important;
  margin: 0 6px;
  min-width: 48px;
  margin-right: 8px;
}
.social-buttons button.active:first-child {
  margin-left: 0;
}
.social-buttons button.active svg {
  fill: #fff !important;
}
.social-buttons button svg {
  width: 20px;
  height: 20px;
}
.social-buttons button.like {
  background-color: #3373ea;
}
.social-buttons button.like .ripple {
  color: #3373ea;
}
.social-buttons button.like svg {
  fill: #3373ea;
}
.social-buttons button.awesome {
  background-color: #f5b049;
}
.social-buttons button.awesome .ripple {
  color: #f5b049;
}
.social-buttons button.awesome svg {
  fill: #f5b049;
}
.social-buttons button.idea {
  background-color: #49da16;
}
.social-buttons button.idea .ripple {
  color: #49da16;
}
.social-buttons button.idea svg {
  fill: #49da16;
}
.social-buttons button.worried {
  background-color: #a800f2;
}
.social-buttons button.worried .ripple {
  color: #a800f2;
}
.social-buttons button.worried svg {
  height: 16px;
  margin-top: 2px;
  fill: #a800f2;
}
.social-buttons button.dislike {
  background-color: #e12417;
}
.social-buttons button.dislike .ripple {
  color: #e12417;
}
.social-buttons button.dislike svg {
  fill: #e12417;
}
.social-buttons button > div {
  font-weight: normal;
  display: block;
  color: #212121;
}
.social-buttons button > span {
  margin-left: 4px;
  display: none;
  min-width: 8px;
  font-size: 14px;
}
.social-buttons button > span.show {
  display: block;
}

.plt-desktop .social-buttons button:not(.close):not(.count):hover svg {
  transform: scale(1.25);
}

/*------------------------------------*\
    App | Card
\*------------------------------------*/
.card {
  padding: 16px;
  background: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
  border-radius: 16px;
  text-align: left;
}
.card__head {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 12px;
}
.card__head > div:first-child[tabindex="0"] {
  width: 100%;
  display: flex;
}
.card__image {
  width: 58px;
  min-width: 58px;
  height: 58px;
  background: #e9e9e9;
  border-radius: 6px;
  overflow: hidden;
}
.card__image.small {
  width: 38px;
  min-width: 38px;
  height: 38px;
}
.card__image.has-image {
  background: transparent;
}
.card__image img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  object-fit: contain;
  object-position: center;
  display: block;
}
.card__title {
  width: calc(100% - 58px);
  min-width: calc(100% - 58px);
  display: flex;
  flex-direction: column;
  padding-left: 8px;
  font-size: 0.875rem;
}
.card__title:has(+ .card__share) {
  width: calc(100% - 90px);
  min-width: calc(100% - 90px);
}
.card__title > span {
  display: block;
  color: #212121;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card__title > span:first-child span {
  display: block;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.4;
  color: #212121;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card__title > span:first-child span:last-child:not(:first-child) {
  color: #212121;
  font-size: 0.875rem;
  font-weight: normal;
}
.card__title > span:last-child {
  font-weight: 300;
  font-size: 0.75rem;
  line-height: 1.4;
  white-space: nowrap;
}
.card__share {
  width: 32px;
  height: 32px;
  padding: 4px;
  margin-left: auto;
  border-radius: 50%;
}
.card__share span {
  display: block;
  width: 100%;
  height: 100%;
}
.card__share span svg {
  width: 100%;
  height: 100%;
}
.card__buttons .button {
  font-size: 0.875rem;
  font-weight: 600;
  color: #fff;
  padding: 10px 16px;
  margin: 16px 8px 0 0;
  text-align: center;
  border-radius: 8px;
  line-height: 1.2;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: 250ms ease;
}
.card__buttons .button--primary {
  background-color: var(--appTint);
  border: 1px solid var(--appTint);
}
.card__buttons .button--primary:hover {
  filter: brightness(90%);
}
.card__buttons .button--secondary {
  background-color: #fff;
  color: #212121;
  border: 1px solid #212121;
}
.card__buttons .button--secondary:hover {
  background-color: gainsboro;
  color: #212121;
}
.card__new {
  color: var(--appTint);
}
.card__content {
  display: flex;
  flex-direction: column;
  position: relative;
}
.card__content h2 {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.4;
  color: #212121;
  margin-bottom: 2px;
}
.card__content h2.visually-hidden {
  opacity: 0;
  height: 0;
}
.card__content > a {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 75px;
  text-align: right;
  line-height: 1.25;
  font-size: 0.875rem;
  color: var(--appTint);
  margin-right: 8px;
  background: #fff;
}
.card__content .read-more {
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.25;
  color: var(--appTint);
  display: inline;
  text-decoration: none;
}
.card__content > span {
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.25;
  color: #212121;
}
.card__content > div {
  color: #212121;
  overflow: hidden;
  font-size: 0.875rem;
  line-height: 1.25;
}
.card__content > div p {
  padding-right: 5px;
}
.card__content > div p:last-of-type {
  display: inline;
}
.card__content > div a,
.card__content > div p,
.card__content > div strong,
.card__content > div u,
.card__content > div em,
.card__content > div li {
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.25;
}
.card__content > div ul,
.card__content > div ol {
  padding-left: 2rem;
  margin: 16px 0;
}
.card__content > div ul li {
  list-style-type: disc;
}
.card__content > div ol li {
  list-style-type: decimal;
}
.card__content > div strong {
  font-weight: 600;
}
.card__content > div a {
  font-weight: 600;
  color: var(--appTint);
  text-decoration: underline;
}
.card__content .card__content__note {
  color: var(--appTint);
  font-size: 0.875rem;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: bold;
  white-space: nowrap;
}
.card__content button:not(.translation-button) {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
          appearance: none;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
  padding: 12px 16px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  color: #fff;
  background: var(--appSupport);
  margin-top: 16px;
  align-self: flex-start;
}
.card__content button:not(.translation-button):hover {
  text-decoration: none;
}
.card__content button:not(.translation-button).isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.card__content button:not(.translation-button)[disabled] {
  opacity: 0.5;
}
.card__content button:not(.translation-button) span {
  font-size: 0.875rem;
  line-height: 1.2;
}
.card__content button:not(.translation-button) span.icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.card__content button:not(.translation-button) span.icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.card__content button:not(.translation-button) span.icon + span:not(.icon),
.card__content button:not(.translation-button) span:not(.icon) + span.icon {
  margin-left: 8px;
}
.card__bottom {
  margin-top: 12px;
}
.card__events {
  padding: 8px;
}
.card--events {
  border: 2px solid var(--appTint);
  position: relative;
  padding: 16px 8px 16px 8px;
}
.card--events app-events {
  padding: 0 8px;
}
.card--events:has(.sticky-stacked) {
  margin-bottom: 24px !important;
  padding-bottom: 16px;
}
.card--update {
  padding: 16px 8px;
}
.card--report {
  padding: 4px;
}
.card--report app-smart-reporting-map-page {
  position: relative;
}
.card--report app-smart-reporting-map-page .smart-reporting__map {
  width: 100%;
  height: 33vh;
  min-height: 250px;
  border-radius: 16px;
  overflow: hidden;
  position: static;
}
.card--report app-smart-reporting-map-page .smart-reporting__filter {
  top: 16px;
  right: 16px;
}
.card--report app-smart-reporting-map-page .smart-reporting__new {
  bottom: 16px;
}
.card--update .card__head,
.card--update .card__content,
.card--update .card__bottom, .card--events .card__head,
.card--events .card__content,
.card--events .card__bottom {
  padding: 0 8px;
}
.card__cover-image {
  width: auto;
  height: 80px;
  background-color: #e9e9e9;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  border-radius: 16px;
  margin-left: -8px;
  margin-right: -8px;
  margin-top: -16px;
  margin-bottom: 16px;
}

.plt-desktop .card__share:hover {
  cursor: pointer;
}
.plt-desktop .card__share:hover svg {
  fill: var(--appTint);
}
.plt-desktop .card:not(.welcome):not(.card--summary) .card__title span:hover {
  cursor: pointer;
  text-decoration: underline;
}
.plt-desktop .read-more:hover {
  cursor: pointer;
  text-decoration: underline;
}

/*------------------------------------*\
    App | Card, Poll
\*------------------------------------*/
.card__poll {
  position: relative;
  margin-top: 16px;
  padding-top: 16px;
}
.card__poll p.poll_closed_text {
  font-size: 1rem;
}
.card__poll:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 75%;
  height: 1px;
  background: rgba(205, 205, 205, 0.5);
  transform: translateX(-50%);
}
.card__poll > span {
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1.4;
  color: #212121;
}
.card__poll__questions {
  margin: 8px 0;
}
.card__poll__questions:has(.image) {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 8px -8px 0 -8px;
}
.card__poll__questions:has(.image) > li {
  margin: 0 8px;
}
.card__poll__questions > li:not(:last-child) {
  margin-bottom: 8px;
}
.card__poll__questions > li input[type=radio] {
  display: none;
}
.card__poll__questions > li input[type=radio] + label {
  display: block;
  position: relative;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.5;
  color: #212121;
  text-decoration: none;
  transition: 260ms ease;
  padding-left: 32px;
  cursor: pointer;
}
.card__poll__questions > li input[type=radio] + label:hover {
  text-decoration: underline;
}
.card__poll__questions > li input[type=radio] + label:hover:before {
  border-color: var(--appTint);
}
.card__poll__questions > li input[type=radio] + label:before, .card__poll__questions > li input[type=radio] + label:after {
  content: "";
  position: absolute;
  top: 50%;
  border-radius: 4px;
}
.card__poll__questions > li input[type=radio] + label:before {
  left: 0;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: #fff;
  border: 1px solid #cdcdcd;
  transition: 260ms ease;
}
.card__poll__questions > li input[type=radio] + label:after {
  left: 4px;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  background: var(--appTint);
  opacity: 0;
  pointer-events: none;
  transition: 260ms ease;
}
.card__poll__questions > li input[type=radio]:checked + label:before {
  border-color: var(--appTint);
}
.card__poll__questions > li input[type=radio]:checked + label:after {
  opacity: 1;
  pointer-events: auto;
}
.card__poll__questions > li input[type=radio] + label:before, .card__poll__questions > li input[type=radio] + label:after {
  border-radius: 50%;
}
.card__poll__questions > li input[type=radio] + label.poll_closed {
  padding-left: 0;
}
.card__poll__questions > li input[type=radio] + label.poll_closed:before, .card__poll__questions > li input[type=radio] + label.poll_closed:after {
  display: none;
}
.card__poll__questions > li input[type=radio] + label {
  display: flex;
  align-items: center;
}
.card__poll__questions > li strong {
  padding-left: 4px;
  color: #575757;
}
.card__poll__questions > li.active input[type=radio] + label,
.card__poll__questions > li.active strong {
  color: var(--appTint);
}
.card__poll__questions__text {
  font-size: 0.875rem;
  flex-grow: 1;
  overflow: hidden;
}
.card__poll__questions__image {
  flex-shrink: 0;
  display: inline-block;
  width: 100px;
  aspect-ratio: 1/1;
  max-width: 25%;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 8px;
}
.card__poll__questions__image:before, .card__poll__questions__image:after {
  top: auto;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
}
.card__poll__questions__image span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 1rem;
  color: #fff;
  background: rgba(33, 33, 33, 0.5);
}
.card__poll__votes {
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.2;
  color: #212121;
}

/*------------------------------------*\
    App | Card, Project
\*------------------------------------*/
.card.card--project {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  padding: 12px 16px 12px 16px;
  transition: 260ms ease;
}
.card.card--project > div:first-of-type[tabindex="0"] {
  width: calc(100% - 40px);
  min-width: 150px;
  align-items: center;
  display: flex;
}
.card.card--project.highlighted {
  background-color: var(--appTint);
}
.card.card--project.highlighted .card__content > span:first-child {
  color: #fff;
}
.card.card--project.highlighted .card__content > span[color=dark] {
  color: #fff;
}
.card.card--project.highlighted .card__content > span:last-child {
  color: #fff;
}
.card.card--project.highlighted .card__content h2 {
  color: #fff;
}
.card.card--project.highlighted .card__follow {
  box-shadow: inset 0 0 0 1px #fff;
}
.card.card--project.highlighted .card__follow span svg path {
  fill: #fff;
}
.card.card--project.highlighted .card__follow.following {
  box-shadow: inset 0 0 0 1px #fff;
}
.card.card--project.highlighted .card__follow.following svg path {
  fill: #fff;
}
.card.card--project .card__image {
  width: 48px;
  min-width: 48px;
  height: 48px;
}
.card.card--project .card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card.card--project .card__content {
  width: calc(100% - 48px);
  min-width: calc(100% - 48px);
  display: flex;
  flex-direction: column;
  padding: 0 16px;
}
.card.card--project .card__content h2 {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.25;
  color: #212121;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card.card--project .card__content > span {
  font-weight: 300;
}
.card.card--project .card__content > span:first-child {
  color: var(--appTint);
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: bold;
  white-space: nowrap;
}
.card.card--project .card__content > span.main span, .card.card--project .card__content > span.child span {
  color: #0b57d0;
}
.card.card--project .card__content > span.main span svg, .card.card--project .card__content > span.child span svg {
  fill: #0b57d0;
  margin-right: 4px;
  font-weight: 300;
}
.card.card--project .card__content > span[color=dark] {
  color: #212121;
  font-weight: normal;
}
.card.card--project .card__follow {
  width: 40px;
  min-width: 40px;
  height: 40px;
  box-shadow: inset 0 0 0 1px #575757;
  border-radius: 6px;
  text-align: center;
  padding: 8px;
  transition: 260ms ease;
  cursor: pointer;
}
.card.card--project .card__follow span {
  display: block;
  width: 24px;
  height: 24px;
}
.card.card--project .card__follow span:last-child {
  display: none;
}
.card.card--project .card__follow span svg {
  width: 100%;
  height: 100%;
  display: block;
}
.card.card--project .card__follow span svg path {
  fill: #575757;
  transition: 260ms ease;
}
@media (hover: hover) {
  .card.card--project .card__follow:hover {
    box-shadow: inset 0 0 0 1px var(--appTint);
  }
  .card.card--project .card__follow:hover svg path {
    fill: var(--appTint);
  }
}
.card.card--project .card__follow.disabled {
  pointer-events: none;
}
.card.card--project .card__follow.disabled span {
  display: none;
}
.card.card--project .card__follow.disabled ion-spinner {
  height: 24px;
  width: 24px;
}
.card.card--project .card__follow.following {
  box-shadow: inset 0 0 0 1px var(--appTint);
}
.card.card--project .card__follow.following svg path {
  fill: var(--appTint);
}
.card.card--project .card__follow.following span:first-of-type {
  display: none;
}
.card.card--project .card__follow.following span:last-of-type {
  display: block;
}

.plt-desktop .card.card--project {
  transition: background-color 300ms linear;
}
.plt-desktop .card.card--project:hover {
  background-color: var(--appTint);
}
.plt-desktop .card.card--project:hover .card__content span,
.plt-desktop .card.card--project:hover .card__content h2 {
  color: #fff;
}
.plt-desktop .card.card--project:hover .card__content > span.child span svg {
  fill: #fff;
}
.plt-desktop .card.card--project:hover .card__follow {
  box-shadow: inset 0 0 0 1px #fff;
}
.plt-desktop .card.card--project:hover .card__follow span svg path {
  fill: #fff;
}
.plt-desktop .card.card--project:hover .card__follow.following {
  box-shadow: inset 0 0 0 1px #fff;
}
.plt-desktop .card.card--project:hover .card__follow.following svg path {
  fill: #fff;
}

/*------------------------------------*\
    App | Card, Summary
\*------------------------------------*/
.card--summary {
  padding: 0;
}
.card--summary__phone {
  margin-top: 8px;
  font-family: var(--font-semiBold);
  color: var(--appTint);
  text-decoration: none;
  font-weight: var(--font-weight-semiBold);
  cursor: pointer;
  display: flex;
}
.card--summary__phone > div {
  padding-right: 5px;
}
.card--summary__phone svg path {
  fill: var(--appTint);
}
.card--summary__body {
  font-size: 0.875rem;
  display: flex;
  flex-direction: column;
}
.card--summary__inner.rating .opinion__invalid span {
  text-align: left;
  padding-top: 10px;
}
.card--summary__inner {
  padding: 16px;
}
.card--summary__inner.livestream {
  padding: 8px;
}
.card--summary__inner.livestream .card--summary__head {
  padding: 8px;
}
.card--summary__inner.livestream .card--summary__description {
  padding: 0 8px 12px 8px;
}
.card--summary__inner.contact .card__head {
  padding: 0;
}
.card--summary__inner.contact .card__image {
  min-width: 40px;
  width: 40px;
  height: 40px;
}
.card--summary__inner.map {
  padding: 4px;
}
.card--summary__inner.map .card--summary__head {
  padding: 12px;
}
.card--summary__map {
  padding: 8px;
  padding-top: 0;
  width: 100%;
  aspect-ratio: 16/10;
  border-radius: 8px 8px 12px 12px;
  overflow: hidden;
}
.card--summary__map .mapboxgl-map {
  border-radius: 10px;
}
.card--summary__head {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 8px;
}
.card--summary__head > div:first-child {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.card--summary__head > div:first-child h2 {
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #212121;
}
.card--summary__head > div:first-child > span {
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1.4;
  color: #fff;
  padding: 4px 8px;
  background: #e12417;
  border-radius: 6px;
  margin-left: 8px;
}
.card--summary__head > div:nth-child(2) {
  margin-left: auto;
}
.card--summary__livestream {
  position: relative;
  width: 100%;
  max-height: 240px;
  aspect-ratio: 16/9;
  border-radius: 16px;
}
.card--summary__livestream__overlay {
  position: absolute;
  offset: 0;
  width: 100%;
  height: 100%;
  background: rgba(33, 33, 33, 0.6);
  border-radius: 16px;
  text-align: center;
  z-index: 5;
}
.card--summary__livestream__overlay svg {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.card--summary__livestream .live-stream,
.card--summary__livestream video {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
}
.card--summary__livestream .live-stream iframe,
.card--summary__livestream video iframe {
  width: 100%;
  height: 100%;
}
.card--summary__title {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 2px;
}
.card--summary__title span.icon {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.card--summary__title span.icon svg {
  width: 100%;
  height: 100%;
  fill: #212121;
}
.card--summary__title h3 {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.4;
  color: #212121;
}
.card--summary__description {
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #212121;
}
.card--summary__description a,
.card--summary__description p,
.card--summary__description strong,
.card--summary__description u,
.card--summary__description em,
.card--summary__description li {
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.5;
}
.card--summary__description ul,
.card--summary__description ol {
  padding-left: 32px;
}
.card--summary__description ul li {
  list-style-type: disc;
}
.card--summary__description ol li {
  list-style-type: decimal;
}
.card--summary__description strong {
  font-weight: 600;
}
.card--summary__description a {
  color: var(--appTint);
  font-weight: 600;
  text-decoration: underline;
}
.card--summary__link {
  display: inline-block;
  margin-top: 8px;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--appTint);
}
.card--summary__image {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
.card--summary__image img {
  max-height: 250px;
}
.card--summary__phases {
  display: flex;
  flex-direction: column;
  margin: 4px 0;
}
.card--summary__phases li {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.card--summary__phases li span.icon {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.card--summary__phases li span.icon svg {
  width: 100%;
  height: 100%;
  fill: #212121;
}
.card--summary__phases li.before span.text {
  color: #575757;
  font-weight: 300;
}
.card--summary__phases li.before span.icon svg path {
  fill: #575757;
}
.card--summary__phases li.current span:last-of-type {
  font-weight: bold;
  margin-left: 2px;
  font-size: 0.875rem;
  color: #e12417;
}
.card--summary__phases li span.text {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #212121;
  display: flex;
  flex-direction: column;
}
.card--summary__phases li:not(:last-child) {
  margin-bottom: 4px;
}
.card--summary__button {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
          appearance: none;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
  padding: 12px 16px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  color: #fff;
  background: var(--appSupport);
  margin-top: 16px;
}
.card--summary__button:hover {
  text-decoration: none;
}
.card--summary__button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.card--summary__button[disabled] {
  opacity: 0.5;
}
.card--summary__button span {
  font-size: 0.875rem;
  line-height: 1.2;
}
.card--summary__button span.icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.card--summary__button span.icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.card--summary__button span.icon + span:not(.icon),
.card--summary__button span:not(.icon) + span.icon {
  margin-left: 8px;
}
.card--summary__button:hover {
  filter: brightness(90%);
}
.card--summary__children div.card--child {
  padding: 16px 0;
}
.card--summary__children div.card--child:first-child {
  padding-top: 8px;
}
.card--summary__children div.card--child:last-child {
  padding-bottom: 8px;
}
.card--summary__children div.card--child:not(:last-child) {
  border-bottom: 1px solid rgba(205, 205, 205, 0.5);
}
.card--summary__documents {
  margin-top: 12px;
}
.card--summary__documents .document {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 8px;
  padding: 4px;
}
.card--summary__documents .document:not(:last-child) {
  margin-bottom: 8px;
}
.card--summary__documents .document__image, .card--summary__documents .document__download {
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 6px;
  overflow: hidden;
}
.card--summary__documents .document__image > img, .card--summary__documents .document__download > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card--summary__documents .document__content {
  width: calc(100% - 80px);
  min-width: calc(100% - 80px);
  padding: 0 12px;
  display: flex;
  flex-direction: column;
}
.card--summary__documents .document__content span:first-child {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1;
  color: #212121;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card--summary__documents .document__content span:last-child {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1;
  color: #212121;
  display: block;
}
.card--summary__documents .document__download {
  margin-left: auto;
  padding: 10px;
  background: #fff;
}
.card--summary.report .card__head {
  padding: 16px 16px 0 16px;
}
.card--summary.report .card--summary__inner {
  padding-top: 0;
}
.card--summary.highlighted {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04), inset 0 0 0 1px var(--appTint);
}
.card--summary__organisation {
  display: flex;
  flex-direction: row;
}
.card--summary__organisation .card__content {
  padding-left: 16px;
}

.plt-desktop .card--summary__phone:hover {
  text-decoration: underline;
}
.plt-desktop .card--summary__livestream__overlay:hover {
  cursor: pointer;
}
.plt-desktop .card--summary__link:hover {
  text-decoration: underline;
  cursor: pointer;
}

/*------------------------------------*\
    App | Card, Child
\*------------------------------------*/
.card--child {
  transition: transform 0.3s ease-in-out;
  padding: 12px 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.card--child__image {
  width: 48px;
  min-width: 48px;
  height: 48px;
  border-radius: 6px;
}
.card--child__image img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  object-fit: cover;
}
.card--child__content {
  width: calc(100% - 88px);
  min-width: calc(100% - 88px);
  padding-left: 16px;
  display: flex;
  flex-direction: column;
}
.card--child__content span {
  display: block;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #212121;
}
.card--child__content span.location {
  font-weight: bold;
  color: var(--appTint);
}
.card--child__content span:first-child {
  color: var(--appTint);
}
.card--child__content span:last-child {
  color: #212121;
  font-weight: 300;
}
.card--child__content h2,
.card--child__content h3 {
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #212121;
}
.card--child__icon {
  margin-left: auto;
  width: 40px;
  min-width: 40px;
  height: 40px;
  text-align: center;
  padding: 10px;
}

.plt-desktop .card--child:hover {
  cursor: pointer;
  transform: scale(1.025);
}

/*------------------------------------*\
    App | Card, Form
\*------------------------------------*/
.card--form {
  padding: 16px;
}
.card--form app-form-group > div {
  margin-bottom: 16px;
}
.card--form app-form-group > div.form-group--error input,
.card--form app-form-group > div.form-group--error textarea {
  border-color: #e12417;
}
.card--form app-form-group > div label {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.2;
  color: #212121;
  display: block;
  margin-bottom: 4px;
}
.card--form app-form-group > div label.required:after {
  content: " *";
  color: #e12417;
}
.card--form app-form-group > div input,
.card--form app-form-group > div textarea {
  font-family: "Mukta", sans-serif;
  font-weight: 500;
  width: 100%;
  border: 1px solid rgba(205, 205, 205, 0.5);
  -webkit-appearance: none;
          appearance: none;
  border-radius: 8px;
  color: #212121;
  padding: 8px 16px;
  font-size: 0.875rem;
  line-height: 1;
}
.card--form app-form-group > div input::placeholder,
.card--form app-form-group > div textarea::placeholder {
  color: #212121;
  font-weight: 300;
}
.card--form app-form-group > div textarea {
  padding: 12px 16px;
  height: 120px;
  resize: none;
}
.card--form app-form-group > div textarea + .errors {
  margin-top: 0;
}
.card--form app-form-group > div .errors {
  margin-top: 4px;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #e12417;
}
.card--form button {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
          appearance: none;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
  padding: 12px 16px;
  color: #fff;
  background: #212121;
  width: 100%;
}
.card--form button:hover {
  text-decoration: none;
}
.card--form button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.card--form button[disabled] {
  opacity: 0.5;
}
.card--form button span {
  font-size: 0.875rem;
  line-height: 1.2;
}
.card--form button:disabled {
  color: transparent;
  background: transparent;
  box-shadow: none;
}
.card--form button:disabled:before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px rgba(33, 33, 33, 0.2);
}
.card--form button:disabled ion-spinner {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  right: 0;
  transform: translate(-50%, -50%);
}

.plt-desktop .card--form app-form-group .file-input__media:hover {
  cursor: pointer;
}
.plt-desktop .card--form button:hover {
  color: #212121;
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #212121;
}

/*------------------------------------*\
    App | Card, Conversation
\*------------------------------------*/
.card--conversation {
  transition: transform 0.3s ease-in-out;
}
.card--conversation ion-ripple-effect {
  color: var(--ion-color-secondary);
}
.card--conversation__meta {
  display: flex;
  flex-direction: row;
}
.card--conversation__meta span {
  font-size: 0.875rem;
  line-height: 1.4;
}
.card--conversation__meta span:first-child {
  width: calc(100% - 80px);
  min-width: calc(100% - 80px);
  padding-right: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  color: #212121;
}
.card--conversation__meta span:last-child {
  width: 80px;
  min-width: 80px;
  font-weight: normal;
  color: #212121;
  text-align: right;
}
.card--conversation__text {
  margin-top: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.card--conversation__text > div {
  width: calc(100% - 20px);
  min-width: calc(100% - 20px);
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #212121;
  height: 2.45rem;
  padding-right: 40px;
  overflow: hidden;
}
.card--conversation__text > div ul {
  padding-left: 2.5rem;
  margin: 0;
}
.card--conversation__text > div ul > li {
  list-style-type: disc;
  padding-left: 0.5rem;
}
.card--conversation__text > div ol {
  padding-left: 3rem;
  margin: 0;
}
.card--conversation__text > div ol > li {
  list-style-type: decimal;
}
.card--conversation__text > div a {
  color: unset;
}
.card--conversation__text > span {
  width: 20px;
  min-width: 20px;
  height: 20px;
}
.card--conversation__text > span svg {
  width: 100%;
  height: 100%;
  display: block;
}
.card--conversation__text > span svg path {
  fill: #212121;
}

.plt-desktop .card--conversation:hover {
  cursor: pointer;
  transform: scale(1.025);
}

/*---------------------------------------*\
    App | Project Suggestion Slider
\*---------------------------------------*/
.project-suggestion-slider {
  margin-bottom: 8px;
}
.project-suggestion-slider__slides {
  display: flex;
}
.project-suggestion-slider__slides swiper-container {
  width: 100%;
}
.project-suggestion-slider h3 {
  text-align: center;
  margin: 16px 0;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.4;
  color: #212121;
}
.project-suggestion-slider swiper-slide {
  margin-right: 8px;
  align-items: stretch;
}

/*------------------------------------*\
    App | Card, Project Suggestion
\*------------------------------------*/
.project-suggestion {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.project-suggestion__content {
  text-align: left;
  position: relative;
  flex-grow: 1;
}
.project-suggestion__content > div {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.project-suggestion__type {
  flex-direction: row;
}
.project-suggestion__type > span {
  color: var(--appTint);
  padding-right: 4px;
}
.project-suggestion__type > span > svg {
  fill: var(--appTint);
}
.project-suggestion app-card-project-suggestion {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.tabs {
  position: relative;
  width: 100%;
}
.tabs:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 100%;
  background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 0 0 12px 0;
  pointer-events: none;
}
.tabs.sticky {
  background: #fff;
  position: fixed;
  left: 0;
  z-index: 600;
  margin-top: var(--ion-safe-area-top);
}
.tabs ion-segment {
  background: #fff;
  padding-right: 56px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
  border-radius: 0 0 12px 12px;
}
.tabs ion-segment::-webkit-scrollbar {
  display: none;
}
.tabs ion-segment > span {
  display: contents;
  position: relative;
}
.tabs ion-segment ion-segment-button {
  font-family: "Mukta", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.75;
  color: #212121;
  background: #fff;
  border: 0;
  border-radius: 0;
  padding: 6px 0;
  margin: 0;
  min-width: auto;
  border-bottom: 2px solid #fff;
  transition: border-bottom-color 0.5s ease;
  --indicator-box-shadow: none;
  --indicator-color: none;
}
.tabs ion-segment ion-segment-button.notification::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: #e12417;
  border-radius: 50%;
  right: 5px;
  top: 10px;
}
.tabs ion-segment ion-segment-button:focus {
  opacity: 0.7;
}
.tabs ion-segment ion-segment-button:before {
  display: none;
}
.tabs ion-segment ion-segment-button.segment-button-checked {
  background: #fff;
  color: var(--appTint);
  border-bottom-color: var(--appTint);
}

.plt-desktop .tabs.sticky {
  top: 0;
}

app-events {
  display: flex;
  flex-direction: column;
}
app-events .read-more {
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.4;
  color: var(--appTint);
  background: none;
}
app-events .read-more.sticky {
  right: 24px;
  bottom: 8px;
}
app-events .read-more.sticky svg {
  width: 24px;
  height: 24px;
  fill: #212121;
}
app-events .sticky-pin {
  background-color: var(--appTint);
  border-radius: 0px 16px 0px 16px;
  position: absolute;
  top: -2px;
  right: -2px;
  padding: 8px;
  width: 40px;
  height: 40px;
}
app-events .sticky-pin svg {
  height: 24px;
  width: 24px;
  fill: #fff;
  display: block;
}
app-events .sticky-read-more {
  background: none;
  position: absolute;
  width: 40px;
  height: 40px;
  padding: 8px;
  bottom: 0;
  right: 0;
}
app-events .sticky-read-more svg {
  width: 24px;
  height: 2px;
  fill: #212121;
}
app-events .sticky-stacked > div {
  height: 16px;
  border: 1px solid var(--appTint);
  border-radius: 16px;
  position: absolute;
  background-color: #fff;
}
app-events .sticky-stacked > div:first-child {
  z-index: -1;
  width: 96%;
  left: 2%;
  bottom: -8px;
}
app-events .sticky-stacked > div:last-child {
  z-index: -2;
  width: 92%;
  left: 4%;
  bottom: -16px;
}

app-event:not(:last-of-type) {
  margin-bottom: 16px;
}
app-event .event {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 4px;
}
app-event .event app-translation-button {
  order: 1;
  flex-basis: 100%;
}
app-event .event app-translation-button .translation-button {
  text-decoration: none;
  margin-top: 4px;
  margin-bottom: 0;
}
app-event .event.standalone {
  background: #fff;
  border: 1px solid #212121;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
  border-radius: 16px;
  padding: 12px 16px 12px 16px;
  margin: 16px 0;
}
app-event .event.standalone .active {
  margin-left: auto;
  width: -moz-fit-content;
  width: fit-content;
}
app-event .event > span {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #212121;
  flex-basis: 100%;
}
app-event .event.upcoming .active {
  color: var(--appTint);
  border: 1px solid var(--appTint);
}
app-event .event.current .active {
  background-color: #e12417;
}
app-event .event.current .active.soon {
  animation-name: pulse;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
@keyframes pulse {
  from {
    box-shadow: 0px 0px 4px 4px rgba(205, 205, 205, 0.8);
  }
  to {
    box-shadow: none;
  }
}
app-event .event .active {
  min-width: 100px;
  text-align: center;
  border-radius: 6px;
  padding: 4px 8px;
  color: #fff;
  font-weight: 600;
  font-size: 0.75rem;
  align-self: self-start;
}
app-event .event .active.soon {
  font-size: 0.875rem;
  margin-top: 16px;
}
app-event .event__content {
  flex-grow: 1;
}
app-event .event__content p {
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #0b57d0;
}
app-event .event__content p span {
  font-weight: 600;
  line-height: 1.1;
  color: #212121;
}

app-file-input label {
  display: block;
  width: 100%;
  border: 1px dashed #cdcdcd;
  border-radius: 8px;
  color: #cdcdcd;
  text-align: center;
  position: relative;
  padding: 8px 16px;
}
app-file-input label > span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
app-file-input label > span span:first-child {
  width: 16px;
  height: 16px;
  margin-right: 2px;
}
app-file-input label > span span:first-child svg {
  width: 100%;
  height: 100%;
  display: block;
}
app-file-input label > span span:first-child svg path {
  fill: #575757;
}
app-file-input label > span span:last-child {
  margin-left: 2px;
  margin-top: 1px;
  color: #575757;
}
app-file-input label .file-input__image {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 100%;
  padding: 2px;
}
app-file-input label .file-input__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
app-file-input label .file-input__clear {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  height: 16px;
  width: 16px;
}
app-file-input label .file-input__clear svg {
  width: 100%;
  height: 100%;
  display: block;
}
app-file-input label .file-input__clear svg path {
  fill: #e12417;
}
app-file-input input {
  display: none;
}

app-map {
  height: 100%;
  width: 100%;
  display: block;
}
app-map .map {
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 1s opacity ease;
}
app-map .map.loaded {
  opacity: 1;
}
app-map .error {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #cdcdcd;
  display: flex;
  align-items: center;
  justify-content: center;
}
app-map .error p {
  font-size: 0.875rem;
  color: #212121;
}

/*------------------------------------*\
    App | Pages
\*------------------------------------*/
/*------------------------------------*\
    App | Feed
\*------------------------------------*/
app-feed:has(nc-ngx-smart-banner) {
  padding-top: 84px;
}

nc-ngx-smart-banner .smartbanner {
  font-family: "Mukta", sans-serif !important;
  border-bottom: 1px solid #cdcdcd;
}
nc-ngx-smart-banner .smartbanner--android .smartbanner__button {
  background-color: var(--appTint) !important;
  border-radius: 6px;
}
nc-ngx-smart-banner .smartbanner--ios .smartbanner__button {
  color: var(--appTint) !important;
}

.feed .card {
  margin-bottom: 8px;
}
.feed .card__content.feed__project p,
.feed .card__content.feed__project b {
  font-size: 0.75rem;
}
.feed .card .feed__project__button {
  margin: 24px auto;
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
          appearance: none;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
  padding: 12px 16px;
  color: #fff;
  background: var(--appTint);
}
.feed .card .feed__project__button:hover {
  text-decoration: none;
}
.feed .card .feed__project__button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.feed .card .feed__project__button[disabled] {
  opacity: 0.5;
}
.feed .card .feed__project__button span {
  font-size: 0.875rem;
  line-height: 1.2;
}

.notice {
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.4;
  text-align: center;
  padding: 20px 0 20px 0;
}

/*------------------------------------*\
    App | Search
\*------------------------------------*/
app-search ion-toolbar {
  --background: white;
}
app-search .search.in-onboarding .search__top__overlay {
  padding-bottom: 54px;
}
app-search .search.in-onboarding .search__top__overlay__inner {
  padding-top: calc(1.9125rem + 36px);
  padding-bottom: calc(var(--ion-safe-area-top) + var(--ion-safe-area-bottom));
}
app-search .search.in-onboarding .search__top__field {
  padding-top: 0px;
}
app-search .search.in-onboarding .search__top__field span.search-icon, app-search .search.in-onboarding .search__top__field span.close {
  top: 50%;
  transform: translateY(-50%);
  margin-top: -10px;
}
app-search .search.in-onboarding .search__top__field input {
  padding-top: 0;
}
app-search .search--map-results {
  padding-top: 40vh;
}
app-search .search--map-results ion-progress-bar {
  position: fixed;
  z-index: 99;
}
app-search .search--map-results .search-count-number {
  font-size: 0.75rem;
  margin: 20px 0;
  text-align: center;
}
app-search .search--map-results .search-count-number span {
  font-weight: bold;
}
app-search .search.suggestions .search__results,
app-search .search.suggestions .search__top__overlay {
  padding-bottom: calc(1.05rem + 48px + var(--ion-safe-area-bottom));
}
app-search .search__noResults {
  font-size: 0.875rem;
  color: #212121;
  padding: 24px;
  text-align: center;
}
app-search .search__top {
  height: auto;
  width: 100%;
  position: fixed;
  background-color: #fff;
}
app-search .search__top__overlay {
  z-index: 100;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #f3f1ef;
  opacity: 0;
  transition: 260ms ease;
  transform: translateY(-100%);
  overflow-y: auto;
  padding-bottom: 64px;
}
app-search .search__top__overlay__inner {
  max-width: 48rem;
  margin: 0 auto;
  padding: 8px;
  padding-top: calc(1.9125rem + 56px + 0.8 * var(--ion-safe-area-top));
  padding-bottom: 24px;
  display: flex;
  flex-direction: column;
}
app-search .search__top__overlay__inner > *:not(:last-child) {
  margin-bottom: 8px;
}
app-search .search__top__overlay__inner ion-spinner {
  align-self: center;
}
app-search .search__top__overlay__filters {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
app-search .search__top__overlay__filters span {
  display: inline-block;
  margin: 0 4px;
  border-radius: 6px;
  border: 1px solid #212121;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.2;
  color: #212121;
  padding: 4px 8px;
  background: #fff;
  transition: 260ms ease;
  cursor: pointer;
}
app-search .search__top__overlay__filters span:hover, app-search .search__top__overlay__filters span.active {
  color: #fff;
  background: #212121;
}
app-search .search__top__overlay.active {
  transform: translateY(0);
  opacity: 1;
}
app-search .search__top__field {
  position: absolute;
  z-index: 120;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 48rem;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
  border-radius: 0 0 24px 24px;
  overflow: hidden;
  padding-top: calc(0.8 * var(--ion-safe-area-top));
}
app-search .search__top__field input {
  width: calc(100% - var(--ion-safe-area-left) - var(--ion-safe-area-right));
  -webkit-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  outline: 0;
  padding: 20px 56px 20px 56px;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.7;
  line-height: normal;
  color: #212121;
  border-radius: 0 0 24px 24px;
}
app-search .search__top__field input::placeholder {
  color: #212121;
  font-weight: 300;
}
app-search .search__top__field span {
  position: absolute;
  z-index: 2;
  top: calc(50% + 0.8 * var(--ion-safe-area-top));
  transform: translateY(calc(-50% - 0.8 * (var(--ion-safe-area-top)) / 2));
}
app-search .search__top__field span.search-icon {
  left: 16px;
  width: 40px;
  height: 40px;
  padding: 8px;
  pointer-events: none;
}
app-search .search__top__field span.search-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
app-search .search__top__field span.search-icon svg path {
  fill: var(--appTint);
}
app-search .search__top__field span.close {
  right: 16px;
  width: 40px;
  height: 40px;
  padding: 8px;
  cursor: pointer;
}
app-search .search__top__field span.close svg {
  transition: 260ms ease;
  width: 100%;
  height: 100%;
  display: block;
}
app-search .search__top__field span.close:hover svg {
  transform: rotate(90deg);
}
app-search .search__top__map {
  width: 100%;
  height: 40vh;
  position: relative;
  display: flex;
}
app-search .search__top__map__locate {
  position: absolute;
  right: 10px;
  bottom: 10px;
  background-color: #fff;
  box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 6px;
  width: 30px;
  height: 30px;
}
app-search .search__top__map__locate svg {
  fill: #575757;
}
app-search .search__top__map__locate.located svg {
  fill: #0b57d0;
}
app-search .search__top__map .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #e9e9e9;
  display: flex;
  align-items: center;
  justify-content: center;
}
app-search .search__top__map app-map {
  width: 100%;
  height: 100%;
}
app-search .search__top__map app-map .marker {
  background-image: url("/assets/icons/marker.svg");
  background-size: 36px 48px;
  width: 36px;
  height: 48px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  transform: translateY(-24px);
}
app-search .search__top__map app-map .marker .icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-top: 2px;
}
app-search .search__results {
  width: 100%;
  padding: 0 var(--ion-padding);
  display: flex;
  flex-direction: column;
}
app-search .search__results > app-search-item:not(:last-child) > .card.card--project {
  margin-bottom: 8px;
}
app-search .search app-search-empty button {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
          appearance: none;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
  padding: 12px 16px;
  color: #fff;
  background: var(--appTint);
  margin: 16px 0;
}
app-search .search app-search-empty button:hover {
  text-decoration: none;
}
app-search .search app-search-empty button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
app-search .search app-search-empty button[disabled] {
  opacity: 0.5;
}
app-search .search app-search-empty button span {
  font-size: 0.875rem;
  line-height: 1.2;
}

.plt-desktop app-search ion-header ion-toolbar {
  --background: white;
}
.plt-desktop app-search app-search-item:hover {
  cursor: pointer;
}
.plt-desktop app-search .search__top__map {
  margin-top: -56px;
  height: calc(40vh + 56px);
}
.plt-desktop app-search .search__top__map__locate {
  bottom: 75px;
}

/*------------------------------------*\
    App | Settings
\*------------------------------------*/
.settings__main {
  margin-bottom: 24px;
}
.settings__main > div {
  position: relative;
  width: 100%;
  padding: 16px 46px 16px 16px;
  background: #fff;
  transition: box-shadow 0.25s ease-in-out;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.4;
  color: #212121;
}
.settings__main > div:not(:last-child) {
  margin-bottom: 16px;
}
.settings__main > div:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  width: 24px;
  height: 24px;
  background-image: url("/assets/icons/arrow-right--dark.svg");
  background-size: 24px;
  background-repeat: no-repeat;
}
.settings__line {
  width: calc(100% - 100px);
  height: 1px;
  margin: 0 auto;
  background: #cdcdcd;
}
.settings__sub {
  padding: 24px;
}
.settings__sub > div {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #212121;
  width: -moz-fit-content;
  width: fit-content;
}
.settings__sub > div:active {
  opacity: 0.7;
}
.settings__sub > div:not(:last-child) {
  margin-bottom: 12px;
}
.settings__sub > div:nth-child(-n+3) {
  font-weight: bold;
}

/*------------------------------------*\
    App | Projects
\*------------------------------------*/
.projects {
  display: flex;
  flex-direction: column;
}
.projects > *:not(:last-child) {
  margin-bottom: 8px;
}

/*------------------------------------*\
    App | Permissions & Preferences
\*------------------------------------*/
.permissions__box,
.preferences__box {
  background: #fff;
  transition: box-shadow 0.25s ease-in-out;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
  border-radius: 16px;
  margin-bottom: 8px;
  padding: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.permissions__box__content > h2,
.preferences__box__content > h2 {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.25;
  color: #212121;
}
.permissions__box__content > p,
.preferences__box__content > p {
  font-weight: 300;
  font-size: 0.75rem;
  line-height: 1.25;
  color: #212121;
}
.permissions__box__setting,
.preferences__box__setting {
  margin-left: auto;
  padding: 10px;
}
.permissions__box__setting span,
.preferences__box__setting span {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.5;
  color: #212121;
}
.permissions__box__toggle,
.preferences__box__toggle {
  margin-left: auto;
}
.permissions__box__toggle ion-toggle:focus,
.preferences__box__toggle ion-toggle:focus {
  opacity: 0.5;
}
.permissions__box__icon,
.preferences__box__icon {
  width: 40px;
  min-width: 40px;
  height: 40px;
  text-align: center;
  padding: 10px;
}
.permissions__box__icon svg,
.preferences__box__icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

/*------------------------------------*\
    App | About App
\*------------------------------------*/
.about-app {
  display: flex;
  flex-direction: column;
  padding: 16px;
}
.about-app p {
  color: #212121;
  font-size: 1rem;
  font-weight: normal;
}
.about-app p li {
  list-style-type: decimal;
}

.plt-desktop .settings__main > div:hover {
  cursor: pointer;
  box-shadow: 0 2px 2px #cdcdcd;
}
.plt-desktop .settings__sub > div:hover {
  cursor: pointer;
  text-decoration: underline;
}
.plt-desktop .address__content__locations .item:hover {
  cursor: pointer;
  box-shadow: 0 2px 2px #cdcdcd;
}
.plt-desktop .preferences__box:not(:first-child):hover,
.plt-desktop .permissions__box:not(:first-child):hover {
  cursor: pointer;
  box-shadow: 0 2px 2px #cdcdcd;
}

/*------------------------------------*\
    App | Project
\*------------------------------------*/
app-project ion-header ion-toolbar {
  --opacity: 0;
  --background: var(--ion-color-light);
}
app-project ion-header ion-toolbar::part(background) {
  transition: all 0.25s ease;
}
app-project ion-header.scrolled ion-toolbar {
  --opacity: 1;
  --background: #fff;
}
app-project ion-header.scrolled ion-back-button {
  --color: var(--ion-color-dark);
}
app-project ion-header ion-back-button {
  --color: var(--ion-color-light);
}
app-project ion-header ion-back-button::part(native) {
  transition: all 0.25s ease;
}

.project__header, .project__content {
  max-width: 48rem;
  margin: 0 auto;
}
.project__header {
  position: relative;
  z-index: 10;
  background: #fff;
  border-radius: 0 0 12px 12px;
}
.project__header.dark {
  background-color: #212121;
}
.project__header.dark .project__header__cover {
  background-color: #212121;
}
.project__header.dark .project__info h1,
.project__header.dark .project__info span,
.project__header.dark .project__info li {
  color: #fff;
}
.project__header.dark .project__about a {
  color: #fff;
}
.project__header__cover {
  position: relative;
  width: 100%;
  background-color: #575757;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
  background-size: cover;
  background-position: top center;
  height: calc(37.5vw + var(--ion-safe-area-top));
}
.project__header__cover > div:first-child {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: bottom center;
  background-repeat: no-repeat;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
.project__header__cover .back-button {
  display: none;
  position: absolute;
  top: 8px;
  left: 8px;
}
.project__header__cover .back-button span {
  background: #fff;
}
.project__header__info {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 12px 0 12px;
}
.project__header__action {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 12px 12px 4px 12px;
  border-bottom: 1px solid #f3f1ef;
  align-items: center;
}
.project__header__action > div {
  margin-bottom: 8px;
}
.project__header__action > div:not(:last-child) {
  margin-right: 8px;
}
.project__image {
  width: 48px;
  min-width: 48px;
  height: 48px;
  border-radius: 6px;
}
.project__image img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  object-fit: contain;
  object-position: center;
  background-color: transparent;
}
.project__about {
  width: 32px;
  position: absolute;
  right: 8px;
  bottom: 0;
}
.project__about a {
  color: #212121;
}
.project__info {
  width: calc(100% - 48px);
  min-width: calc(100% - 48px);
  padding-left: 12px;
}
.project__info h1 {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.25;
  color: #212121;
}
.project__info > span.location {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1.5;
  color: var(--appTint);
  cursor: pointer;
}
.project__info > span.location span.icon {
  width: 0.75rem;
  height: 0.75rem;
  margin-left: 4px;
}
.project__info > span.location span.icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
.project__info > span.location span.icon svg path {
  fill: var(--appTint);
}
.project__info > span:not(.location) {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25;
  color: #212121;
}
.project__info ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.project__info ul li {
  position: relative;
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.25;
  color: #212121;
}
.project__info ul li:not(:last-child) {
  margin-right: 14px;
}
.project__info ul li:not(:last-child):after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -8px;
  width: 0.2rem;
  height: 0.2rem;
  background: rgba(33, 33, 33, 0.5);
  border-radius: 50%;
}
.project__follow, .project__unfollow, .project__live {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
          appearance: none;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.project__follow:hover, .project__unfollow:hover, .project__live:hover {
  text-decoration: none;
}
.project__follow.isLoading, .project__unfollow.isLoading, .project__live.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.project__follow[disabled], .project__unfollow[disabled], .project__live[disabled] {
  opacity: 0.5;
}
.project__follow span, .project__unfollow span, .project__live span {
  font-size: 0.875rem;
  line-height: 1.2;
}
.project__follow span.icon, .project__unfollow span.icon, .project__live span.icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.project__follow span.icon svg, .project__unfollow span.icon svg, .project__live span.icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.project__follow span.icon + span:not(.icon),
.project__follow span:not(.icon) + span.icon, .project__unfollow span.icon + span:not(.icon),
.project__unfollow span:not(.icon) + span.icon, .project__live span.icon + span:not(.icon),
.project__live span:not(.icon) + span.icon {
  margin-left: 8px;
}
.project__follow span.icon svg, .project__unfollow span.icon svg, .project__live span.icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
.project__follow span.icon svg path, .project__unfollow span.icon svg path, .project__live span.icon svg path {
  fill: #fff;
}
.project__follow {
  color: #fff;
  background: var(--appTint);
}
.project__unfollow {
  background: transparent;
  color: #212121;
  box-shadow: inset 0 0 0 1px #212121;
}
.project__unfollow:hover {
  background: #212121;
  color: #fff;
}
.project__unfollow:hover svg {
  color: #fff;
}
.project__unfollow:hover svg path {
  fill: #fff;
}
.project__live {
  color: #fff;
  background: #e12417;
}
.project__share {
  padding: 4px;
  background: rgba(233, 233, 233, 0.5);
  border-radius: 6px;
  height: calc(1rem + 16px);
  width: calc(1rem + 16px);
}
.project__share:active {
  opacity: 0.7;
}
.project__share svg {
  display: block;
  width: 100%;
  height: 100%;
}
.project__content {
  padding: 8px;
  padding-bottom: var(--ion-safe-area-bottom);
}
.project__content .card {
  margin-bottom: 8px;
}
.project__content .conversations {
  padding: 8px 0;
}
.project__content__filter {
  display: flex;
  align-items: center;
  pointer-events: all;
  cursor: pointer;
  justify-content: center;
  padding: 8px 0 16px 0;
}
.project__content__filter span {
  font-size: 0.875rem;
  font-weight: bold;
}
.project__content__filter span:last-child {
  padding-left: 8px;
}
.project__content__filter span svg {
  height: 24px;
  width: 24px;
  display: block;
}

video {
  width: 100%;
  height: 200px;
  background-color: #000;
}

.plt-desktop app-project ion-header {
  display: none;
}
.plt-desktop .back-button {
  display: unset;
}
.plt-desktop .project__header__cover {
  height: unset;
  aspect-ratio: 8/3;
  margin-top: 0;
}
.plt-desktop .project__live:hover {
  filter: brightness(90%);
}
.plt-desktop .project__share:hover {
  cursor: pointer;
}
.plt-desktop .project__share:hover svg {
  fill: var(--appTint);
}

/*------------------------------------*\
    App | Conversation
\*------------------------------------*/
.conversation {
  background: #fff;
  --ion-background-color: $color-white;
}
.conversation.ios .conversation__chat--fullscreen {
  top: calc(48px + 0.8 * var(--ion-safe-area-top));
}
.conversation__inner {
  padding: max(var(--ion-safe-area-top), 16px) 16px 96px 16px;
}
.conversation__head {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 0 32px 0;
}
.conversation__head:after {
  content: "";
  position: absolute;
  bottom: 16px;
  left: 50%;
  width: calc(100% - 100px);
  height: 1px;
  background: rgba(205, 205, 205, 0.5);
  transform: translateX(-50%);
}
.conversation__image {
  width: 48px;
  min-width: 48px;
  height: 48px;
  background: #e9e9e9;
  border-radius: 6px;
  overflow: hidden;
}
.conversation__image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 6px;
}
.conversation__title {
  width: calc(100% - 40px);
  min-width: calc(100% - 40px);
  display: flex;
  flex-direction: column;
  padding-left: 8px;
}
.conversation__title > span {
  display: block;
  color: #212121;
  overflow: hidden;
  text-overflow: ellipsis;
}
.conversation__title > span:first-child {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.conversation__title > span:first-child span {
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.4;
  max-height: 1.225rem;
  color: #212121;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.conversation__title > span:first-child span:first-child {
  margin-right: 4px;
}
.conversation__title > span:first-child span:last-child:not(:first-child) {
  color: #212121;
  font-weight: 600;
}
.conversation__title > span:last-child {
  font-weight: 300;
  font-size: 0.75rem;
  line-height: 1.5rem;
  max-height: 1.125rem;
  white-space: nowrap;
}
.conversation__content__meta h1 {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.4;
  color: #212121;
}
.conversation__content__meta > span {
  display: block;
  font-size: 0.75rem;
}
.conversation__content__meta > span.date {
  font-weight: 300;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #0b57d0;
}
.conversation__content__meta > span.status {
  font-weight: 300;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #212121;
}
.conversation__content__meta > span.status.closed {
  color: #e12417;
}
.conversation__content__button {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
          appearance: none;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
  padding: 12px 16px;
  color: #fff;
  background: #000;
  width: 200px;
  margin: 24px auto 0 auto;
}
.conversation__content__button:hover {
  text-decoration: none;
}
.conversation__content__button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.conversation__content__button[disabled] {
  opacity: 0.5;
}
.conversation__content__button span {
  font-size: 0.875rem;
  line-height: 1.2;
}
.conversation__description {
  padding-top: 16px;
}
.conversation__description__head {
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #212121;
}
.conversation__description__content {
  position: relative;
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #212121;
  display: flex;
  flex-direction: column;
}
.conversation__chat {
  padding-top: 16px;
}
.conversation__chat__head > div:first-child {
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #212121;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.conversation__chat__head > div:first-child span:last-child {
  color: var(--appTint);
  padding-left: 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.conversation__chat__head > div:first-child span:last-child svg path {
  fill: var(--appTint);
}
.conversation__chat__head > div:last-child {
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 1.7;
  color: #212121;
}
.conversation__chat--fullscreen {
  position: absolute;
  top: 60px;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  padding: 0 16px 40px 16px;
}
.conversation__chat--fullscreen .conversation__chat__head > div:first-child {
  display: none;
}
.conversation__chat--fullscreen .conversation__chat__head > div:last-child {
  text-align: right;
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1.3;
  color: var(--appTint);
}
.conversation__messages > ul {
  display: flex;
  flex-direction: column;
}
.conversation__messages > ul > li {
  position: relative;
  margin-top: 8px;
  background: #e9e9e9;
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #212121;
  padding: 12px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  max-width: 80%;
  min-width: 60%;
}
.conversation__messages > ul > li .selectable {
  -webkit-user-select: text;
          user-select: text;
}
.conversation__messages > ul > li.support.hasImage {
  max-width: 100%;
  margin-right: 40px;
  padding-right: 12px;
}
.conversation__messages > ul > li.new {
  font-weight: 500;
  color: var(--appSupport);
  background: #fff;
  border: 1px dashed var(--appSupport);
  padding: 12px;
  text-align: center;
  margin-left: auto;
  width: 60%;
}
.conversation__messages > ul > li.device {
  margin-left: auto;
  background: var(--appSupport);
  color: #fff;
}
.conversation__messages > ul > li.device.hasImage {
  max-width: 100%;
  margin-left: 40px;
  padding-right: 12px;
}
.conversation__messages > ul > li span {
  display: block;
}
.conversation__messages > ul > li span.title {
  font-weight: bold;
}
.conversation__messages > ul > li span.date {
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 1;
  margin-left: auto;
  padding-top: 4px;
  text-align: right;
}
.conversation__messages > ul > li ul {
  padding-left: 2.5rem;
}
.conversation__messages > ul > li ul > li {
  list-style-type: disc;
  padding-left: 0.5rem;
}
.conversation__messages > ul > li ol {
  padding-left: 3rem;
}
.conversation__messages > ul > li ol > li {
  list-style-type: decimal;
}
.conversation__messages > ul > li .attachment {
  margin: 8px 0 4px 0;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.conversation__messages > ul > li .attachment > div {
  width: 100%;
  height: 200px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.conversation__form__head {
  padding: 16px 0 24px 0;
}
.conversation__form__head h1 {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.4;
  color: #212121;
}
.conversation__form__head span {
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--appTint);
}
.conversation__form form .form-group {
  margin-bottom: 16px;
}
.conversation__form form .form-group label {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.1;
  color: #212121;
  display: block;
  margin-bottom: 4px;
}
.conversation__form form .form-group label span.required {
  font-weight: bold;
  color: #e12417;
}
.conversation__form form .form-group textarea {
  font-family: "Mukta", sans-serif;
  font-weight: 500;
  width: 100%;
  border: 1px solid rgba(205, 205, 205, 0.5);
  -webkit-appearance: none;
          appearance: none;
  border-radius: 8px;
  color: #212121;
  padding: 8px 16px;
  font-size: 0.875rem;
  line-height: 1;
  padding: 12px 16px;
  height: 120px;
  resize: none;
}
.conversation__form form .form-group textarea::placeholder {
  color: #212121;
  font-weight: 300;
}
.conversation__form form .form-group.attachment .attachment__default > span,
.conversation__form form .form-group.attachment .attachment__added > span {
  display: block;
  width: 100%;
  height: 40px;
  border: 1px dashed rgba(205, 205, 205, 0.5);
  border-radius: 8px;
  color: #cdcdcd;
  padding: 12px 16px;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.1;
}
.conversation__form form .form-group.attachment .attachment__default input,
.conversation__form form .form-group.attachment .attachment__added input {
  display: none;
}
.conversation__form form .form-group.attachment .attachment__added > span {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #575757;
  border: 1px solid rgba(205, 205, 205, 0.5);
  padding: 0 16px;
}
.conversation__form form .form-group.attachment .attachment__added > span span:last-child {
  margin-left: auto;
  width: 24px;
  height: 24px;
}
.conversation__form form .form-group.attachment .attachment__added > span span:last-child svg {
  width: 100%;
  height: 100%;
  display: block;
}
.conversation__form form .form-group.attachment .attachment__added > span span:last-child svg path {
  fill: #e12417;
}
.conversation__form__button {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
          appearance: none;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
  padding: 12px 16px;
  color: #fff;
  background: var(--appSupport);
  width: 180px;
  margin: 24px auto 0 auto;
}
.conversation__form__button:hover {
  text-decoration: none;
}
.conversation__form__button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.conversation__form__button[disabled] {
  opacity: 0.5;
}
.conversation__form__button span {
  font-size: 0.875rem;
  line-height: 1.2;
}
.conversation__closed {
  padding-top: 16px;
}
.conversation__closed p {
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #212121;
}
.conversation__closed p a {
  color: #0b57d0;
}
.conversation__provide-feedback {
  padding-top: 16px;
}
.conversation__provide-feedback > span:first-child {
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #212121;
}
.conversation__provide-feedback .smiley-input {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 16px -12px;
}
.conversation__provide-feedback .smiley-input__rating {
  width: 48px;
  min-width: 48px;
  height: 48px;
  margin: 0 12px;
}
.conversation__provide-feedback .smiley-input__rating svg {
  width: 100%;
  height: 100%;
  display: block;
}
.conversation__provide-feedback .smiley-input__rating svg svg g circle {
  fill: var(--appTint);
}
.conversation__provide-feedback .smiley-input__rating svg path:nth-child(1) {
  fill: var(--appSupport);
}
.conversation__provide-feedback .smiley-input__rating svg path:nth-child(2) {
  stroke: #fff;
}
.conversation__provide-feedback .smiley-input__rating svg path:nth-child(3), .conversation__provide-feedback .smiley-input__rating svg path:nth-child(4) {
  fill: #fff;
}
.conversation__provide-feedback .smiley-input__rating--inactive svg path:nth-child(1) {
  fill: #cdcdcd;
}
.conversation__provide-feedback .smiley-input__rating--inactive svg path:nth-child(2) {
  stroke: #212121;
}
.conversation__provide-feedback .smiley-input__rating--inactive svg path:nth-child(3), .conversation__provide-feedback .smiley-input__rating--inactive svg path:nth-child(4) {
  fill: #212121;
}

.plt-desktop .conversation__form__button:hover {
  filter: brightness(90%);
}
.plt-desktop .conversation__form form .form-group.attachment .attachment__default:hover {
  cursor: pointer;
}
.plt-desktop .conversation__content__button:hover {
  cursor: pointer;
  color: #212121;
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #212121;
}
.plt-desktop .conversation__messages ul li.new:hover {
  cursor: pointer;
  color: #fff;
  background-color: var(--appSupport);
}
.plt-desktop .conversation__chat__head > div:first-child span:last-child:hover {
  cursor: pointer;
  text-decoration: underline;
}

/*------------------------------------*\
    App | Planning
\*------------------------------------*/
.planning {
  padding-top: 8px;
}
.planning__head {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 8px;
  margin-bottom: 16px;
}
.planning__head span.icon {
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-right: 8px;
}
.planning__head span.icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
.planning__head h2 {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25;
  color: #212121;
}
.planning__items {
  padding-left: 36px;
}
.planning__items > li {
  position: relative;
  transition: 0.5s ease max-height;
}
.planning__items > li > button {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
          appearance: none;
  text-decoration: none;
  background: transparent;
  color: #212121;
  border: 1px dashed #212121;
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
  padding: 12px 16px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  justify-content: center;
  font-size: 0.875rem;
}
.planning__items > li > button:hover {
  text-decoration: none;
}
.planning__items > li > button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.planning__items > li > button[disabled] {
  opacity: 0.5;
}
.planning__items > li > button:hover {
  background: #212121;
  color: #fff;
}
.planning__items > li > button span {
  font-size: 0.875rem;
  line-height: 1.2;
}
.planning__items > li > button span.icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.planning__items > li > button span.icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.planning__items > li > button span.icon + span:not(.icon),
.planning__items > li > button span:not(.icon) + span.icon {
  margin-left: 8px;
}
.planning__items > li > button:before {
  content: "";
  position: absolute;
  top: 18px;
  left: -25px;
  width: 10px;
  height: 10px;
  background: #fff;
  border: 2px solid #212121;
  border-radius: 50%;
}
.planning__items > li > button span.icon {
  margin-right: 4px;
  margin-bottom: 2px;
}
.planning__items > li > button span.icon svg {
  fill: #212121;
}
.planning__items > li > button:hover span.icon svg {
  fill: #fff;
}
.planning__items > li.hide {
  display: none;
}
.planning__items > li .planning__items__events {
  padding-left: 26px;
}
.planning__items > li .planning__items__events > button {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
          appearance: none;
  text-decoration: none;
  background: transparent;
  color: #212121;
  border: 1px dashed #212121;
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
  padding: 12px 16px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  justify-content: center;
  font-size: 0.875rem;
  display: block;
  margin-top: 16px;
}
.planning__items > li .planning__items__events > button:hover {
  text-decoration: none;
}
.planning__items > li .planning__items__events > button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.planning__items > li .planning__items__events > button[disabled] {
  opacity: 0.5;
}
.planning__items > li .planning__items__events > button:hover {
  background: #212121;
  color: #fff;
}
.planning__items > li .planning__items__events > button span {
  font-size: 0.875rem;
  line-height: 1.2;
}
.planning__items > li .planning__items__events > button span.icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.planning__items > li .planning__items__events > button span.icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.planning__items > li .planning__items__events > button span.icon + span:not(.icon),
.planning__items > li .planning__items__events > button span:not(.icon) + span.icon {
  margin-left: 8px;
}
.planning__items > li .planning__items__events > button:before {
  content: "";
  position: absolute;
  top: 18px;
  left: -20px;
  width: 10px;
  height: 10px;
  background: #fff;
  border: 2px solid #212121;
  border-radius: 50%;
}
.planning__items > li .planning__items__events > button:after {
  content: "";
  position: absolute;
  top: -16px;
  left: -16px;
  width: 2px;
  height: calc(100% - 8px);
  border: 1px dashed #cdcdcd;
}
.planning__items > li .planning__items__events > button span.icon {
  margin-right: 4px;
  margin-bottom: 2px;
}
.planning__items > li .planning__items__events > button span.icon svg {
  fill: #212121;
}
.planning__items > li .planning__items__events > button:hover span.icon svg {
  fill: #fff;
}
.planning__items > li .planning__items__events button + app-event:first-of-type .event:after {
  top: -30px;
  height: 42px;
}
.planning__items > li .planning__items__events > app-event:first-of-type .event:after {
  content: "";
  position: absolute;
  top: -16px;
  left: -16px;
  width: 2px;
  height: 28px;
  border: 1px dashed #cdcdcd;
}
.planning__items > li .planning__items__events > app-event .event:before {
  left: -20px;
  top: 14px;
}
.planning__items > li app-event {
  position: relative;
  display: block;
}
.planning__items > li app-event .event:before {
  content: "";
  position: absolute;
  top: 16px;
  left: -25px;
  width: 10px;
  height: 10px;
  background: #fff;
  border: 2px solid #212121;
  border-radius: 50%;
}
.planning__items > li app-event:not(:last-child) {
  margin-bottom: 16px;
}
.planning__items > li app-event:not(:last-child):before {
  content: "";
  position: absolute;
  top: 22px;
  left: -15px;
  width: 2px;
  height: calc(100% + 18px);
  border: 1px dashed #cdcdcd;
}
.planning__items > li:first-child:after {
  content: "";
  position: absolute;
  top: -10px;
  left: -20px;
  width: 2px;
  height: 28px;
  border: 1px dashed #cdcdcd;
}
.planning__items > li:not(:last-child) {
  margin-bottom: 16px;
}
.planning__items > li:not(:last-child):before {
  content: "";
  position: absolute;
  top: 18px;
  left: -20px;
  width: 2px;
  height: calc(100% + 16px);
  border: 1px dashed #cdcdcd;
}
.planning__items > li ion-ripple-effect {
  color: #212121;
}
.planning__items > li.second ion-ripple-effect {
  color: #0b57d0;
}
.planning__items > li.second .planning__items__box,
.planning__items > li.second .event {
  border-color: #0b57d0;
}
.planning__items > li.second .planning__items__box:before, .planning__items > li.second .planning__items__box:after,
.planning__items > li.second .planning__items__box .event:before,
.planning__items > li.second .event:before,
.planning__items > li.second .event:after,
.planning__items > li.second .event .event:before {
  border-color: #0b57d0 !important;
}
.planning__items > li.second .planning__items__events app-event:before {
  border-color: #0b57d0;
}
.planning__items > li.third ion-ripple-effect {
  color: #e1667d;
}
.planning__items > li.third .planning__items__box,
.planning__items > li.third .event {
  border-color: #e1667d;
}
.planning__items > li.third .planning__items__box:before, .planning__items > li.third .planning__items__box:after .event:before,
.planning__items > li.third .event:before,
.planning__items > li.third .event:after .event:before {
  border-color: #e1667d !important;
}
.planning__items > li.third .planning__items__events app-event:before {
  border-color: #e1667d;
}
.planning__items__box {
  position: relative;
  background: #fff;
  border: 2px solid #212121;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
  border-radius: 16px;
  padding: 12px 16px;
}
.planning__items__box:focus {
  transform: scale(1.025);
}
.planning__items__box:before {
  content: "";
  position: absolute;
  top: 16px;
  left: -26px;
  width: 10px;
  height: 10px;
  background: #fff;
  border: 2px solid #212121;
  border-radius: 50%;
}
.planning__items__box > h3 {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25;
  color: #212121;
}
.planning__items__box > span {
  display: block;
  font-weight: 300;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #0b57d0;
}
.planning__items__box > div {
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 1.4;
  color: #212121;
}
.planning__items__box > div.current {
  margin: 4px 2px;
  color: #0b57d0;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  font-weight: 600;
}
.planning__items__box > div.current span {
  font-size: 0.75rem;
  line-height: 1.5;
}
.planning__items__box > div.current span:last-child {
  margin-left: 4px;
}
.planning__items__box > div.current span svg {
  fill: #0b57d0;
  height: 16px;
  width: 16px;
}
.planning__items__box > div.text {
  display: flex;
  flex-direction: column;
}
.planning__items__box > div.text app-translation-button {
  order: 0;
  margin-top: 4px;
}
.planning__items__box > div.text app-translation-button .translation-button {
  text-decoration: none;
  margin-bottom: 0;
}
.planning__items__box > div a,
.planning__items__box > div p,
.planning__items__box > div strong,
.planning__items__box > div u,
.planning__items__box > div em,
.planning__items__box > div li {
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.5;
}
.planning__items__box > div ul,
.planning__items__box > div ol {
  padding-left: 2rem;
}
.planning__items__box > div ul li {
  list-style-type: disc;
}
.planning__items__box > div ol li {
  list-style-type: decimal;
}
.planning__items__box > div strong {
  font-weight: 600;
}
.planning__items__box > div a {
  color: var(--appTint);
  font-weight: 600;
  text-decoration: underline;
}
.planning__items__current {
  width: 100%;
  margin: 0;
  padding: 8px 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.planning__items__current:before {
  top: 0 !important;
  height: calc(100% + 32px) !important;
}
.planning__items__current span:nth-child(1), .planning__items__current span:nth-child(3) {
  width: 48px;
  height: 1px;
  background: #e12417;
}
.planning__items__current span:nth-child(2) {
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #e12417;
  margin: 0 8px;
}
.planning__items.lastBeforeCurrent:before {
  display: none;
}

/*------------------------------------*\
    App | Planning, Detail
\*------------------------------------*/
.planning-detail__head, .planning-detail__content {
  width: 100%;
  max-width: 48rem;
  margin: 0 auto;
}
.planning-detail__head {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 16px 12px 16px;
}
.planning-detail__content {
  padding: 0 8px 120px 8px;
}
.planning-detail__back {
  width: 32px;
  min-width: 32px;
  height: 32px;
  padding: 4px;
}
.planning-detail__translation {
  margin-left: auto;
}
.planning-detail__line {
  width: calc(100% - 64px);
  height: 1px;
  margin: 16px auto;
  background: rgba(205, 205, 205, 0.5);
}
.planning-detail .card__head, .planning-detail__inner {
  padding: 0 8px;
}
.planning-detail__inner {
  display: flex;
  flex-direction: column;
}
.planning-detail__inner > h1 {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.4;
  color: #212121;
}
.planning-detail__inner > span {
  display: block;
  font-weight: 300;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #0b57d0;
}
.planning-detail__inner > span.type {
  color: #e12417;
}
.planning-detail__inner > div {
  padding: 8px 0 16px 0;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #212121;
}
.planning-detail__inner > div a,
.planning-detail__inner > div p,
.planning-detail__inner > div strong,
.planning-detail__inner > div u,
.planning-detail__inner > div em,
.planning-detail__inner > div li {
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.5;
}
.planning-detail__inner > div ul,
.planning-detail__inner > div ol {
  padding-left: 2rem;
}
.planning-detail__inner > div ul li {
  list-style-type: disc;
}
.planning-detail__inner > div ol li {
  list-style-type: decimal;
}
.planning-detail__inner > div strong {
  font-weight: 600;
}
.planning-detail__inner > div a {
  font-weight: 600;
  color: var(--appTint);
  text-decoration: underline;
}

.plt-desktop .planning__items__box:hover {
  cursor: pointer;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}

/*------------------------------------*\
    App | Survey
\*------------------------------------*/
app-project-survey ion-header ion-title span {
  display: block;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1;
}

.survey .form-group {
  margin: 0;
}
.survey .form-group .errors > div {
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #e12417;
}
.survey__header {
  width: 100%;
  background: #fff;
}
.survey__header::-webkit-scrollbar {
  display: none;
}
.survey__header__inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 14px 16px;
  max-width: 48rem;
  margin: 0 auto;
}
.survey__header__inner > div:first-child h1 {
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1;
  color: #212121;
}
.survey__header__inner > div:first-child span {
  display: block;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25;
  color: #212121;
}
.survey__header__inner > div:last-child {
  margin-left: auto;
  text-align: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  padding: 8px;
}
.survey__header__inner > div:last-child span {
  display: block;
  width: 100%;
  height: 100%;
}
.survey__header__inner > div:last-child:hover svg {
  transform: rotate(90deg);
}
.survey__header__progress {
  background: #e9e9e9;
  width: 100%;
}
.survey__header__progress__inner {
  position: relative;
  transition: 0.5s all ease;
}
.survey__header__progress__inner > span {
  display: block;
  width: 100%;
  height: 8px;
  background: var(--appSupport);
  border-radius: 0 10px 10px 0;
}
.survey__header__progress > span {
  text-align: center;
  background: var(--ion-background-color);
  padding-top: 8px;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.7;
  color: var(--appSupport);
  display: block;
}
.survey__content {
  position: relative;
  max-width: 48rem;
  margin: 0 auto;
  padding: 16px;
}
.survey__content::-webkit-scrollbar {
  display: none;
}
.survey__content > h2 {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.4;
  color: #212121;
  margin-bottom: 8pz;
}
.survey__content.closing {
  text-align: center;
  margin-top: 10%;
}
.survey__content.closing h1 {
  padding: 16px 8px;
}
.survey__text {
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #212121;
  white-space: pre-wrap;
}
.survey__footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 auto;
  padding: 24px 16px 24px 16px;
  max-width: 48rem;
}
.survey__next {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
          appearance: none;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
  padding: 12px 16px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  color: #fff;
  background: var(--appSupport);
  margin-left: auto;
  max-width: 50%;
}
.survey__next:hover {
  text-decoration: none;
}
.survey__next.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.survey__next[disabled] {
  opacity: 0.5;
}
.survey__next span {
  font-size: 0.875rem;
  line-height: 1.2;
}
.survey__next span.icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.survey__next span.icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.survey__next span.icon + span:not(.icon),
.survey__next span:not(.icon) + span.icon {
  margin-left: 8px;
}
.survey__previous {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
          appearance: none;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
  padding: 12px 16px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  color: #212121;
  background: #e9e9e9;
  max-width: 50%;
}
.survey__previous:hover {
  text-decoration: none;
}
.survey__previous.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.survey__previous[disabled] {
  opacity: 0.5;
}
.survey__previous span {
  font-size: 0.875rem;
  line-height: 1.2;
}
.survey__previous span.icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.survey__previous span.icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.survey__previous span.icon + span:not(.icon),
.survey__previous span:not(.icon) + span.icon {
  margin-left: 8px;
}
.survey__start {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
          appearance: none;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
  padding: 12px 16px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  color: #fff;
  background: var(--appSupport);
  margin: auto;
}
.survey__start:hover {
  text-decoration: none;
}
.survey__start.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.survey__start[disabled] {
  opacity: 0.5;
}
.survey__start span {
  font-size: 0.875rem;
  line-height: 1.2;
}
.survey__start span.icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.survey__start span.icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.survey__start span.icon + span:not(.icon),
.survey__start span:not(.icon) + span.icon {
  margin-left: 8px;
}
.survey__radio, .survey__checkbox {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  padding: 16px 8px;
}
.survey__radio li:not(:last-child), .survey__checkbox li:not(:last-child) {
  margin-bottom: 12px;
}
.survey__radio input[type=radio],
.survey__radio input[type=checkbox], .survey__checkbox input[type=radio],
.survey__checkbox input[type=checkbox] {
  display: none;
  display: none;
}
.survey__radio input[type=radio] + label,
.survey__radio input[type=checkbox] + label, .survey__checkbox input[type=radio] + label,
.survey__checkbox input[type=checkbox] + label {
  display: block;
  position: relative;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.5;
  color: #212121;
  text-decoration: none;
  transition: 260ms ease;
  padding-left: 32px;
  cursor: pointer;
}
.survey__radio input[type=radio] + label:hover,
.survey__radio input[type=checkbox] + label:hover, .survey__checkbox input[type=radio] + label:hover,
.survey__checkbox input[type=checkbox] + label:hover {
  text-decoration: underline;
}
.survey__radio input[type=radio] + label:hover:before,
.survey__radio input[type=checkbox] + label:hover:before, .survey__checkbox input[type=radio] + label:hover:before,
.survey__checkbox input[type=checkbox] + label:hover:before {
  border-color: var(--appTint);
}
.survey__radio input[type=radio] + label:before, .survey__radio input[type=radio] + label:after,
.survey__radio input[type=checkbox] + label:before,
.survey__radio input[type=checkbox] + label:after, .survey__checkbox input[type=radio] + label:before, .survey__checkbox input[type=radio] + label:after,
.survey__checkbox input[type=checkbox] + label:before,
.survey__checkbox input[type=checkbox] + label:after {
  content: "";
  position: absolute;
  top: 50%;
  border-radius: 4px;
}
.survey__radio input[type=radio] + label:before,
.survey__radio input[type=checkbox] + label:before, .survey__checkbox input[type=radio] + label:before,
.survey__checkbox input[type=checkbox] + label:before {
  left: 0;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: #fff;
  border: 1px solid #cdcdcd;
  transition: 260ms ease;
}
.survey__radio input[type=radio] + label:after,
.survey__radio input[type=checkbox] + label:after, .survey__checkbox input[type=radio] + label:after,
.survey__checkbox input[type=checkbox] + label:after {
  left: 4px;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  background: var(--appTint);
  opacity: 0;
  pointer-events: none;
  transition: 260ms ease;
}
.survey__radio input[type=radio]:checked + label:before,
.survey__radio input[type=checkbox]:checked + label:before, .survey__checkbox input[type=radio]:checked + label:before,
.survey__checkbox input[type=checkbox]:checked + label:before {
  border-color: var(--appTint);
}
.survey__radio input[type=radio]:checked + label:after,
.survey__radio input[type=checkbox]:checked + label:after, .survey__checkbox input[type=radio]:checked + label:after,
.survey__checkbox input[type=checkbox]:checked + label:after {
  opacity: 1;
  pointer-events: auto;
}
.survey__radio input[type=radio], .survey__checkbox input[type=radio] {
  display: none;
}
.survey__radio input[type=radio] + label, .survey__checkbox input[type=radio] + label {
  display: block;
  position: relative;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.5;
  color: #212121;
  text-decoration: none;
  transition: 260ms ease;
  padding-left: 32px;
  cursor: pointer;
}
.survey__radio input[type=radio] + label:hover, .survey__checkbox input[type=radio] + label:hover {
  text-decoration: underline;
}
.survey__radio input[type=radio] + label:hover:before, .survey__checkbox input[type=radio] + label:hover:before {
  border-color: var(--appTint);
}
.survey__radio input[type=radio] + label:before, .survey__radio input[type=radio] + label:after, .survey__checkbox input[type=radio] + label:before, .survey__checkbox input[type=radio] + label:after {
  content: "";
  position: absolute;
  top: 50%;
  border-radius: 4px;
}
.survey__radio input[type=radio] + label:before, .survey__checkbox input[type=radio] + label:before {
  left: 0;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: #fff;
  border: 1px solid #cdcdcd;
  transition: 260ms ease;
}
.survey__radio input[type=radio] + label:after, .survey__checkbox input[type=radio] + label:after {
  left: 4px;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  background: var(--appTint);
  opacity: 0;
  pointer-events: none;
  transition: 260ms ease;
}
.survey__radio input[type=radio]:checked + label:before, .survey__checkbox input[type=radio]:checked + label:before {
  border-color: var(--appTint);
}
.survey__radio input[type=radio]:checked + label:after, .survey__checkbox input[type=radio]:checked + label:after {
  opacity: 1;
  pointer-events: auto;
}
.survey__radio input[type=radio] + label:before, .survey__radio input[type=radio] + label:after, .survey__checkbox input[type=radio] + label:before, .survey__checkbox input[type=radio] + label:after {
  border-radius: 50%;
}
.survey__radio input[type=radio] + label.poll_closed, .survey__checkbox input[type=radio] + label.poll_closed {
  padding-left: 0;
}
.survey__radio input[type=radio] + label.poll_closed:before, .survey__radio input[type=radio] + label.poll_closed:after, .survey__checkbox input[type=radio] + label.poll_closed:before, .survey__checkbox input[type=radio] + label.poll_closed:after {
  display: none;
}
.survey__scale {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  list-style-type: none;
  margin-top: 24px;
  padding: 0;
}
.survey__scale li {
  margin: 0 12px;
  min-width: 32px;
  text-align: center;
}
.survey__scale li input[type=radio] {
  display: none;
}
.survey__scale li input[type=radio] + label {
  display: block;
  position: relative;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.5;
  color: #212121;
  text-decoration: none;
  transition: 260ms ease;
  padding-left: 32px;
  cursor: pointer;
}
.survey__scale li input[type=radio] + label:hover {
  text-decoration: underline;
}
.survey__scale li input[type=radio] + label:hover:before {
  border-color: var(--appTint);
}
.survey__scale li input[type=radio] + label:before, .survey__scale li input[type=radio] + label:after {
  content: "";
  position: absolute;
  top: 50%;
  border-radius: 4px;
}
.survey__scale li input[type=radio] + label:before {
  left: 0;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: #fff;
  border: 1px solid #cdcdcd;
  transition: 260ms ease;
}
.survey__scale li input[type=radio] + label:after {
  left: 4px;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  background: var(--appTint);
  opacity: 0;
  pointer-events: none;
  transition: 260ms ease;
}
.survey__scale li input[type=radio]:checked + label:before {
  border-color: var(--appTint);
}
.survey__scale li input[type=radio]:checked + label:after {
  opacity: 1;
  pointer-events: auto;
}
.survey__scale li input[type=radio] + label:before, .survey__scale li input[type=radio] + label:after {
  border-radius: 50%;
}
.survey__scale li input[type=radio] + label.poll_closed {
  padding-left: 0;
}
.survey__scale li input[type=radio] + label.poll_closed:before, .survey__scale li input[type=radio] + label.poll_closed:after {
  display: none;
}
.survey__scale li input[type=radio] + label {
  padding: 0 0 32px 0;
}
.survey__scale li input[type=radio] + label:before, .survey__scale li input[type=radio] + label:after {
  top: auto;
  bottom: 0;
  left: 6px;
}
.survey__scale li input[type=radio] + label:after {
  bottom: 4px;
  left: 10px;
}
.survey__emojis {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  list-style-type: none;
  margin: 24px 0 0 0;
  padding: 0;
  gap: 20px;
  flex-wrap: wrap;
}
.survey__emojis > div {
  width: 56px;
  height: 56px;
}
.survey__emojis > div input[type=radio] {
  display: none;
}
.survey__emojis > div input[type=radio] + label {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.survey__emojis > div input[type=radio] + label svg {
  width: 56px;
  height: 56px;
}
.survey__emojis > div input[type=radio] + label svg svg path:nth-child(1) {
  transition: 120ms ease;
}
.survey__emojis > div input[type=radio] + label:hover svg path:nth-child(1) {
  fill: var(--appSupport);
}
.survey__emojis > div input[type=radio] + label:hover svg path:nth-child(2) {
  stroke: #fff;
}
.survey__emojis > div input[type=radio] + label:hover svg path:nth-child(3), .survey__emojis > div input[type=radio] + label:hover svg path:nth-child(4) {
  fill: #fff;
}
.survey__emojis > div input[type=radio] + label:hover svg g circle {
  fill: var(--appTint) !important;
}
.survey__emojis > div input[type=radio]:checked + label svg path:nth-child(1) {
  fill: var(--appSupport);
}
.survey__emojis > div input[type=radio]:checked + label svg path:nth-child(2) {
  stroke: #fff;
}
.survey__emojis > div input[type=radio]:checked + label svg path:nth-child(3), .survey__emojis > div input[type=radio]:checked + label svg path:nth-child(4) {
  fill: #fff;
}
.survey__emojis > div input[type=radio]:checked + label svg g circle {
  fill: var(--appTint) !important;
}
.survey__skip {
  margin-top: 40px;
  text-align: center;
}
.survey__skip input {
  display: none;
}
.survey__skip input + label {
  display: inline-block;
  padding: 8px 16px;
  background: #fff;
  border-radius: 6px;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5;
  color: #575757;
  cursor: pointer;
  transition: 260ms ease;
}
.survey__skip input + label:hover {
  background: #e9e9e9;
}
.survey__skip input:checked + label {
  background: #e9e9e9;
  color: #212121;
}
.survey__textarea {
  margin-top: 16px;
}
.survey__textarea textarea {
  width: 100%;
  height: auto;
  min-height: 120px;
  border: 1px solid #cdcdcd;
  border-radius: 6px;
  padding: 16px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: #000;
}
.survey__textarea textarea::placeholder {
  color: #212121;
  font-weight: 300;
}
.survey__finish {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
          appearance: none;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  max-width: 160px;
  margin: 24px auto;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  color: #fff;
  background: var(--appTint);
  margin-top: 24px;
}
.survey__finish:hover {
  text-decoration: none;
}
.survey__finish.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.survey__finish[disabled] {
  opacity: 0.5;
}
.survey__finish span {
  font-size: 0.875rem;
  line-height: 1.2;
}
.survey__finish span.icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.survey__finish span.icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.survey__finish span.icon + span:not(.icon),
.survey__finish span:not(.icon) + span.icon {
  margin-left: 8px;
}
.survey__warning {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  padding: 12px;
}
.survey__warning > h2 {
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.3;
  color: #212121;
  margin: 0;
}
.survey__warning > p {
  max-width: 280px;
  margin: 8px auto 24px auto;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.7;
  color: #000;
}
.survey__warning > p span {
  font-weight: bold;
  color: var(--appTint);
}
.survey__warning > .buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.survey__warning > .buttons > button {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
          appearance: none;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
  padding: 12px 16px;
  margin: 0 8px;
}
.survey__warning > .buttons > button:hover {
  text-decoration: none;
}
.survey__warning > .buttons > button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.survey__warning > .buttons > button[disabled] {
  opacity: 0.5;
}
.survey__warning > .buttons > button span {
  font-size: 0.875rem;
  line-height: 1.2;
}
.survey__warning > .buttons > button.bg--red {
  color: #fff;
  background: #e12417;
}
.survey__warning > .buttons > button.bg--white {
  color: #212121;
  background: #e9e9e9;
}

@media screen and (max-width: 767px) {
  .survey {
    padding-bottom: 12px;
  }
  .survey__content > h1 {
    font-size: 1.125rem;
    line-height: 1.5;
  }
  .survey__content.closing h1 {
    padding: 0;
    margin: 0;
  }
  .survey__footer {
    position: fixed;
    background: #fff;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 12px 16px max(var(--ion-safe-area-bottom), 12px) 16px;
    max-width: 100%;
    box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.08);
  }
  .survey__footer.middle .survey__next {
    margin: 0 auto;
  }
  .survey__scale li {
    margin: 0 6px;
  }
  .survey__emojis > div {
    width: 48px;
    min-width: 48px;
    height: 48px;
  }
  .survey__emojis > div input[type=radio] + label svg {
    width: 48px;
    height: 48px;
  }
}
.plt-desktop .survey__next:hover, .plt-desktop .survey__previous:hover, .plt-desktop .survey__start:hover, .plt-desktop .survey__finish:hover {
  filter: brightness(90%);
}

/*------------------------------------*\
    App | Opinion
\*------------------------------------*/
.opinion {
  overflow-y: scroll;
}
.opinion .translation-button {
  padding-left: 0;
}
.opinion__head, .opinion__content {
  width: 100%;
  max-width: 48rem;
  margin: 0 auto;
}
.opinion__head {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 16px 12px 16px;
}
.opinion__content {
  padding: 16px 16px 120px 16px;
}
.opinion__back {
  width: 32px;
  min-width: 32px;
  height: 32px;
  padding: 4px;
}
.opinion__translation {
  margin-left: auto;
}
.opinion__intro {
  padding-bottom: 24px;
}
.opinion__intro h1 {
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.4;
  color: #212121;
}
.opinion__intro p {
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #575757;
}
.opinion__intro span {
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 1.4;
  color: #212121;
}
.opinion__button {
  text-align: center;
  margin-top: 16px;
}
.opinion__invalid span svg {
  width: 100%;
}
.opinion__options__item {
  display: flex;
  flex-direction: column;
}
.opinion__options__item h2 {
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #212121;
  margin-top: 12px;
}
.opinion__options__item app-smiley-input {
  width: 100%;
  align-self: center;
}
.opinion__options__item .smiley-input {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
  flex-wrap: wrap;
  gap: 4px 0;
}
.opinion__options__item .smiley-input__rating {
  width: 48px;
  min-width: 48px;
  height: 48px;
}
.opinion__options__item .smiley-input__rating svg {
  width: 100%;
  height: 100%;
}
.opinion__options__item .smiley-input__rating svg svg g circle {
  fill: var(--appTint);
}
.opinion__options__item .smiley-input__rating svg path:nth-child(1) {
  fill: var(--appSupport);
}
.opinion__options__item .smiley-input__rating svg path:nth-child(2) {
  stroke: #fff;
}
.opinion__options__item .smiley-input__rating svg path:nth-child(3), .opinion__options__item .smiley-input__rating svg path:nth-child(4) {
  fill: #fff;
}
.opinion__options__item .smiley-input__rating--inactive svg path:nth-child(1) {
  fill: #cdcdcd;
}
.opinion__options__item .smiley-input__rating--inactive svg path:nth-child(2) {
  stroke: #212121;
}
.opinion__options__item .smiley-input__rating--inactive svg path:nth-child(3), .opinion__options__item .smiley-input__rating--inactive svg path:nth-child(4) {
  fill: #212121;
}
.opinion__options__item input {
  margin-top: 16px;
  font-family: "Mukta", sans-serif;
  font-weight: 500;
  width: 100%;
  border: 1px solid rgba(205, 205, 205, 0.5);
  -webkit-appearance: none;
          appearance: none;
  border-radius: 8px;
  color: #212121;
  padding: 8px 16px;
  font-size: 0.875rem;
  line-height: 1;
}
.opinion__options__item input::placeholder {
  color: #212121;
  font-weight: 300;
}
.opinion__button > button {
  background: transparent;
  color: var(--appSupport);
  box-shadow: inset 0 0 0 1px var(--appSupport);
  margin-top: 0;
}
.opinion__button > button:hover {
  background: var(--appSupport);
  color: #fff;
}
.opinion__button > button:hover svg {
  color: #fff;
}
.opinion__button > button:hover svg path {
  fill: #fff;
}
.opinion__button .icon svg path {
  fill: var(--appSupport);
}
.opinion__button > a:hover svg path {
  fill: #fff;
}
.opinion__bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.06);
  text-align: center;
  padding: 12px;
  padding-bottom: max(var(--ion-safe-area-bottom), 12px);
}
.opinion__bottom button {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
          appearance: none;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
  padding: 12px 16px;
  color: #fff;
  background: var(--appSupport);
  margin: 0 auto;
}
.opinion__bottom button:hover {
  text-decoration: none;
}
.opinion__bottom button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.opinion__bottom button[disabled] {
  opacity: 0.5;
}
.opinion__bottom button span {
  font-size: 0.875rem;
  line-height: 1.2;
}
.opinion__bottom button.isLoading {
  color: #fff;
  background: var(--appSupport);
  box-shadow: none;
  opacity: 1;
}
.opinion__bottom button.isLoading:before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--appSupport);
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px var(--appSupport);
}
.opinion__bottom button.isLoading ion-spinner {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  right: 0;
  transform: translate(-50%, -50%);
}

@media (min-width: 640px) {
  .opinion__options__item .smiley-input {
    justify-content: space-evenly;
  }
}
.plt-desktop .smiley-input__rating:hover {
  cursor: pointer;
}
.plt-desktop .smiley-input__rating:hover svg svg g circle {
  fill: var(--appTint);
}
.plt-desktop .smiley-input__rating:hover svg path:nth-child(1) {
  fill: var(--appSupport);
}
.plt-desktop .smiley-input__rating:hover svg path:nth-child(2) {
  stroke: #fff;
}
.plt-desktop .smiley-input__rating:hover svg path:nth-child(3), .plt-desktop .smiley-input__rating:hover svg path:nth-child(4) {
  fill: #fff;
}

/*------------------------------------*\
    App | Smart reporting (overview)
\*------------------------------------*/
.smart-reporting__map--fullscreen {
  top: 0;
}
.smart-reporting__map__inner {
  width: 100%;
  height: 100%;
}
.smart-reporting__map__inner .overlay {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.smart-reporting__map .projects-map__logo {
  height: 20px;
  width: 60px;
  margin: auto;
  text-align: center;
  border-radius: 50% 50% 0 0;
  overflow: hidden;
}
.smart-reporting__map .projects-map__logo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.smart-reporting__map .projects-map__text {
  text-align: center;
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1.7;
  color: #212121;
  background: white;
  min-width: 100px;
  border-radius: 10px;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  padding: 0 10px;
  max-width: 200px;
}
.smart-reporting__new {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
          appearance: none;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
  padding: 12px 16px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  color: #fff;
  background: var(--appSupport);
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  min-width: 140px;
}
.smart-reporting__new:hover {
  text-decoration: none;
}
.smart-reporting__new.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.smart-reporting__new[disabled] {
  opacity: 0.5;
}
.smart-reporting__new span {
  font-size: 0.875rem;
  line-height: 1.2;
}
.smart-reporting__new span.icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.smart-reporting__new span.icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.smart-reporting__new span.icon + span:not(.icon),
.smart-reporting__new span:not(.icon) + span.icon {
  margin-left: 8px;
}
.smart-reporting__new:hover {
  filter: brightness(80%);
}
.smart-reporting__filter {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
          appearance: none;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
  padding: 12px 16px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  color: #fff;
  background: #212121;
  position: absolute;
  z-index: 8;
}
.smart-reporting__filter:hover {
  text-decoration: none;
}
.smart-reporting__filter.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.smart-reporting__filter[disabled] {
  opacity: 0.5;
}
.smart-reporting__filter span {
  font-size: 0.875rem;
  line-height: 1.2;
}
.smart-reporting__filter span.icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.smart-reporting__filter span.icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.smart-reporting__filter span.icon + span:not(.icon),
.smart-reporting__filter span:not(.icon) + span.icon {
  margin-left: 8px;
}
.smart-reporting__filter span.icon {
  width: 20px;
  min-width: 20px;
  height: 20px;
}
.smart-reporting__filter span.icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
.smart-reporting__filter span.icon svg path {
  fill: #fff;
}
.smart-reporting__overlay {
  position: fixed;
  z-index: 50;
  bottom: 0;
  right: 0;
  left: 0;
  background: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
  border-radius: 24px 24px 0 0;
  padding: 16px;
}
.smart-reporting__overlay > p {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1;
  color: #212121;
}
.smart-reporting__overlay > ul {
  padding: 4px 0 12px 0;
}
.smart-reporting__overlay > ul > li {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid rgba(205, 205, 205, 0.5);
}
.smart-reporting__overlay > ul > li:last-child {
  border: 0;
}
.smart-reporting__overlay > ul > li.own span.icon svg path {
  fill: #a800f2;
}
.smart-reporting__overlay > ul > li.subscribed span.icon svg path {
  fill: #e12417;
}
.smart-reporting__overlay > ul > li > span.icon {
  width: 24px;
  height: 24px;
  min-width: 24px;
}
.smart-reporting__overlay > ul > li > span.icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
.smart-reporting__overlay > ul > li > span:not(.icon) {
  width: calc(100% - 68px);
  min-width: calc(100% - 68px);
  padding-left: 8px;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.1;
  color: #212121;
}
.smart-reporting__overlay > ul > li > div {
  margin-left: auto;
}
.smart-reporting__overlay > ul > li > div input[type=checkbox] {
  display: none;
}
.smart-reporting__overlay > ul > li > div input[type=checkbox] + label {
  display: block;
  position: relative;
  cursor: pointer;
  width: 44px;
  min-width: 44px;
  height: 24px;
  background: #e9e9e9;
  border-radius: 100px;
  transition: 260ms ease;
}
.smart-reporting__overlay > ul > li > div input[type=checkbox] + label:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
  transition: 260ms ease;
  pointer-events: none;
}
.smart-reporting__overlay > ul > li > div input[type=checkbox]:checked + label {
  background: var(--appTint);
}
.smart-reporting__overlay > ul > li > div input[type=checkbox]:checked + label:after {
  transform: translateX(20px);
}
.smart-reporting__overlay button {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
          appearance: none;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
  padding: 12px 16px;
  color: #fff;
  background: #212121;
  min-width: 180px;
  margin: 0 auto;
}
.smart-reporting__overlay button:hover {
  text-decoration: none;
}
.smart-reporting__overlay button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.smart-reporting__overlay button[disabled] {
  opacity: 0.5;
}
.smart-reporting__overlay button span {
  font-size: 0.875rem;
  line-height: 1.2;
}

/*------------------------------------*\
    App | Smart reporting (modal)
\*------------------------------------*/
.smart-reporting-modal {
  height: 33%;
  width: 50%;
  margin: auto auto;
}

/*------------------------------------*\
    App | Smart reporting (detail)
\*------------------------------------*/
.smart-reporting-detail {
  background: #fff;
  --background-color: $color-white;
}
.smart-reporting-detail__inner {
  padding: max(var(--ion-safe-area-top), 16px) 16px 0 16px;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.smart-reporting-detail__head {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.smart-reporting-detail__head > div:nth-child(2) {
  width: calc(100% - 32px);
  min-width: calc(100% - 32px);
}
.smart-reporting-detail__head > div:nth-child(3) {
  width: 100%;
  min-width: 100%;
  padding: 12px 0 8px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 0;
}
.smart-reporting-detail__head__text {
  flex-grow: 1;
  padding-right: 24px;
}
.smart-reporting-detail__head__text h1,
.smart-reporting-detail__head__text h2 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.smart-reporting-detail__head__text h1 {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.4;
  color: #212121;
}
.smart-reporting-detail__head__text span {
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--appTint);
}
.smart-reporting-detail__head__steps {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.smart-reporting-detail__head__steps > div {
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #cdcdcd;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5;
  color: #cdcdcd;
  text-align: center;
  padding: 3px 0;
}
.smart-reporting-detail__head__steps > div:not(:first-child) {
  margin-left: 32px;
}
.smart-reporting-detail__head__steps > div:not(:last-child):after {
  content: "";
  position: absolute;
  top: 15px;
  right: -29px;
  width: 24px;
  height: 1px;
  background: #cdcdcd;
}
.smart-reporting-detail__head__steps > div.active {
  background: var(--appTint);
  border-color: var(--appTint);
  color: #fff;
}
.smart-reporting-detail__head__steps > div.active:after {
  background: var(--appTint);
}
.smart-reporting-detail__step > p {
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #575757;
  margin-bottom: 12px;
}
.smart-reporting-detail__step .form-group {
  margin-bottom: 16px;
}
.smart-reporting-detail__step .form-group label {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.1;
  color: #212121;
  display: block;
  margin-bottom: 4px;
}
.smart-reporting-detail__step .form-group label span.required {
  font-weight: bold;
  color: #e12417;
}
.smart-reporting-detail__step .form-group input,
.smart-reporting-detail__step .form-group textarea {
  font-family: "Mukta", sans-serif;
  font-weight: 500;
  width: 100%;
  border: 1px solid rgba(205, 205, 205, 0.5);
  -webkit-appearance: none;
          appearance: none;
  border-radius: 8px;
  color: #212121;
  padding: 8px 16px;
  font-size: 0.875rem;
  line-height: 1;
}
.smart-reporting-detail__step .form-group input::placeholder,
.smart-reporting-detail__step .form-group textarea::placeholder {
  color: #212121;
  font-weight: 300;
}
.smart-reporting-detail__step .form-group textarea {
  padding: 12px 16px;
  height: 120px;
  resize: none;
}
.smart-reporting-detail__step .form-group select {
  width: 100%;
  border: 1px solid rgba(205, 205, 205, 0.5);
  font-family: "Mukta", sans-serif;
  font-weight: 500;
  background-image: url("/assets/icons/arrow-down.svg");
  background-size: 16px;
  background-position: right 12px top 50%, 0 0;
  background-repeat: no-repeat;
  -webkit-appearance: none;
          appearance: none;
  color: #212121;
  border-radius: 8px;
  background-color: #fff;
  padding: 8px 16px;
  font-size: 0.875rem;
  line-height: 1.25;
}
.smart-reporting-detail__step .smart-reporting__map {
  height: 100%;
  min-height: 250px;
}
.smart-reporting-detail__step.noDescription {
  padding-top: 12px;
}
.smart-reporting-detail__form.location {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0 24px;
}
.smart-reporting-detail__form.location > app-form-group {
  flex-grow: 1;
  min-width: 150px;
}
.smart-reporting-detail__form.location > app-form-group:first-child {
  flex-basis: 25%;
}
.smart-reporting-detail__form.location > app-form-group:nth-child(2) {
  flex-basis: 50%;
}
.smart-reporting-detail__form.location > app-form-group:nth-child(3) {
  flex-basis: 50%;
}
.smart-reporting-detail__form.location > app-form-group:last-child {
  flex-basis: 25%;
}
.smart-reporting-detail__form .errors {
  margin-top: 4px;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #e12417;
}
.smart-reporting-detail__form__notice {
  width: 100%;
  min-width: 100%;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #e12417;
  padding-bottom: 16px;
  text-align: center;
}
.smart-reporting-detail form {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
}
.smart-reporting-detail form > div {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.smart-reporting-detail form > div:not(:first-of-type) {
  padding-bottom: 16px;
}
.smart-reporting-detail__map {
  border-radius: 24px 24px 0 0;
  width: calc(100% + 32px);
  margin-left: -16px;
  flex-grow: 1;
  overflow: hidden;
}
.smart-reporting-detail__map--fullscreen {
  top: 0;
}
.smart-reporting-detail__map__inner {
  width: 100%;
  height: 100%;
}
.smart-reporting-detail__map .marker {
  background-repeat: no-repeat !important;
}
.smart-reporting-detail__button {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
          appearance: none;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
  padding: 12px 16px;
  color: #fff;
  background: var(--appSupport);
  min-width: 180px;
  margin: 24px auto 0 auto;
}
.smart-reporting-detail__button:hover {
  text-decoration: none;
}
.smart-reporting-detail__button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.smart-reporting-detail__button[disabled] {
  opacity: 0.5;
}
.smart-reporting-detail__button span {
  font-size: 0.875rem;
  line-height: 1.2;
}
.smart-reporting-detail__button--fixed {
  position: fixed;
  z-index: 20;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  width: -moz-fit-content;
  width: fit-content;
}
.smart-reporting-detail__success {
  padding: 12px 0 40px 0;
}
.smart-reporting-detail__success > h1 {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.4;
  color: #212121;
}
.smart-reporting-detail__success > p {
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #575757;
}
.smart-reporting-detail__success > p strong {
  color: var(--appSupport);
}
.smart-reporting-detail__success > span {
  display: block;
  text-align: center;
  margin: 40px 0;
}

.plt-desktop .smart-reporting__overlay button:hover {
  color: #212121;
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #212121;
}
.plt-desktop .smart-reporting__filter:hover {
  color: #212121;
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #212121;
}
.plt-desktop .smart-reporting__filter:hover svg path {
  fill: #212121;
}
.plt-desktop .smart-reporting-detail__button:hover {
  filter: brightness(90%);
}
.plt-desktop .smart-reporting-detail__head__steps div:hover {
  cursor: pointer;
  background: var(--appTint);
  border-color: var(--appTint);
  color: #fff;
}
.plt-desktop .smart-reporting-detail__step .form-group select:hover {
  cursor: pointer;
}
.plt-desktop .smart-reporting-detail__step .form-group .file-input__media:hover {
  cursor: pointer;
}

/*------------------------------------*\
    App | Participation
\*------------------------------------*/
.participation__list li {
  margin-bottom: 8px;
}
.participation__dashboard {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 48px;
  gap: 0 8px;
}
.participation__dashboard > div {
  width: calc(33.3333333333% - 8px);
  background: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
  border-radius: 12px;
  margin-top: 8px;
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  padding: 20px 16px 20px 16px;
}
.participation__dashboard > div > div {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.participation__dashboard > div > div .inline-svg {
  height: 32px;
  width: 32px;
}
.participation__dashboard > div > div > span {
  position: absolute;
  right: -10px;
  top: -8px;
  width: 20px;
  height: 20px;
  background: #e12417;
  border-radius: 50%;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.25;
  color: #fff;
  text-align: center;
}
.participation__dashboard > div > span {
  width: 100%;
  display: flex;
  text-align: center;
  flex-direction: column;
  display: block;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.1;
  color: #212121;
  margin-top: 10px;
}
.participation__dashboard .selected {
  background: #212121;
  color: #fff;
}
.participation__dashboard .selected > span {
  color: #fff;
}
.participation__dashboard:after {
  content: "";
  position: absolute;
  bottom: 24px;
  left: 50%;
  width: calc(100% - 100px);
  height: 1px;
  background: #cdcdcd;
  transform: translateX(-50%);
}

.plt-desktop .participation__dashboard > div {
  transition: background-color 150ms linear;
}
.plt-desktop .participation__dashboard > div:hover {
  cursor: pointer;
  background: #212121;
  color: #fff;
}
.plt-desktop .participation__dashboard > div:hover > span {
  color: #fff;
}

.update {
  background: #fff;
  border-radius: 24px;
  overflow: hidden;
}
.update__top, .update__header, .update__content, .update__media, .update__bottom {
  max-width: 48rem;
  margin: 0 auto;
}
.update__top {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 16px 0 16px;
}
.update__back {
  transition: transform 0.3s ease-in-out;
  position: relative;
  width: 32px;
  min-width: 32px;
  height: 32px;
}
.update__back:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-image: url("/assets/icons/arrow-left-thin.svg");
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
  pointer-events: none;
}
.update__back ion-back-button {
  display: block;
  width: 32px;
  min-width: 32px;
  max-width: 32px;
  height: 32px;
  color: transparent;
}
.update__header {
  position: relative;
  background: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 16px 4px 16px;
}
.update__header > div:first-child[tabindex="0"] {
  width: 100%;
  display: flex;
  align-items: center;
}
.update__image {
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 6px;
}
.update__image img {
  width: 40px;
  height: 40px;
  border-radius: 6px;
  object-fit: cover;
}
.update__share {
  align-self: start;
  width: 40px;
  min-width: 40px;
  height: 40px;
  padding: 8px;
}
.update__info {
  width: calc(100% - 80px);
  min-width: calc(100% - 80px);
  padding-left: 12px;
  display: flex;
  flex-direction: column;
}
.update__info h1 {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #212121;
}
.update__info span:nth-child(2) {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #212121;
}
.update__info span:last-child {
  font-weight: 300;
  font-size: 0.75rem;
  line-height: 1.4;
  color: #212121;
}
.update__image {
  width: 40px;
  min-width: 40px;
  height: 40px;
  background: #e9e9e9;
  border-radius: 6px;
  overflow: hidden;
}
.update__image img {
  border-radius: 6px;
}
.update__content {
  display: flex;
  flex-direction: column;
  padding: 16px;
}
.update__content h2 {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.4;
  color: #212121;
  margin-bottom: 2px;
}
.update__content > span {
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #212121;
}
.update__content > div {
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #212121;
}
.update__content > div a,
.update__content > div p,
.update__content > div strong,
.update__content > div u,
.update__content > div em,
.update__content > div li {
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.4;
}
.update__content > div ul,
.update__content > div ol {
  padding-left: 2rem;
}
.update__content > div ul li {
  list-style-type: disc;
}
.update__content > div ol li {
  list-style-type: decimal;
}
.update__content > div strong {
  font-weight: 600;
}
.update__content > div a {
  color: #212121;
  font-weight: 600;
  text-decoration: underline;
}
.update__content .update__content__note {
  color: var(--appTint);
  font-size: 0.875rem;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: bold;
  white-space: nowrap;
}
.update__events {
  padding: 0 16px;
}
.update__media {
  padding: 0 8px;
}
.update__bottom {
  padding: 12px 16px;
}

.project__button__wrapper {
  position: absolute;
  left: 50%;
}
.project__button__wrapper__button {
  left: -50%;
  /* Need a specific value to work */
  margin: 24px auto;
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
          appearance: none;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
  padding: 12px 16px;
  color: #fff;
  background: var(--appTint);
}
.project__button__wrapper__button:hover {
  text-decoration: none;
}
.project__button__wrapper__button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.project__button__wrapper__button[disabled] {
  opacity: 0.5;
}
.project__button__wrapper__button span {
  font-size: 0.875rem;
  line-height: 1.2;
}

.project-suggestion-wrapper {
  padding: 8px;
}

.plt-desktop .project__button__wrapper__button:hover,
.plt-desktop .project-button:hover {
  filter: brightness(90%);
}
.plt-desktop .update__share:hover {
  cursor: pointer;
}
.plt-desktop .update__share:hover svg {
  fill: var(--appTint);
}
.plt-desktop .update__info:hover {
  cursor: pointer;
  text-decoration: underline;
}
.plt-desktop .update .read-more:hover {
  cursor: pointer;
  text-decoration: underline;
}
.plt-desktop .update__back:hover {
  cursor: pointer;
  transform: scale(1.5);
}

/*------------------------------------*\
    App | Notifications
\*------------------------------------*/
.notifications__list {
  padding-bottom: 40px;
}
.notifications__list > div:not(:last-child) {
  margin-bottom: 8px;
}

.notification {
  transition: transform 0.3s ease-in-out;
  display: flex;
  flex-direction: row;
  padding: 8px;
  background: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
}
.notification__image {
  width: 40px;
  min-width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 6px;
}
.notification__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.notification__text {
  width: calc(100% - 40px);
  min-width: calc(100% - 40px);
  padding: 0 32px 0 8px;
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #212121;
}
.notification__text > div {
  height: 20px;
  overflow: hidden;
}
.notification__text ul {
  padding-left: 2.2rem;
  margin: 0;
}
.notification__text ul > li {
  list-style-type: disc;
  padding-left: 0.5rem;
}
.notification__text ol {
  padding-left: 2.2rem;
  margin: 0;
}
.notification__text ol > li {
  list-style-type: decimal;
}
.notification__text > h2 {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25;
  color: #212121;
  margin-bottom: 2px;
}
.notification__text > p strong {
  font-weight: bold;
}
.notification__text > span {
  display: block;
  font-weight: 300;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #212121;
  margin-top: 2px;
}

.plt-desktop .notification:hover {
  cursor: pointer;
  transform: scale(1.01);
}

.message {
  background-color: #fff;
  border-radius: 24px;
  overflow: hidden;
}
.message__top, .message__header, .message__content {
  max-width: 48rem;
  margin: 0 auto;
}
.message__top {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 16px 0 16px;
}
.message__back {
  position: relative;
  width: 32px;
  min-width: 32px;
  height: 32px;
}
.message__back:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-image: url("/assets/icons/arrow-left-thin.svg");
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
  pointer-events: none;
}
.message__back ion-back-button {
  display: block;
  width: 32px;
  min-width: 32px;
  max-width: 32px;
  height: 32px;
  color: transparent;
}
.message__header {
  position: relative;
  background: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 16px 4px 16px;
}
.message__image {
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 6px;
}
.message__image img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  object-fit: cover;
  display: block;
}
.message__share {
  align-self: start;
  width: 40px;
  min-width: 40px;
  height: 40px;
  padding: 8px;
}
.message__share span {
  width: 100%;
  height: 100%;
  display: block;
}
.message__share span svg {
  width: 100%;
  height: 100%;
  display: block;
}
.message__info {
  width: calc(100% - 80px);
  min-width: calc(100% - 80px);
  padding-left: 12px;
  display: flex;
  flex-direction: column;
}
.message__info h1 {
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #212121;
}
.message__info span:nth-child(2) {
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #212121;
}
.message__info span:last-child {
  font-weight: 300;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #212121;
}
.message__content {
  display: flex;
  flex-direction: column;
  padding: 16px;
}
.message__content h2 {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-bottom: 16px;
}
.message__content > span {
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #212121;
}
.message__content > div {
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #212121;
}
.message__content > div a,
.message__content > div p,
.message__content > div strong,
.message__content > div u,
.message__content > div em,
.message__content > div li {
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.4;
}
.message__content > div ul,
.message__content > div ol {
  padding-left: 2rem;
  margin: 106px 0;
}
.message__content > div ul li {
  list-style-type: disc;
}
.message__content > div ol li {
  list-style-type: decimal;
}
.message__content > div strong {
  font-weight: 600;
}
.message__content > div a {
  color: var(--appTint);
  font-weight: 600;
  text-decoration: underline;
}
.message__bottom {
  padding: 12px 16px;
}
.message__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.message__actions a {
  margin-left: auto;
  font-size: 0.75rem;
  color: var(--appTint);
  font-weight: 600;
}
.message__actions span {
  margin-left: 6px;
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 1.7;
  color: #575757;
}

.not-found__holder {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "Mukta", sans-serif;
}
.not-found__holder__content {
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.not-found__holder__content h1 {
  position: relative;
  font-weight: bold;
  font-size: 80px;
  line-height: 80px;
  color: #212121;
}
.not-found__holder__content h1:before {
  content: "";
  position: absolute;
  top: -42px;
  right: -48px;
  width: 60px;
  min-width: 60px;
  height: 60px;
  background-image: url("/assets/icons/flag.svg");
  background-size: 60px;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  z-index: -1;
}
.not-found__holder__content p {
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1;
  color: #212121;
  text-transform: lowercase;
}
.not-found__holder__content button {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
          appearance: none;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
  padding: 12px 16px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  color: #fff;
  background: var(--appTint);
  margin-top: 40px;
}
.not-found__holder__content button:hover {
  text-decoration: none;
}
.not-found__holder__content button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.not-found__holder__content button[disabled] {
  opacity: 0.5;
}
.not-found__holder__content button span {
  font-size: 0.875rem;
  line-height: 1.2;
}
.not-found__holder__content button span.icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.not-found__holder__content button span.icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.not-found__holder__content button span.icon + span:not(.icon),
.not-found__holder__content button span:not(.icon) + span.icon {
  margin-left: 8px;
}

/*------------------------------------*\
    App | Onboarding
\*------------------------------------*/
.onboarding {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: calc(100% - 40px);
  height: unset;
}
.onboarding:has(.onboarding__header) {
  justify-content: stretch;
}
.onboarding ion-toolbar {
  --background: $color-white;
}
.onboarding__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 24px;
}
.onboarding__header button {
  font-size: 0.875rem;
  font-weight: bold;
  color: var(--appTint);
  margin-left: auto;
  cursor: pointer;
  background-color: unset;
}
.onboarding__content {
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-bottom: calc(0.875rem + 8px + var(--ion-safe-area-bottom));
}
.onboarding__content .preference {
  width: 100%;
  border: 1px solid #cdcdcd;
  border-radius: 24px;
  overflow: hidden;
  background-color: #fff;
  margin-top: 24px;
  cursor: pointer;
  transition: 0.2s box-shadow ease-in-out;
  box-shadow: 0 2px 2px #cdcdcd;
}
.onboarding__content .preference:hover {
  box-shadow: 2px 2px 2px #cdcdcd;
}
.onboarding__content .preference__content {
  padding-left: 24px;
  text-align: left;
  width: 80%;
}
.onboarding__content .preference__content h3 {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1;
  color: #212121;
  margin-top: 8px;
}
.onboarding__content .preference__content p {
  margin-top: 8px;
  line-height: 1.2;
}
.onboarding__content .preference > span {
  position: absolute;
  right: 24px;
  bottom: 24px;
}
.onboarding__content .preference img {
  height: 100px;
  width: 100%;
  object-fit: cover;
  background-color: #f3f1ef;
  border-radius: 24px 24px 0 0;
}
.onboarding__content .preference img.contain {
  padding: 8px;
  object-fit: contain;
}
.onboarding__content > img {
  max-width: 50%;
  margin-bottom: 24px;
}
.onboarding__content > img.logo {
  margin-bottom: 16px;
  width: 60px;
  height: 60px;
  object-fit: contain;
}
.onboarding__content h1 {
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1;
  color: #212121;
  margin-bottom: 8px;
  max-width: 14rem;
}
.onboarding__content h2 {
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1;
  color: #212121;
  margin-top: 8px;
  max-width: 12rem;
}
.onboarding__content p {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.7;
  color: #212121;
  margin-bottom: 16px;
}
.onboarding__content__button {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
          appearance: none;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
  padding: 12px 16px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  color: #fff;
  background: var(--appTint);
}
.onboarding__content__button:hover {
  text-decoration: none;
}
.onboarding__content__button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.onboarding__content__button[disabled] {
  opacity: 0.5;
}
.onboarding__content__button span {
  font-size: 0.875rem;
  line-height: 1.2;
}
.onboarding__content__button span.icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.onboarding__content__button span.icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.onboarding__content__button span.icon + span:not(.icon),
.onboarding__content__button span:not(.icon) + span.icon {
  margin-left: 8px;
}
.onboarding__content__button app-loader {
  margin-left: 8px;
}
.onboarding__terms {
  position: fixed;
  width: 100%;
  background-color: #f3f1ef;
  padding: 8px;
  padding-bottom: max(var(--ion-safe-area-bottom), 12px);
  bottom: 0;
  left: 0;
  text-align: center;
  font-size: 0.75rem;
  color: #575757;
  cursor: pointer;
}

/*------------------------------------*\
    App | DeviceUserData
\*------------------------------------*/
.device-data-loader {
  height: 100%;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: center;
}
.device-data-loader h2 {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  margin: 0 auto;
  margin-top: 8px;
}

/*------------------------------------*\
    App | Address
\*------------------------------------*/
.address {
  padding: 0;
  display: flex;
  flex-direction: column;
  min-height: calc(100% - 32px - max(32px, 1.25rem));
}
.address__header {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 16px 24px;
}
.address__header button {
  font-size: 0.875rem;
  font-weight: bold;
  color: var(--appTint);
  margin-left: auto;
  cursor: pointer;
  background-color: unset;
}
.address__footer {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 48rem;
  margin: 0 auto;
  padding: 16px 16px max(var(--ion-safe-area-bottom), 16px) 16px;
  text-align: center;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  gap: 8px;
}
.address__footer button {
  justify-content: center;
  width: 50%;
  word-break: break-word;
}
.address__footer__button {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
          appearance: none;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
  padding: 12px 16px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  color: #fff;
  background: var(--appTint);
}
.address__footer__button:hover {
  text-decoration: none;
}
.address__footer__button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.address__footer__button[disabled] {
  opacity: 0.5;
}
.address__footer__button span {
  font-size: 0.875rem;
  line-height: 1.2;
}
.address__footer__button span.icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.address__footer__button span.icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.address__footer__button span.icon + span:not(.icon),
.address__footer__button span:not(.icon) + span.icon {
  margin-left: 8px;
}
.address__footer__button--secondary {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
          appearance: none;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
  padding: 12px 16px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  background: transparent;
  color: #212121;
  box-shadow: inset 0 0 0 1px #575757;
}
.address__footer__button--secondary:hover {
  text-decoration: none;
}
.address__footer__button--secondary.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.address__footer__button--secondary[disabled] {
  opacity: 0.5;
}
.address__footer__button--secondary span {
  font-size: 0.875rem;
  line-height: 1.2;
}
.address__footer__button--secondary span.icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.address__footer__button--secondary span.icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.address__footer__button--secondary span.icon + span:not(.icon),
.address__footer__button--secondary span:not(.icon) + span.icon {
  margin-left: 8px;
}
.address__footer__button--secondary:hover {
  background: #575757;
  color: #f3f1ef;
}
.address__footer__button--secondary:hover svg {
  color: #f3f1ef;
}
.address__footer__button--secondary:hover svg path {
  fill: #f3f1ef;
}
.address__content {
  padding: var(--ion-padding);
  transition: all 0.25s ease;
}
.address__content.map {
  margin-top: -20px;
  border-radius: 20px 20px 0 0;
  background-color: var(--ion-background-color);
  z-index: 3;
  padding-top: 24px;
}
.address__content.fullscreen.map {
  z-index: unset;
}
.address__content.fullscreen button.follow {
  position: absolute;
  bottom: 16px;
  margin-bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}
.address__content.no-padding {
  padding: 0 24px 16px 24px;
}
.address__content.list, .address__content.suggestions {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.address__content h1 {
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.4;
  color: #212121;
  margin-bottom: 8px;
}
.address__content h2 {
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.4;
  color: #212121;
  margin-top: 8px;
}
.address__content p {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #212121;
}
.address__content p.hidden {
  visibility: hidden;
}
.address__content__top {
  text-align: center;
}
.address__content__top p {
  margin: 8px 8px 16px 8px;
}
.address__content__top.padding {
  padding-top: 64px;
}
.address__content__top button {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
          appearance: none;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
  padding: 12px 16px;
  color: #fff;
  background: var(--appTint);
  margin: 0 auto;
  margin-top: 24px;
  margin-bottom: 8px;
  transition: none;
}
.address__content__top button:hover {
  text-decoration: none;
}
.address__content__top button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.address__content__top button[disabled] {
  opacity: 0.5;
}
.address__content__top button span {
  font-size: 0.875rem;
  line-height: 1.2;
}
.address__content__top > app-search-item {
  display: block;
}
.address__content__top > app-search-item:not(:last-child) {
  margin-bottom: 8px;
}
.address__content__results {
  margin-top: 26px;
  overflow-y: overlay;
  padding-bottom: calc(1.05rem + 48px + var(--ion-safe-area-bottom));
}
.address__content__results app-search-item {
  margin-bottom: 8px;
  display: block;
}
.address__content__results app-search-item .card__content > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.address__content__locations {
  margin-top: 16px;
}
.address__content__locations div:first-child {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.address__content__locations div:first-child h3 {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.4;
  color: #212121;
}
.address__content__locations div:first-child a {
  font-size: 0.875rem;
  line-height: 1.5;
  color: #bd1c11;
  margin-left: auto;
  font-weight: 500;
  cursor: pointer;
}
.address__content__locations .item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px;
  margin: 8px 0;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 2px 2px #e9e9e9;
  position: relative;
  overflow: visible;
}
.address__content__locations .item .count {
  position: absolute;
  left: -10px;
  top: 10px;
  background-color: #212121;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  color: #fff;
  line-height: 1.7;
  font-size: 18px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.address__content__locations .item.new {
  background: none;
  border: 1px dashed #575757;
  box-shadow: none;
  cursor: pointer;
}
.address__content__locations .item.new span svg {
  fill: #575757;
}
.address__content__locations .item.new p {
  font-weight: normal;
  font-size: 1rem;
  height: 1.5;
  color: #575757;
  padding: 0 16px;
}
.address__content__locations .item span {
  width: 24px;
  height: 24px;
  display: block;
}
.address__content__locations .item span svg {
  width: 100%;
  height: 100%;
  display: block;
}
.address__content__locations .item span svg path {
  fill: #575757;
}
.address__content__locations .item button {
  width: 40px;
  height: 40px;
  margin-left: auto;
  background: none;
  padding: 8px;
}
.address__content__locations .item__content {
  width: calc(100% - 64px);
  display: flex;
  flex-direction: column;
  padding: 0 16px;
}
.address__content__locations .item__content p {
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.4;
  color: #212121;
}
.address__content__locations .item__content p:last-child {
  font-weight: 500;
  font-size: 0.75rem;
}
.address .button-fullscreen {
  width: 29px;
  height: 29px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 2;
  padding: 6px;
  background: #fff;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
.address .button-fullscreen span svg {
  width: 100%;
  height: 100%;
  display: block;
}
.address__map {
  position: relative;
  height: 60vh;
}
.address__map__overlay {
  position: absolute;
  z-index: 3;
  background: rgba(33, 33, 33, 0.75);
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 46px;
  text-align: center;
  padding-bottom: 66px;
  cursor: pointer;
}
.address__map__overlay img {
  width: 33%;
  max-width: 100px;
  margin-bottom: 16px;
}
.address__map__overlay p {
  max-width: 15rem;
  font-size: 1.25rem;
  line-height: 1.3;
  color: #fff;
}
.address__map.fullscreen {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 3;
}
.address__map.fullscreen .button-fullscreen {
  top: calc(10px + var(--ion-safe-area-top));
}
.address__map.fullscreen .mapboxgl-map {
  border-radius: 0;
}
.address__map:not(.fullscreen) .mapboxgl-ctrl-bottom-left,
.address__map:not(.fullscreen) .mapboxgl-ctrl-bottom-right {
  bottom: 20px;
}
.address__map:not(.fullscreen) .button-fullscreen {
  bottom: 36px;
}

@media screen and (min-width: 640px) {
  .address__footer {
    border-radius: 8px 8px 0 0;
  }
}
.plt-desktop .address__header a:hover {
  text-decoration: underline;
}
.plt-desktop .address__footer__button:hover {
  filter: brightness(90%);
}

.profile__content {
  padding: 24px;
  text-align: center;
}
.profile__content.logged-in p {
  text-align: left;
  display: flex;
  align-items: center;
}
.profile__content.logged-in p span {
  margin-right: 8px;
  height: 24px;
  width: 24px;
}
.profile__content.logged-in p span svg {
  width: 100%;
  height: 100%;
  display: block;
}
.profile__content h1 {
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1;
  color: #212121;
  margin-bottom: 8px;
}
.profile__content p {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.7;
  color: #212121;
}
.profile__content__buttons {
  width: 100%;
  margin-top: 40px;
}
.profile__content__buttons button {
  margin: 5px 0;
  width: 100%;
  text-align: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
          appearance: none;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
  padding: 12px 16px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  color: #212121;
  background: #fff;
}
.profile__content__buttons button:hover {
  text-decoration: none;
}
.profile__content__buttons button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.profile__content__buttons button[disabled] {
  opacity: 0.5;
}
.profile__content__buttons button span {
  font-size: 0.875rem;
  line-height: 1.2;
}
.profile__content__buttons button span.icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.profile__content__buttons button span.icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.profile__content__buttons button span.icon + span:not(.icon),
.profile__content__buttons button span:not(.icon) + span.icon {
  margin-left: 8px;
}
.profile__content__buttons button span {
  margin-right: 8px;
}
.profile__content__buttons button:nth-child(2) {
  color: #fff;
  background: var(--appTint);
}
.profile__content .login {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
}
.profile__content .login img {
  max-width: 60px;
  height: 60px;
  margin: 16px 0;
}
.profile__content .login p {
  padding: 0 16px;
}
.profile__content .login__form {
  margin-top: 16px;
}
.profile__content .login__form input {
  display: inline-block;
  padding: 12px 16px;
  background: #fff;
  border-radius: 6px;
  font-size: 0.875rem;
  line-height: 1.1;
  color: #212121;
  width: 100%;
  border: 1px solid #e9e9e9;
  margin-top: 16px;
  margin-bottom: 8px;
  font-weight: 500;
}
.profile__content .login__form input::placeholder {
  color: #212121;
  font-weight: 300;
}
.profile__content .login__form .error {
  margin-top: 4px;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #e12417;
}
.profile__content .login__form .button {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
          appearance: none;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
  padding: 12px 16px;
  width: 100%;
  margin-bottom: 8px;
}
.profile__content .login__form .button:hover {
  text-decoration: none;
}
.profile__content .login__form .button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.profile__content .login__form .button[disabled] {
  opacity: 0.5;
}
.profile__content .login__form .button span {
  font-size: 0.875rem;
  line-height: 1.2;
}
.profile__content .login__form .button--login {
  color: #fff;
  background: var(--appTint);
}
.profile__content .login__form .button--back {
  color: #212121;
  background: transparent;
}

.plt-desktop .profile__content__buttons button:hover {
  cursor: pointer;
  background: #212121;
  color: #fff;
}
.plt-desktop .profile__content__buttons button:hover span svg {
  fill: #fff;
}

/*------------------------------------*\
    App | Projects
\*------------------------------------*/
.projects {
  display: flex;
  flex-direction: column;
}
.projects app-search-item:not(:last-child) {
  margin-bottom: 8px;
  display: block;
}

/*------------------------------------*\
    App | Organisation
\*------------------------------------*/
.organisation {
  font-family: "Mukta", sans-serif;
}
.organisation__header, .organisation__content {
  max-width: 48rem;
  margin: 0 auto;
}
.organisation__header {
  padding-top: var(--ion-safe-area-top);
  position: relative;
  z-index: 10;
  background: #fff;
  border-radius: 0 0 12px 12px;
}
.organisation__header.dark {
  background-color: #212121;
}
.organisation__header.dark .organisation__header__cover {
  background-color: #212121;
}
.organisation__header.dark .organisation__info h1,
.organisation__header.dark .organisation__info span,
.organisation__header.dark .organisation__info li {
  color: #fff;
}
.organisation__header.dark .organisation__about a {
  color: #fff;
}
.organisation__header__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 12px 0 12px;
  border-bottom: 1px solid #f3f1ef;
}
.organisation__header > div:first-child {
  position: relative;
  padding: 8px 8px 0 8px;
}
.organisation__header > div:first-child .back-button {
  background: #fff;
}
.organisation__image {
  max-width: calc(100% - 48px);
  height: 96px;
}
.organisation__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.organisation__info {
  padding: 24px 0 24px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.75rem;
  line-height: 1.5;
}
.organisation__info h1 {
  font-weight: bold;
  font-size: 1.25rem;
  color: #212121;
}
.organisation__info__followers {
  color: var(--appTint);
}
.organisation__info > div:last-child {
  color: #212121;
}
.organisation__content {
  padding: 8px;
}
.organisation__content .card {
  margin-bottom: 8px;
}

/*# sourceMappingURL=styles.f3a56b7ceae25b3d.css.map*/