.sorting-popover{background-color:#fff;border-radius:8px;overflow:hidden}.sorting-popover .p-popover-content{background-color:#fff;padding:4px}.sorting-popover li,.sorting-popover ul{background-color:#fff0}.sorting-popover__button{display:block;padding:12px}.sorting-popover__button svg{height:28px;width:28px}.header{align-items:center;background-color:#fff;container-type:inline-size;display:flex;min-height:72px;padding-bottom:12px;padding-top:12px;position:sticky;right:0;top:0;z-index:5}.header__profile-button{height:32px;margin-left:4px;width:32px}.header__profile-button svg{height:100%;width:100%}@media (max-width:580px){.header__profile-button{display:none}}.header__logo{color:#ff3d00}.header__logo>*{display:block}.header__logo-title{font-size:20px;font-weight:600}.header__logo-subtitle{font-size:14px;font-weight:500}.header .search{flex-grow:1}.header__search-view,.header__title-view{align-items:center;display:flex;gap:12px;justify-content:space-between;width:100%}.header__side-slot{align-items:center;display:flex;gap:8px}.header__side-slot--right{justify-content:flex-end}.header__back-button,.header__home-button,.header__notebooks-button,.header__profile-button,.header__qrcode-button,.header__search-button,.header__sorting-button{background-color:transparent;border:none;display:block;height:32px;padding:4px;width:32px}.header__back-button svg,.header__home-button svg,.header__notebooks-button svg,.header__profile-button svg,.header__qrcode-button svg,.header__search-button svg,.header__sorting-button svg{height:100%;width:100%}.header__notebooks-button{background-color:#eee;border-radius:50%}.header__home-button{height:34px;width:34px}.header__page-title{font-size:20px;text-align:center;word-break:normal}@media (min-width:581px){.header{border-radius:12px}.header__home-button{display:none}}@container (max-width: 480px){.header__page-title{font-size:18px}}.profile-popover{border-radius:12px;max-width:120px}.profile-popover__content{display:flex;flex-direction:column;gap:12px}.profile-popover__name{font-size:16px;font-weight:500;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.profile-popover .button{align-self:center;border-radius:8px;padding:10px 16px}.header-view-enter-from,.header-view-leave-to{opacity:0}.header-view-enter-active,.header-view-leave-active{transition:opacity .1s}.page-title-enter-from{opacity:0;transform:translate(20px)}.page-title-leave-to{opacity:0;transform:translate(-20px)}.page-title-enter-active,.page-title-leave-active{transition:opacity .1s,transform .1s}:root{--color-gray-rgb:170,170,170;--color-gray-black-rgb:29,27,27;--level-spacing:12px}.bottom-navbar{align-items:stretch;background-color:#fff;bottom:0;box-shadow:0 0 4px #1d1b1b33;display:flex;justify-content:space-evenly;left:0;position:fixed;right:0;z-index:20}.bottom-navbar__link{align-items:center;border-top:3px solid transparent;color:#a4a4a4;display:flex;flex-basis:10px;flex-direction:column;flex-grow:1;flex-shrink:0;font-size:14px;font-weight:500;gap:4px;justify-content:flex-start;min-height:92px;padding:4px;transition-duration:.15s;transition-property:color,background-color}.bottom-navbar__link--active{color:#1d1b1b}.bottom-navbar__link-icon{border-radius:50%;flex-shrink:0;height:32px;padding:4px;transition:background-color .15s;width:32px}.bottom-navbar__link-icon img{display:block;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:100%}@media (min-width:581px){.bottom-navbar{display:none}}@container (max-width: 230px){.bottom-navbar__link{font-size:14px}}