.base-tooltip{--base-tooltip-btn-size:var(--const-sizes-fixed-6);--base-tooltip-background-color:var(--const-background-color-default);--base-tooltip-border-radius:var(--const-size-border-radius-small);--base-tooltip-padding:var(--const-sizes-spacings-2);--base-tooltip-padding-right:calc(var(--base-tooltip-padding) + var(--base-tooltip-btn-size) + var(--const-sizes-spacings-1));--base-tooltip-max-width-s:295px;--base-tooltip-max-width-l:468px;--base-tooltip-shadow:0 2px 20px rgba(0,0,0,.1);--base-tooltip-pointer-height:var(--const-sizes-fixed-2);--base-tooltip-pointer-width:var(--const-sizes-fixed-2);--base-tooltip-btn-icon-color:var(--const-form-controls-color);--base-tooltip-btn-icon-color--hover:var(--const-icon-color-tertiary-hover);--tooltip-transform-x:0;--tooltip-transform-y:0;background:var(--base-tooltip-background-color);border-radius:var(--base-tooltip-border-radius);display:block;filter:drop-shadow(var(--base-tooltip-shadow));max-width:var(--base-tooltip-max-width-s);min-height:calc(var(--base-tooltip-btn-size) + var(--base-tooltip-padding)*2);padding:var(--base-tooltip-padding);padding-right:var(--base-tooltip-padding-right);position:absolute;transform:translate(0);transform:translate(var(--tooltip-transform-x),var(--tooltip-transform-y));will-change:filter}@supports not (filter:drop-shadow(var(--base-tooltip-shadow ))){.base-tooltip{box-shadow:var(--base-tooltip-shadow)}}.base-tooltip:before{border:calc(var(--base-tooltip-pointer-width)) solid transparent;box-sizing:border-box;content:"";position:absolute}.base-tooltip--pointer-top{--tooltip-transform-y:var(--base-tooltip-pointer-height)}.base-tooltip--pointer-top:before{border-bottom:solid var(--base-tooltip-background-color) var(--base-tooltip-pointer-height);border-top-width:0;top:calc(var(--base-tooltip-pointer-height)*-1 + 1px)}.base-tooltip--pointer-bottom{--tooltip-transform-y:calc(var(--base-tooltip-pointer-height)*-1)}.base-tooltip--pointer-bottom:before{border-bottom-width:0;border-top:solid var(--base-tooltip-background-color) var(--base-tooltip-pointer-height);bottom:calc(var(--base-tooltip-pointer-height)*-1 + 1px)}.base-tooltip--pointer-left{--tooltip-transform-x:calc((var(--base-tooltip-border-radius) + var(--base-tooltip-pointer-width) + var(--const-sizes-fixed-2))*-1)}.base-tooltip--pointer-left:before{left:calc(var(--base-tooltip-border-radius) + var(--const-sizes-fixed-2))}.base-tooltip--pointer-right{--tooltip-transform-x:calc(var(--base-tooltip-border-radius) + var(--base-tooltip-pointer-width) + var(--const-sizes-fixed-2))}.base-tooltip--pointer-right:before{right:calc(var(--base-tooltip-border-radius) + var(--const-sizes-fixed-2))}.base-tooltip--pointer-center{--tooltip-transform-x:0}.base-tooltip--pointer-center:before{left:50%;transform:translate(-50%)}.base-tooltip--pointer-arbitrary{--tooltip-transform-x:0}.base-tooltip--pointer-arbitrary:before{transform:translate(-50%)}.base-tooltip__close{background:transparent;border:none;bottom:auto;cursor:pointer;height:var(--base-tooltip-btn-size);left:auto;position:absolute;right:var(--base-tooltip-padding);top:var(--base-tooltip-padding);width:var(--base-tooltip-btn-size)}.base-tooltip__button-title{font-size:.5px;opacity:0;position:absolute}.base-tooltip__button-icon{background:var(--base-tooltip-btn-icon-color);height:50%;inset:0;position:absolute;transform:translate(50%,50%);transition:background .2s;width:50%}:hover>.base-tooltip__button-icon{background:var(--base-tooltip-btn-icon-color--hover)}@media screen and (min-width:1024px){.base-tooltip{max-width:var(--base-tooltip-max-width-l)}}