.nav-bar{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:hsla(0,0%,100%,.94);-webkit-box-sizing:border-box;box-sizing:border-box;left:0;position:fixed;right:0;top:0;z-index:100}.nav-bar__inner{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;height:2.2rem;justify-content:center;padding:0 .8rem;position:relative}.nav-bar__back{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;left:.7rem;position:absolute;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;border-radius:50%;height:1.6rem;justify-content:center;width:1.6rem}.nav-bar__back:active{background:rgba(0,0,0,.05)}.nav-bar__back .iconfont{font-size:1rem}.nav-bar__title{font-size:.85rem;font-weight:700;left:3.2rem;line-height:1.2;overflow:hidden;pointer-events:none;position:absolute;right:3.2rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.nav-bar--has-right .nav-bar__title{right:calc(var(--nav-menu-right-reserve, .6rem) + var(--nav-right-content-width, 3.6rem) + .5rem)}.nav-bar--has-back .nav-bar__title{left:3.2rem}.nav-bar__right{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;right:var(--nav-menu-right-reserve,.6rem);-ms-flex-align:center;align-items:center;max-width:calc(100% - var(--nav-menu-right-reserve, .6rem) - 3.2rem)}.page-settings{background:-webkit-gradient(linear,left top,left bottom,from(rgba(237,250,248,.9)),color-stop(10.5rem,rgba(245,250,250,0))),var(--color-bg);background:-webkit-linear-gradient(top,rgba(237,250,248,.9) 0,rgba(245,250,250,0) 10.5rem),var(--color-bg);background:linear-gradient(180deg,rgba(237,250,248,.9) 0,rgba(245,250,250,0) 10.5rem),var(--color-bg);min-height:100vh}.page-settings__save{-webkit-align-items:center;background:var(--color-primary);border-radius:49.95rem;display:-webkit-flex;display:-ms-flexbox;display:flex;height:1.6rem;min-width:2.7rem;padding:0 .7rem;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;-webkit-box-sizing:border-box;box-sizing:border-box;justify-content:center}.page-settings__save-text{color:#fff;font-size:.65rem;white-space:nowrap}.page-settings__content{-webkit-box-sizing:border-box;box-sizing:border-box;padding:4.8rem .7rem 1.4rem}.page-settings__group{background:hsla(0,0%,100%,.96);border:.05rem solid rgba(0,139,139,.08);border-radius:.4rem;-webkit-box-shadow:0 .4rem 1.1rem rgba(26,46,46,.05);box-shadow:0 .4rem 1.1rem rgba(26,46,46,.05);margin-bottom:.6rem;overflow:hidden}.page-settings__item{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;border-bottom:.05rem solid var(--color-divider);-webkit-box-sizing:border-box;box-sizing:border-box;justify-content:space-between;min-height:2.9rem;padding:.7rem .8rem}.page-settings__item:last-child{border-bottom:0}.page-settings__item--column{-webkit-align-items:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}.page-settings__item--column .page-settings__label{margin-bottom:.5rem}.page-settings__item--avatar{min-height:4.1rem}.page-settings__item--hint{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;background:rgba(237,245,245,.62);min-height:0}.page-settings__label{color:var(--color-text-primary);-webkit-flex-shrink:0;font-size:.8rem;line-height:1.4;-ms-flex-negative:0;flex-shrink:0}.page-settings__label--danger{color:var(--color-danger)}.page-settings__desc{color:var(--color-text-secondary);display:block;font-size:.6rem;line-height:1.4;margin-top:.2rem}.page-settings__item-right{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.page-settings__avatar{background:var(--color-bg-secondary);border:.1rem solid rgba(0,139,139,.18);border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;height:2.9rem;width:2.9rem}.page-settings__avatar-button{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;background:transparent;border:0;border-radius:50%;height:2.9rem;justify-content:center;line-height:1;margin:0;overflow:hidden;padding:0;width:2.9rem}.page-settings__avatar-button::after{border:0}.page-settings__avatar-button--loading{opacity:.65}.page-settings__album-btn{-webkit-align-items:center;background:#fff;border:.05rem solid rgba(0,139,139,.14);border-radius:49.95rem;display:-webkit-flex;display:-ms-flexbox;display:flex;height:1.8rem;margin-left:.6rem;min-width:2.5rem;padding:0 .6rem;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;-webkit-box-sizing:border-box;box-sizing:border-box;justify-content:center}.page-settings__album-btn:active{opacity:.72}.page-settings__album-btn-text{color:var(--color-primary);font-size:.65rem;white-space:nowrap}.page-settings__arrow{color:var(--color-text-placeholder);font-size:.7rem;margin-left:.4rem;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.page-settings__input{color:var(--color-text-primary);-webkit-flex:1;-ms-flex:1;flex:1;font-size:.8rem;min-width:0;text-align:right}.page-settings__textarea{background:var(--color-bg-secondary);border-radius:.4rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-text-primary);font-size:.75rem;line-height:1.6;min-height:4.8rem;padding:.5rem .6rem;width:100%}.page-settings__hint-text{color:var(--color-text-secondary);font-size:.6rem;line-height:1.6}.page-settings__tag{-webkit-align-items:center;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;background:rgba(0,139,139,.08);border-radius:.2rem;margin-right:.2rem;padding:.1rem .4rem}.page-settings__tag-text{color:var(--color-primary);font-size:.55rem;white-space:nowrap}.page-settings__cancel{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;background:#fff;border:.05rem solid rgba(217,79,92,.14);border-radius:.4rem;-webkit-box-shadow:0 .4rem 1.1rem rgba(26,46,46,.04);box-shadow:0 .4rem 1.1rem rgba(26,46,46,.04);height:2.4rem;justify-content:center;margin-bottom:.6rem}.page-settings__cancel:active{opacity:.72}.page-settings__cancel-text{color:var(--color-danger);font-size:.75rem;font-weight:700}.page-settings__logout{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;background:#fff;border:.05rem solid rgba(217,79,92,.14);border-radius:.4rem;-webkit-box-shadow:0 .4rem 1.1rem rgba(26,46,46,.04);box-shadow:0 .4rem 1.1rem rgba(26,46,46,.04);height:2.4rem;justify-content:center}.page-settings__logout:active{opacity:.72}.page-settings__logout-text{color:var(--color-danger);font-size:.75rem;font-weight:700}