tool-tip{display:none}
tool-tip[data-tool-tip-open=true]{display:flex;justify-content:center;align-items:center;z-index:10001;position:fixed;top:0;left:0;width:100%;height:100%}
tool-tip[data-tool-tip-open=true]:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#e0e0e0;background-color:var(--colorModalBg);animation:overlay-on .3s forwards;cursor:pointer}
.tool-tip__inner{animation:modal-close .3s forwards;opacity:0}
tool-tip[data-tool-tip-open=true] .tool-tip__inner{animation:modal-open .3s forwards;display:block;position:fixed;background-color:#fff;box-shadow:0 10px 20px rgba(0,0,0,.0902);padding:30px;max-width:720px}
.tool-tip__content{overflow:auto;max-height:80vh}
.tool-tip__close{position:absolute;top:0;right:0}
.tool-tip__close .icon{width:28px;height:28px}
.tool-tip-trigger{cursor:pointer;background:0 0;border:0}
.tool-tip-trigger .icon{width:28px;height:28px}
.tool-tip-trigger__title{display:inline-block}
.tool-tip-trigger__title:focus,.tool-tip-trigger__title:hover{text-decoration:underline;text-underline-offset:2px}
.tool-tip-trigger__content{display:none!important}
[data-tool-tip=size-chart] .tool-tip__close{border:0;padding:6px;position:absolute;top:0;right:0;transform:translate(25%,-25%);z-index:2;color:var(--colorBtnPrimaryText);background:var(--colorBtnPrimary);border-radius:50%}
[data-tool-tip=size-chart] .tool-tip__inner{background:var(--colorBtnPrimaryHover)}
@media only screen and (max-width:768px){
tool-tip[data-tool-tip-open=true] .tool-tip__inner{width:100%;max-width:93%}
}