.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-family: "Open Sans", "Arial Unicode MS", Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.65;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 11px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 10px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 10px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 10px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 10px;
}
.tooltip-inner {
  max-width: 300px;
  padding: 3px 8px;
  color: #4b4b4b;
  text-align: center;
  background-color: #fffce7;
  border-radius: 0;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -10px;
  border-width: 10px 10px 0;
  border-top-color: #fffce7;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 10px;
  margin-bottom: -10px;
  border-width: 10px 10px 0;
  border-top-color: #fffce7;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 10px;
  margin-bottom: -10px;
  border-width: 10px 10px 0;
  border-top-color: #fffce7;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -10px;
  border-width: 10px 10px 10px 0;
  border-right-color: #fffce7;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -10px;
  border-width: 10px 0 10px 10px;
  border-left-color: #fffce7;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -10px;
  border-width: 0 10px 10px;
  border-bottom-color: #fffce7;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 10px;
  margin-top: -10px;
  border-width: 0 10px 10px;
  border-bottom-color: #fffce7;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 10px;
  margin-top: -10px;
  border-width: 0 10px 10px;
  border-bottom-color: #fffce7;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: local("JetBrains Mono"), url('/shop/static/font/JetBrainsMono-Light.ttf');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: local("Open Sans"), url('/shop/static/font/OpenSans-Regular-webfont.woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: local("Open Sans Italic"), url('/shop/static/font/OpenSans-Italic-webfont.woff');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: local("Open Sans Semibold"), url('/shop/static/font/OpenSans-Semibold-webfont.woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: local("Open Sans Semibold Italic"), url('/shop/static/font/OpenSans-SemiboldItalic-webfont.woff');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: local("Open Sans Bold"), url('/shop/static/font/OpenSans-Bold-webfont.woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: local("Open Sans Bold Italic"), url('/shop/static/font/OpenSans-BoldItalic-webfont.woff');
  font-weight: 600;
  font-style: italic;
}
.tooltip {
  visibility: visible;
  line-height: 1.4;
}
.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}
.tooltip-inner {
  text-align: left;
  text-decoration: none;
  border: 1px solid #ccc9be;
}
.tooltip-inner * {
  /* From CSS-Tricks */
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  white-space: normal;
}
.tooltip-arrow:before {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  content: " ";
  display: block;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #ccc9be;
}
.tooltip.top .tooltip-arrow:before {
  bottom: 1px;
  left: 50%;
  margin-left: -10px;
  border-width: 10px 10px 0;
  border-top-color: #fffce7;
}
.tooltip.top-left .tooltip-arrow {
  border-top-color: #ccc9be;
}
.tooltip.top-left .tooltip-arrow:before {
  bottom: 1px;
  right: -10px;
  border-width: 10px 10px 0;
  border-top-color: #fffce7;
}
.tooltip.top-right .tooltip-arrow {
  border-top-color: #ccc9be;
}
.tooltip.top-right .tooltip-arrow:before {
  bottom: 1px;
  left: -10px;
  border-width: 10px 10px 0;
  border-top-color: #fffce7;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #ccc9be;
}
.tooltip.right .tooltip-arrow:before {
  top: 50%;
  left: 1px;
  margin-top: -10px;
  border-width: 10px 10px 10px 0;
  border-right-color: #fffce7;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #ccc9be;
}
.tooltip.left .tooltip-arrow:before {
  top: 50%;
  right: 1px;
  margin-top: -10px;
  border-width: 10px 0 10px 10px;
  border-left-color: #fffce7;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #ccc9be;
}
.tooltip.bottom .tooltip-arrow:before {
  top: 1px;
  left: 50%;
  margin-left: -10px;
  border-width: 0 10px 10px;
  border-bottom-color: #fffce7;
}
.tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #ccc9be;
}
.tooltip.bottom-left .tooltip-arrow:before {
  top: 1px;
  right: -10px;
  border-width: 0 10px 10px;
  border-bottom-color: #fffce7;
}
.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #ccc9be;
}
.tooltip.bottom-right .tooltip-arrow:before {
  top: 1px;
  left: -10px;
  border-width: 0 10px 10px;
  border-bottom-color: #fffce7;
}