body{min-height:100vh;min-height:100dvh}.location-name-input,.solar-time,.solar-time-hour-element{font-family:var(--latinandcyrillicfont)}.solar-time{font-size:14px;font-weight:500;color:var(--main-color)}.solar-time-hour-element{font-size:16px;display:block;font-weight:500}.location-name-input{font-size:14px;font-weight:500;text-align:center;border:none}.date-field{font-family:var(--latinandcyrillicfont)}.week-day{font-size:1rem}.date-input,.time-input{font-family:var(--latinandcyrillicfont);color:var(--main-color);font-weight:400}.date-input{font-size:1.25rem;font-weight:500}.time-input{font-size:2rem}.wood{color:var(--wood-color)}.fire{color:var(--fire-color)}.earth{color:var(--earth-color)}.metal{color:var(--metal-color)}.water{color:var(--water-color)}.container{position:relative;width:100%;margin:0 auto;display:grid;grid-template-columns:.8rem minmax(100px,1fr) .8rem}.btn{border:var(--grey-border);padding:10px 16px;border-radius:100px}.btn-with-icon{background:var(--white-color);border-radius:30px;color:var(--main-color);cursor:pointer;justify-self:center;display:flex;gap:0;align-items:center}.btn-with-icon:hover,.btn-with-icon:focus{background:var(--light-grey-color)}.location-icon{display:inline-block;width:20px;aspect-ratio:1 / 1}.solar-time-badge{display:flex;align-items:center;gap:8px}.location-toggle-icon{display:inline-block;width:16px;aspect-ratio:1 / 1}.chart-info{grid-column:2 / -2}.icon-btn{justify-content:center;align-items:center;padding:11px}.inputs{grid-column:2 / -2;margin-top:1em;display:grid}.date-info-and-bazi-chart{margin-top:24px;display:flex;align-items:flex-start}.date-and-time-inputs{margin-left:2em;display:flex;flex-direction:column}.date-field,.time-field{position:relative;display:inline-block;margin:0;cursor:pointer}.date-field{justify-self:flex-start;padding:1.25em 1.75em .3em .2em}.week-day{position:absolute;top:0}.time-field{padding:0 3.125em 0 0}.date-input,.time-input{border:none;-webkit-appearance:none;-ms-appearance:none;-moz-appearance:none;appearance:none;background:none;padding:0}.date-togggle-icon{position:absolute;margin:.35em 0 0 .25em;width:16px;aspect-ratio:1 / 1}.time-togggle-icon{border:var(--grey-border);border-radius:20px;position:absolute;margin:.4em 0 0 .5em;width:28px;aspect-ratio:1 / 1}.account-card-container{position:absolute;inset:0;z-index:2}.back-and-forward-control{grid-column:2 / -2;margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:.5em}.arrow-btn{display:flex;justify-content:center;align-items:center;background:none;border-radius:100px;width:40px;height:40px;padding:0}.headerBtnsContainer{display:flex;justify-content:space-between;align-items:center}.btn-horizontal-container{display:flex;align-items:center;gap:12px}.mode-btn{gap:6px}.mode{font-size:14px;font-weight:500;user-select:none}.trading-mode-btn{background-color:#fefaf0;border:1px solid #FCEAC4}.trading-mode-btn:hover,.trading-mode-btn:focus{background-color:#fef5e1}.trading-info{grid-column:2 / -2;margin-top:1.5em}.footer{grid-column:2 / -2;padding:2em 0}.footer-text{font-size:12px;font-weight:500;color:#9196a1;text-align:center}