/** Shopify CDN: Minification failed

Line 35:21 Expected identifier but found "{"
Line 35:22 Unexpected "{"
Line 35:32 Expected ":"
Line 50:15 Expected identifier but found "{"
Line 50:16 Unexpected "{"
Line 50:26 Expected ":"

**/
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:{{ settings.color_modal_overlays | default: "#000" }};
    background-color:var(--colorModalBg);
    animation:overlay-on 0.3s forwards;
    cursor:pointer;
  }

.tool-tip__inner{
  animation:modal-close 0.3s forwards;
  opacity:0
}

tool-tip[data-tool-tip-open=true] .tool-tip__inner{
    animation:modal-open 0.3s forwards;
    display:block;
    position:fixed;
    background:{{ settings.color_body_bg | default: "#fff" }};
    background:var(--colorBody);
    box-shadow:0 10px 20px rgba(0, 0, 0, 0.0902);
    padding:30px;
    max-width:720px;
    min-width:250px;
    min-height:250px
}

@media only screen and (max-width:768px){

tool-tip[data-tool-tip-open=true] .tool-tip__inner{
      width:100%;
      max-width:93%
}
    }

.tool-tip__content{
  overflow:auto;
  max-height:80vh
}

@media only screen and (max-width:768px){

.tool-tip__content{
    font-size:0.85em
}
  }

.tool-tip__close{
  position:absolute;
  top:0;
  right:0;
}

.tool-tip__close .icon{
  width:28px;
  height:28px;
}

.tool-tip-trigger{
  background:none;
  border:0;
  cursor:pointer;
}

.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;
}


tool-tip[data-tool-tip-open=true] .tool-tip__inner{
  padding:45px
}

@media only screen and (max-width:768px){

tool-tip[data-tool-tip-open=true] .tool-tip__inner{
    padding:45px 20px 20px
}
  }

.tool-tip__close{
  padding:10px;
}

.size-chart__standalone .tool-tip-trigger__title{
  letter-spacing:0.3em;
  font-size:0.8em;
}

.size-chart__standalone{
  margin:25px 0;
  margin:var(--sizeChartMargin)
}

.size-chart__standalone svg{
    margin-left:5px;
    margin-left:var(--sizeChartIconMargin);
  }