.p-side--compact{pointer-events:none;width:7rem}.p-side--compact .p-side__button{flex-direction:row;height:7.4rem;justify-content:flex-start;left:0;padding-left:7rem;padding-right:1.6rem;pointer-events:auto;position:relative;transition:all .3s ease;width:19rem}.p-side--compact .p-side__button>.icon{aspect-ratio:1/1;height:auto;left:2.2rem;margin-bottom:0;position:absolute;top:50%;translate:0 -50%}.p-side--compact .p-side__button>.icon.-mail{aspect-ratio:23/19;width:2.3rem}.p-side--compact .p-side__button>.icon.-file{left:2.1rem;width:2.5rem}.p-side--compact .p-side__button>.icon.-range{aspect-ratio:24/19;height:1.9rem;width:2.4rem}.p-side--compact .p-side__button>.icon.-search2{left:2rem;width:3rem}.p-side--compact .p-side__button>.icon.-user{aspect-ratio:auto;height:2.4rem;width:2.5rem}.p-side--compact .p-side__button>.icon.-young-leaf{aspect-ratio:auto;height:2.4rem;margin-left:.3rem;width:1.8rem}.p-side--compact .p-side__button>.icon.-catalog{aspect-ratio:26/22;height:2.2rem;width:2.6rem}.p-side--compact .p-side__button>.icon.-monitor{aspect-ratio:26/19;height:1.9rem;width:2.6rem}.p-side--compact .p-side__button>.icon.-beginner{aspect-ratio:30/30;height:3rem;width:3rem}.p-side--compact .p-side__button>.icon.-gtr{aspect-ratio:24/16;width:2.4rem}.p-side--compact .p-side__button>.icon.-gear{aspect-ratio:1/1;width:2.4rem}.p-side--compact .p-side__button>.icon.-rc{aspect-ratio:1/1;width:2.3rem}.p-side--compact .p-side__button>.label{writing-mode:horizontal-tb}.p-side__button{align-items:center;display:flex;flex-direction:column;height:21rem;justify-content:center;transition:background-color .3s ease;width:7rem}.p-side__button.-primary{background-color:#190099}.p-side__button.-dark{background-color:#000}.p-side__button.-muted{background-color:#c2dcf2}.p-side__button.-muted>.label{color:#000}.p-side__button.-muted>.icon{fill:#000}.p-side__button.-secondary{background-color:#14a1e8}.p-side__button.-tertiary{background-color:#02a0a0}.p-side__button.-success{background-color:#2ca001}.p-side__button+.p-side__button{margin-top:.5rem}.p-side__button>.icon{height:1.6rem;margin-bottom:1rem;width:2rem;fill:#fff}.p-side__button>.icon.-file{height:2rem}.p-side__button>.icon.-user{height:2.4rem;width:2.5rem}.p-side__button>.label{color:#fff;font-weight:700;letter-spacing:.025em;line-height:1.2;writing-mode:vertical-rl}.p-side--white{background-color:#e6e6e6;box-shadow:0 0 10px #e6e6e6;display:flex;flex-direction:column;position:absolute;right:-104px;row-gap:2px;transition:all .3s ease;width:15.2rem}.p-side--white:has(.p-side--white__button:nth-child(3)){--col:3}.p-side--white:has(.p-side--white__button:nth-child(4)){--col:2}.p-side--white:has(.p-side--white__button:nth-child(5)){--col:3}.p-side--white__label{color:#000;font-size:1.4rem;font-weight:500;line-height:1.14}.p-side--white__button{align-items:center;background-color:#fff;-moz-column-gap:1.2rem;column-gap:1.2rem;display:flex;height:4.8rem;justify-content:flex-start;padding-inline:1.2rem;transition:all .3s ease;width:100%}.p-side--white__button>.icon{height:2.4rem;width:2.4rem}.p-side--white__button>.icon.-mail{fill:#db0004}.p-side--white__button>.icon.-file{fill:#17b940}.p-side--white__button>.icon.-range{fill:#0062ff}.p-side--white__button>.icon.-search2{fill:#f58618}.p-side--white__button>.icon.-catalog{fill:#00b3a4}.p-side--white__button>.icon.-gear,.p-side--white__button>.icon.-gtr,.p-side--white__button>.icon.-rc,.p-side--white__button>.icon.-repair{fill:#443088}.p-side--white.is-active{right:0}@media screen and (max-width:768px){.p-side{display:flex;gap:0 .1rem}.p-side--compact{width:100%}.p-side--compact .p-side__button{flex-direction:column;height:8rem;padding-inline:0;padding-bottom:1.2rem;padding-top:3.8rem;width:100%}.p-side--compact .p-side__button.-center{align-items:center;flex-direction:column;justify-content:center;padding-block:0}.p-side--compact .p-side__button.-center>.icon{margin-bottom:1rem;position:static;translate:0}.p-side--compact .p-side__button.-center>.label{flex:initial}.p-side--compact .p-side__button>.icon{left:50%!important;margin-right:0;translate:-50% 0}.p-side--compact .p-side__button>.icon.-mail{top:1.4rem;width:1.8rem}.p-side--compact .p-side__button>.icon.-file{top:1.2rem;width:2rem}.p-side--compact .p-side__button>.icon.-range{top:1.4rem;width:2rem}.p-side--compact .p-side__button>.icon.-search2{top:1rem;width:2.3rem}.p-side--compact .p-side__button>.icon.-young-leaf{margin-left:0}.p-side--compact .p-side__button>.icon.-beginner,.p-side--compact .p-side__button>.icon.-catalog,.p-side--compact .p-side__button>.icon.-monitor{width:2rem}.p-side--compact .p-side__button>.icon.-gear,.p-side--compact .p-side__button>.icon.-gtr{width:1.5984rem}.p-side--compact .p-side__button>.icon.-rc{width:1.5318rem}.p-side--compact .p-side__button>.label{align-items:center;display:flex;flex:1;font-size:1.2rem;line-height:1.33;text-align:center}.p-side__button{flex-direction:row;height:6rem;width:100%}.p-side__button+.p-side__button{margin-top:0}.p-side__button>.icon{height:1.5rem;margin-bottom:0;margin-right:.5rem;width:1.8rem}.p-side__button>.icon.-file{height:1.8rem}.p-side__button>.icon.-user{height:2rem;width:2.2rem}.p-side__button>.label{font-size:1.4rem;letter-spacing:0;line-height:1.14;writing-mode:initial}.p-side--col6{flex-wrap:wrap;gap:.2rem}.p-side--col6 .p-side__button{flex-direction:row;height:4.4rem;justify-content:center;padding-block:0;width:calc(33.33333% - .13333rem)}.p-side--col6 .p-side__button>.icon{margin-right:.6rem;position:static;translate:0}.p-side--col6 .p-side__button>.label{flex:initial;font-size:1rem;line-height:1.2;text-align:left}.p-side--white{display:grid;gap:.2rem;grid-template-columns:repeat(var(--col),1fr);position:relative;right:auto;width:100%}.p-side--white__label{font-size:1.1rem}.p-side--white__button{padding-inline:.6rem}}@media (hover:hover) and (pointer:fine){.p-side--compact .p-side__button:hover{left:-12rem;padding-left:5.4rem;translate:0}.p-side--compact .p-side__button:hover>.icon{left:1.9rem}.p-side--compact .p-side__button:hover>.icon.-file{left:1.7rem}.p-side--compact .p-side__button:hover>.icon.-catalog,.p-side--compact .p-side__button:hover>.icon.-monitor,.p-side--compact .p-side__button:hover>.icon.-search2{left:1.6rem}.p-side__button.-primary:hover{background-color:#20c}.p-side__button.-dark:hover{background-color:#333}.p-side__button.-muted:hover{background-color:#def0ff}.p-side--white__button:hover{background-color:#eee;-moz-column-gap:1.6rem;column-gap:1.6rem}}