.quick-action-nav{--bg-white:#fff;z-index:var(--z-index-popover);background-color:var(--bg-white);transition:opacity var(--transition-normal);align-items:stretch;display:none;position:fixed;top:50%;overflow:hidden;transform:translateY(-50%);box-shadow:7px 0 14px #0000001c}.quick-action-nav--right{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);flex-direction:row;right:0}.quick-action-nav--right .quick-action-nav__label-panel{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.quick-action-nav--left{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);flex-direction:row-reverse;left:0}.quick-action-nav--left .quick-action-nav__label-panel{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.quick-action-nav__label-panel{opacity:0;background-color:var(--bg-white);max-width:0;box-shadow:var(--shadow-default);transition:max-width var(--transition-normal),opacity var(--transition-normal);white-space:nowrap;flex-direction:column;align-self:stretch;display:flex;overflow:hidden}.quick-action-nav:hover .quick-action-nav__label-panel{opacity:1;min-width:13.75rem}.quick-action-nav__label-list{flex-direction:column;flex:1;display:flex}.quick-action-nav__label-item{width:100%;height:2.8rem;padding:0 var(--spacing-sm);box-sizing:border-box;transition:background-color var(--transition-fast);cursor:pointer;align-items:center;display:flex}.quick-action-nav__label-item--active{background-color:var(--link-primary)}.quick-action-nav__label-item--active .quick-action-nav__label-text{color:var(--color-text-inverse);font-weight:var(--font-weight-semibold)}.quick-action-nav__label-item--hovered:not(.quick-action-nav__label-item--active){background-color:var(--action-secondary-bg-hover)}.quick-action-nav__label-item--hovered:not(.quick-action-nav__label-item--active) .quick-action-nav__label-text{color:var(--link-primary-hover)}.quick-action-nav__label-text{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:var(--line-height-md);cursor:pointer}.quick-action-nav__list{box-shadow:var(--shadow-default);z-index:2;flex-direction:column;align-items:center;list-style:none;display:flex;position:relative}.quick-action-nav__item--active .quick-action-nav__button{color:var(--color-text-inverse);background-color:var(--link-primary)}.quick-action-nav__item--active .quick-action-nav__icon{color:var(--color-text-inverse)}.quick-action-nav__item--active:hover .quick-action-nav__button{color:var(--color-text-inverse);background-color:var(--link-primary)}.quick-action-nav__item:last-child .quick-action-nav__button:after{content:none}.quick-action-nav__button{width:2.8rem;height:2.8rem;padding:var(--spacing-sm);background-color:var(--action-secondary-bg);color:var(--link-primary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex;position:relative}.quick-action-nav__button:after{content:"";background-color:var(--link-primary);opacity:.1;width:100%;height:.125rem;position:absolute;bottom:0;left:0}.quick-action-nav__button:hover,.quick-action-nav__button--hovered{background-color:var(--action-secondary-bg-hover);color:var(--link-primary-hover)}.quick-action-nav__button:focus-visible{outline:.125rem solid var(--border-focus);outline-offset:.125rem}.quick-action-nav__button:active{background-color:var(--bg-primary-200)}.quick-action-nav__icon{justify-content:center;align-items:center;width:1.5rem;height:1.5rem;line-height:0;display:flex}.quick-action-nav__icon svg{width:100%;height:100%}@media (min-width:768px) and (max-width:1023px){.quick-action-nav{display:flex}}@media (min-width:1024px){.quick-action-nav{display:flex}}