@layer components{.v-tooltip{.tooltip{visibility:hidden;&.placement-top{&:after{top:100%;inset-inline-start:50%;margin-inline-start:-5px;border-color:currentColor transparent transparent transparent}}&.placement-bottom{&:after{bottom:100%;inset-inline-start:50%;margin-inline-start:-5px;border-color:transparent transparent currentColor transparent}}&.placement-right{&:after{top:50%;inset-inline-end:100%;margin-top:-5px;border-color:transparent currentColor transparent transparent}}&.placement-left{&:after{top:50%;inset-inline-start:100%;margin-top:-5px;border-color:transparent transparent transparent currentColor}}}&.disabledOnMobile .tooltip{display:none;@media(min-width:1024px){display:block}}&:hover:not(.disabledOnMobile){.tooltip{visibility:visible;&:after{content:"";position:absolute;border-width:5px;border-style:solid;color:#111827cc}&.dark{&:after{color:#ffffffe6}}}}&.disabledOnMobile:hover{.tooltip{visibility:hidden;@media(min-width:1024px){visibility:visible;&:after{content:"";position:absolute;border-width:5px;border-style:solid;color:#111827cc}&.dark{&:after{color:#ffffffe6}}}}}}}