.dock{align-items:center;display:flex;justify-content:center;position:fixed;z-index:var(--dock-zIndex,var(--dock-zIndex))}.dock--bottom{bottom:var(--dock-position-offset,var(--dock-position-offset));left:50%;transform:translate(-50%)}.dock--bottom,.dock--bottom .dock__container{flex-direction:row}.dock--bottom .dock__tooltip{bottom:100%;left:50%;margin-bottom:var(--dock-tooltip-offset,var(--dock-tooltip-offset));transform:translate(-50%)}.dock--bottom .dock__indicator{bottom:calc(var(--dock-indicator-gap, var(--dock-indicator-gap))*-1 - var(--dock-indicator-size, var(--dock-indicator-size)));left:50%;transform:translate(-50%)}.dock--top{left:50%;top:var(--dock-position-offset,var(--dock-position-offset));transform:translate(-50%)}.dock--top,.dock--top .dock__container{flex-direction:row}.dock--top .dock__tooltip{left:50%;margin-top:var(--dock-tooltip-offset,var(--dock-tooltip-offset));top:100%;transform:translate(-50%)}.dock--top .dock__indicator{left:50%;top:calc(var(--dock-indicator-gap, var(--dock-indicator-gap))*-1 - var(--dock-indicator-size, var(--dock-indicator-size)));transform:translate(-50%)}.dock--left{left:var(--dock-position-offset,var(--dock-position-offset));top:50%;transform:translateY(-50%)}.dock--left,.dock--left .dock__container{flex-direction:column}.dock--left .dock__tooltip{left:100%;margin-left:var(--dock-tooltip-offset,var(--dock-tooltip-offset));top:50%;transform:translateY(-50%)}.dock--left .dock__indicator{left:calc(var(--dock-indicator-gap, var(--dock-indicator-gap))*-1 - var(--dock-indicator-size, var(--dock-indicator-size)));top:50%;transform:translateY(-50%)}.dock--right{right:var(--dock-position-offset,var(--dock-position-offset));top:50%;transform:translateY(-50%)}.dock--right,.dock--right .dock__container{flex-direction:column}.dock--right .dock__tooltip{margin-right:var(--dock-tooltip-offset,var(--dock-tooltip-offset));right:100%;top:50%;transform:translateY(-50%)}.dock--right .dock__indicator{right:calc(var(--dock-indicator-gap, var(--dock-indicator-gap))*-1 - var(--dock-indicator-size, var(--dock-indicator-size)));top:50%;transform:translateY(-50%)}.dock__container{background-color:var(--dock-background,var(--dock-background));border:var(--dock-border-width,var(--dock-border-width)) solid var(--dock-border-color,var(--dock-border-color));border-radius:var(--dock-radius,var(--dock-radius));box-shadow:var(--dock-shadow,var(--dock-shadow));gap:var(--dock-gap,var(--dock-gap));padding:var(--dock-padding,var(--dock-padding))}.dock__container,.dock__item{align-items:center;display:flex}.dock__item{background-color:var(--dock-item-background-default,var(--dock-item-background-default));border-radius:var(--dock-item-radius,var(--dock-item-radius));cursor:pointer;height:var(--dock-item-size-default,var(--dock-item-size-default));justify-content:center;position:relative;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .15s ease;width:var(--dock-item-size-default,var(--dock-item-size-default))}.dock__item:hover,.dock__item[data-state~=hover]{background-color:var(--dock-item-background-hover,var(--dock-item-background-hover))}.dock__item--state-active{background-color:var(--dock-item-background-active,var(--dock-item-background-active))}.dock__item--state-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.dock__icon{align-items:center;color:var(--dock-item-icon-color-default,var(--dock-item-icon-color-default));display:flex;height:var(--dock-item-icon-size-default,var(--dock-item-icon-size-default));justify-content:center;transition:color .15s ease;width:var(--dock-item-icon-size-default,var(--dock-item-icon-size-default))}.dock__icon svg{height:100%;width:100%}.dock__item:hover .dock__icon,.dock__item[data-state~=hover] .dock__icon{color:var(--dock-item-icon-color-hover,var(--dock-item-icon-color-hover))}.dock__tooltip{background-color:var(--dock-tooltip-background,var(--dock-tooltip-background));border-radius:var(--dock-tooltip-radius,var(--dock-tooltip-radius));color:var(--dock-tooltip-text-color,var(--dock-tooltip-text-color));font-size:var(--dock-tooltip-text-fontSize,var(--dock-tooltip-text-fontSize));padding:var(--dock-tooltip-padding-y,var(--dock-tooltip-padding-y)) var(--dock-tooltip-padding-x,var(--dock-tooltip-padding-x));pointer-events:none;position:absolute;white-space:nowrap;z-index:1}.dock__indicator{background-color:var(--dock-indicator-color,var(--dock-indicator-color));border-radius:50%;height:var(--dock-indicator-size,var(--dock-indicator-size));position:absolute;width:var(--dock-indicator-size,var(--dock-indicator-size))}.dock-tooltip-down-enter-active,.dock-tooltip-down-leave-active,.dock-tooltip-left-enter-active,.dock-tooltip-left-leave-active,.dock-tooltip-right-enter-active,.dock-tooltip-right-leave-active,.dock-tooltip-up-enter-active,.dock-tooltip-up-leave-active{transition:opacity .15s ease,transform .15s ease}.dock-tooltip-up-enter-from,.dock-tooltip-up-leave-to{opacity:0;transform:translate(-50%) translateY(4px)}.dock-tooltip-down-enter-from,.dock-tooltip-down-leave-to{opacity:0;transform:translate(-50%) translateY(-4px)}.dock-tooltip-left-enter-from,.dock-tooltip-left-leave-to{opacity:0;transform:translateY(-50%) translate(-4px)}.dock-tooltip-right-enter-from,.dock-tooltip-right-leave-to{opacity:0;transform:translateY(-50%) translate(4px)}