.base-dropdown{background:transparent;height:100%;position:relative}.base-dropdown,.base-dropdown>.content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.base-dropdown>.content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000014;min-width:100%;overflow:hidden;position:absolute;z-index:999}.base-dropdown>.activator{height:100%}.base-dropdown>.content-right{left:calc(100% + var(--base-dropdown-offset));right:auto}.base-dropdown>.content-left{left:auto;right:calc(100% + var(--base-dropdown-offset))}.base-dropdown>.content-center{left:calc(var(--base-dropdown-offset)*-1);right:auto}.base-dropdown>.content-top{bottom:calc(100% + 4px);top:auto}.base-dropdown>.content-bottom{bottom:auto;top:calc(100% + 4px)}.v-enter-active,.v-leave-active{transition:opacity var(--base-dropdown-duration)}.v-enter,.v-leave-to{opacity:0}