:root{--font-family-default: "San Francisco", "Helvetica Neue", "Helvetica", "Arial", sans-serif;--font-size-default: 16px;--color-text: #333;--color-text-grey: #787878;--color-text-light-grey: #bdbdbd;--color-primary: #0566cb;--color-secondary: #cde0f4;--color-error: #ff0000;--color-red: #b90000;--color-background: #efefef;--color-green: #00ac3f;--color-background-input: #f5f5f5;--color-background-light: #f2f2f2;--color-white: #fff;--color-black: #000;--gap: 8px;--gap-xs: calc(var(--gap) / 4);--gap-sm: calc(var(--gap) / 2);--gap-lg: calc(var(--gap) * 2);--gap-xl: calc(var(--gap) * 3);--gap-xxl: calc(var(--gap) * 4);--outline: var(--gap-xs) solid var(--color-primary);--input-caret-color: var(--color-primary);--footer-height:calc(68px + env(safe-area-inset-bottom, 0))}*{box-sizing:border-box;scroll-behavior:smooth}.no-interaction{pointer-events:none;user-select:none}html,body,#root{margin:0 auto;padding:0;height:100%;box-sizing:border-box;overflow:hidden}html,body{height:calc(100% + env(safe-area-inset-bottom));background-color:var(--color-background)}main:not(.smop-main__around-me){margin-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.search-input-overlay{padding-top:env(safe-area-inset-top);background-color:var(--color-white)}body{display:grid;grid-template-rows:1fr min-content;max-width:640px;margin:0 auto;font-family:var(--font-family-default);line-height:20px;font-size:var(--font-size-default);color:var(--color-text);background-color:var(--color-background);position:relative;touch-action:none}body.has-modal{overflow:hidden!important;width:100vw;overscroll-behavior:contain;touch-action:none}header{margin:var(--gap-lg) 0;display:flex;align-items:center;justify-content:space-between}main{overflow-y:hidden}footer{padding-top:var(--gap);padding-right:var(--gap);padding-bottom:calc(var(--gap) + (1 * (env(safe-area-inset-bottom,24px))));padding-left:var(--gap)}.smop-footer__home,.smop-footer__around-me,.smop-footer__settings{background-color:var(--color-white)}h1,h2{margin:8px 0}h1{font-size:2rem;line-height:2rem;margin:0}h2{font-size:1.2rem;line-height:1.2rem}p{margin:0}a{text-decoration:none;color:var(--color-primary);outline-color:var(--color-primary)}ul{margin:0;padding:0;list-style:none}form{width:100%;outline-color:var(--color-primary)}input{caret-color:var(--input-caret-color)}button{background-color:var(--color-primary);color:#fff;border:none;cursor:pointer;font-size:1rem;margin:8px 0}button:disabled{background-color:var(--color-text-light-grey);cursor:not-allowed}input[type=time],input[type=date]{appearance:none;background-color:var(--color-background);border-radius:var(--gap-lg);padding:var(--gap-lg);width:100%;border:none;font-family:inherit}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}input[type=search]::-ms-clear,input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=radio]{margin:0;width:var(--gap-lg);height:var(--gap-lg);border:2px solid var(--color-primary);border-radius:50%;position:relative}input[type=radio]:checked:after{content:"";display:block;width:var(--gap);height:var(--gap);background:var(--color-primary);border-radius:50%;position:absolute;top:2px;left:2px}button{background-color:var(--color-primary);color:#fff;border:none;cursor:pointer;font-size:1rem;margin:var(--gap) 0;outline-color:var(--color-primary);border-radius:var(--gap-lg);padding:var(--gap) var(--gap-lg)}button[type=submit]{color:#fff;border:none;border-radius:16px;padding:16px;cursor:pointer;width:100%}button[type=submit]:hover{box-shadow:0 2px 8px #0025}select{font-size:1rem;text-align:right;border:none;appearance:none;color:var(--color-primary);font-weight:500;background:url(/img/SelectIcon.svg) no-repeat right;padding-right:var(--gap-xl);outline-color:var(--color-primary);outline-offset:var(--gap-sm);border-radius:var(--gap-lg)}fieldset{border:none;padding:0;margin:0}summary::-moz-list-bullet{display:none}summary{cursor:pointer;list-style:none;appearance:none}summary::-webkit-details-marker{display:none}summary::marker{display:none}.loadingBar{position:absolute;top:0;left:0;right:0;height:4px;width:100%;overflow:hidden;background-color:var(--color-background);z-index:1000}.loadingBar__progress{height:100%;width:100%;background-color:var(--color-text-grey);animation:infiniteSlide 2.2s cubic-bezier(.65,.8,.75,.4);animation-iteration-count:infinite}svg{display:block;width:20px;height:20px}@keyframes infiniteSlide{0%{transform:translate(-100%)}to{transform:translate(100%)}}dialog{border:1px solid var(--color-text-light-grey);border-radius:var(--gap-lg) var(--gap-lg) 0 0;box-shadow:0 2px 8px #0000001a,0 8px 16px #0000001a}