.dock-component{display:none;flex-direction:column;transform:translateX(-50%);left:50%;position:fixed;z-index:96;bottom:2rem}@media(min-width:769px){.dock-component{display:flex}}.dock-component .content{background-color:var(--bg-nav);padding-left:1rem;padding-right:1rem;padding-bottom:.6rem;margin-left:auto;margin-right:auto;border-radius:1rem;display:flex;align-items:flex-end;height:4rem;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:var(--border-nav);box-shadow:var(--shadow-nav)}.dock-component .content>:not(:first-child){margin-left:1rem}.dock-component .content .section-link{position:relative}.dock-component .content .divider{height:2.5rem;width:2px;background-color:var(--border-color);margin-top:.625rem;border:none}.dock-component .content .section-active{border-color:var(--color-primary);color:var(--color-primary)}@media(min-width:769px){.float-component{display:none}}.float-component__menu{display:flex;position:fixed;bottom:1rem;right:calc(1rem + 1px);width:42px;height:42px;cursor:pointer;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.float-component__menu .icon{display:flex;width:14px;height:10px;position:relative;transform:scale(1.1)}.float-component__menu .icon span{position:absolute;content:"";background:var(--text-primary);width:15px;height:1.5px;border-radius:5px;transition:all .3s ease}.float-component__menu .icon span:nth-child(2){top:4px}.float-component__menu .icon span:nth-child(3){top:8px}.float-component__menu.active span:first-child{transform:rotate(140deg);top:4px}.float-component__menu.active span:nth-child(2){opacity:0}.float-component__menu.active span:nth-child(3){transform:rotate(-140deg);top:4px}.float-component .speed-dial{position:fixed;bottom:4.25rem;right:.5rem;z-index:96;flex-direction:column;display:flex;opacity:0;visibility:hidden;transform:translateY(10%);transition:transform .2s,opacity .2s,visibility .2s;background-color:var(--bg-nav);padding:.75rem .5rem;border-radius:1rem;border:var(--border-nav);box-shadow:var(--shadow-nav);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}@media screen and (max-height:472px){.float-component .speed-dial{top:1rem;overflow:auto}}.float-component .speed-dial>:not(:first-child){margin-top:.5rem}.float-component .speed-dial.active{opacity:1;visibility:visible;transform:translateY(0)}.float-component .speed-dial__item{position:relative}.float-component .speed-dial .section-active{border-color:var(--color-primary);color:var(--color-primary)}.float-component .speed-dial .divider{height:0;width:2.5rem;margin-top:.625rem;border:1px solid var(--border-color)}