.tooltip__wrapper{position:relative;color:var(--scope-color-accent1,#3b1c1c)}
.tooltip__wrapper[data-tooltip-position=left],.tooltip__wrapper[data-tooltip-position=right]{display:inline-flex;align-items:center}
.tooltip__wrapper[data-trigger=on-hover]:hover .tooltip{visibility:visible;opacity:1}
.tooltip__wrapper .tooltip{--tooltip-margin:calc(var(--scope-layout-margin, 20px) / 2);--tooltip-background:var(--scope-color-accent2);--tooltip-color:var(--scope-color-accent2-text);--tooltip-shadow:0 2px 8px 0 rgba(135,135,135,50%);--tooltip-padding:17px;--tooltip-fontsize:14px;visibility:hidden;background-color:var(--tooltip-background);color:var(--tooltip-color);box-shadow:var(--tooltip-shadow);text-align:left;width:220px;padding:var(--tooltip-padding);margin-bottom:0;position:absolute;z-index:2;opacity:0;transition:opacity .3s}
.tooltip__wrapper .tooltip::after{content:"";position:absolute;border-width:5px;border-style:solid}
.tooltip__wrapper .tooltip--top{bottom:125%;left:50%;transform:translateX(-50%)}
.tooltip__wrapper .tooltip--top::after{top:100%;left:50%;margin-left:-5px;border-color:var(--tooltip-background) transparent transparent}
@media(min-width:0)and (max-width:640px){.tooltip__wrapper .tooltip--top{left:0;transform:none}
.tooltip__wrapper .tooltip--top::after{left:15%}
}
.tooltip__wrapper .tooltip--bottom{top:125%;left:50%;transform:translateX(-50%)}
.tooltip__wrapper .tooltip--bottom::after{bottom:100%;left:50%;margin-left:-5px;border-color:transparent transparent var(--tooltip-background)}
.tooltip__wrapper .tooltip--left{right:100%;transform:translateX(-5px)}
.tooltip__wrapper .tooltip--left::after{top:40%;left:100%;border-color:transparent transparent transparent var(--tooltip-background)}
.tooltip__wrapper .tooltip--right{left:100%;transform:translateX(5px)}
.tooltip__wrapper .tooltip--right::after{top:40%;right:100%;border-color:transparent var(--tooltip-background) transparent transparent}
.tooltip__wrapper .tooltip--leftLimit,.tooltip__wrapper .tooltip--rightLimit{bottom:125%;transform:none}
.tooltip__wrapper .tooltip--leftLimit::after,.tooltip__wrapper .tooltip--rightLimit::after{top:100%;transform:none;margin-left:-5px;border-color:var(--tooltip-background) transparent transparent}
.tooltip__wrapper .tooltip--leftLimit{left:0;right:inherit}
.tooltip__wrapper .tooltip--leftLimit::after{left:15%}
.tooltip__wrapper .tooltip--rightLimit{right:0;left:inherit}
.tooltip__wrapper .tooltip--rightLimit::after{right:15%}
.tooltip__wrapper .tooltip--visible{visibility:visible;opacity:1}
.tooltip__wrapper .tooltip *{font-size:var(--tooltip-fontsize);text-align:left}