.navigation-bar{background:var(--tutti-body);box-sizing:border-box;z-index:100;width:100%;height:var(--dock-size-vh);padding:.3rem .3rem calc(.3rem + env(safe-area-inset-bottom));justify-content:center;align-items:center;gap:.3rem;display:flex;position:fixed;bottom:0;left:0;right:0}@supports (height:var(--dock-size-dvh)){.navigation-bar{height:var(--dock-size-dvh)}}@media screen and (max-width:768px){.navigation-bar{height:max(var(--dock-size-vh),60px);padding-bottom:calc(.5rem + env(safe-area-inset-bottom))}@supports (height:var(--dock-size-dvh)){.navigation-bar{height:max(var(--dock-size-dvh),60px)}}}.page-indicator{cursor:pointer;border-radius:10px;min-width:40px;min-height:40px;padding:.5rem;transition:all .3s}.page-indicator--active{background-color:#fff3;box-shadow:0 1px 1px #0003}.page-indicator--active .dock-button{color:var(--tutti-button);fill:var(--tutti-button)}.page-indicator--inactive .dock-button{color:var(--tutti-readonly);fill:var(--tutti-readonly)}.page-indicator--inactive:hover{background-color:#af01011a}.dock-button{font-size:var(--tutti-button-dock-font);transition:all .3s}.calculator-premium-container-icon{display:inline-block;position:relative}.crown-icon{fill:#ffff57;z-index:1;width:1.3rem;height:1.3rem;position:absolute;top:-.8rem;right:-.2rem;transform:rotate(15deg)}