/*# sourceMappingURL=annotorious.min.css.map*/
/** Hides the outer shapes - for this style we only need one **/
svg.a9s-annotationlayer .a9s-selection .a9s-outer,
svg.a9s-annotationlayer .a9s-annotation .a9s-outer {
  display:none;
}

svg.a9s-annotationlayer .a9s-handle .a9s-handle-outer {
  display:none;
}

/** New style for the annotation outlines **/
svg.a9s-annotationlayer .a9s-selection .a9s-inner,
svg.a9s-annotationlayer .a9s-annotation .a9s-inner  {
  stroke-width: 2 !important;
  stroke: var(--bs-danger);
  stroke-dasharray:0;
}

/** Disable the hover effect from the default stylesheet **/
svg.a9s-annotationlayer .a9s-annotation.editable:hover .a9s-inner {
  fill:transparent;
}

/** Corner handles **/
svg.a9s-annotationlayer .a9s-handle .a9s-handle-inner {
  fill: var(--bs-light);
  stroke: var(--bs-light);
  ;
}

/** Enable the dim mask, black with 60% transparency **/
svg.a9s-annotationlayer .a9s-selection-mask {
  fill:rgba(0, 0, 0, 0.6);
}

.r6o-editor{
  width: auto;
  min-width: 150px;
  color: var(--bs-dark);
  margin-top: 0;
  margin-left: 0;
  transition: opacity .5s cubic-bezier(0.46, 0.03, 0.52, 0.96) .1s;
}


.r6o-editor.default{
  transform: translate(30%, -2px);
  transition: left .5s ease-in-out, opacity .5s ease-in-out .1s;
}
@media(max-width: 765px){
  .r6o-editor{
    width: 100%;
    transform: none !important;
    bottom: 0 !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
  }
  .r6o-editor.default{
    transform: translate(40px, -15px);
  }
}



.r6o-btn{
  border: 1px solid var(--bs-danger);
  background-color: var(--bs-danger);
  color: var(--bs-light);
}
.r6o-btn:hover{
  border: 1px solid var(--bs-danger);
  border-color: var(--bs-danger);
  background-color: var(--bs-light);
  color: var(--bs-danger);
}
.r6o-editor .r6o-footer{
  padding: 0;
  position: absolute;
  top: 2px;
  right: 2px;

}
.r6o-editor .r6o-footer .r6o-btn{
  position: relative;
  background: transparent;
  color: transparent;
  border: transparent;
  padding: 0;
  margin: 0;
}
.r6o-editor .r6o-footer .r6o-btn:after{
  content: "\00D7";
  position: absolute;
  right: 5px;
  top: -7px;
  color: var(--bs-dark);
  font-size: 26px;
  font-weight: 100;
  font-family: initial;
}
.a9s-annotation .a9s-outer, .a9s-selection .a9s-outer{
  stroke: transparent;
  stroke-width: 0;
}
.a9s-annotation .a9s-inner, .a9s-selection .a9s-inner{
  transition: all .5s ease-in-out;
  fill: transparent;
}
.a9s-annotation .a9s-inner:hover, .a9s-selection .a9s-inner:hover{
  stroke: var(--bs-danger);
}
.a9s-annotation:hover .a9s-inner{
  fill: rgba(255,10,0,.1) !important;
  stroke-width: 10px !important;
  stroke: var(--bs-danger) !important;
  stroke-dasharray: 0;
}
.a9s-annotation.selected .a9s-inner, .a9s-selection .a9s-inner{
  fill: rgba(255,10,0,.5) !important;
  stroke-width: 10px !important;
  stroke: var(--bs-danger) !important;
  stroke-dasharray: 0;
}
.r6o-editor .r6o-editor-inner{
  box-shadow: 0 0.125rem 5px 3px rgba(0, 0, 0, .08);
}
.r6o-editor[data-popper-placement="top"] .r6o-editor-inner,
.r6o-editor[data-popper-placement="top-start"] .r6o-editor-inner,
.r6o-editor[data-popper-placement="top-end"] .r6o-editor-inner {
  background-color: var(--bs-light);
  border-left: 2px solid var(--bs-light);
  border-right: 2px solid var(--bs-light);
  border-bottom: 2px solid var(--bs-light);
  border-top: 2px solid var(--bs-light);
}
.r6o-editor[data-popper-placement="right"] .r6o-editor-inner,
.r6o-editor[data-popper-placement="right-start"] .r6o-editor-inner,
.r6o-editor[data-popper-placement="right-end"] .r6o-editor-inner {
  background-color: var(--bs-light);
  border-left: 2px solid var(--bs-light);
  border-right: 2px solid var(--bs-light);
  border-bottom: 2px solid var(--bs-light);
  border-top: 2px solid var(--bs-light);
}
.r6o-editor[data-popper-placement="bottom"] .r6o-editor-inner,
.r6o-editor[data-popper-placement="bottom-start"] .r6o-editor-inner,
.r6o-editor[data-popper-placement="bottom-end"] .r6o-editor-inner {
  background-color: var(--bs-light);
  border-left: 2px solid var(--bs-light);
  border-right: 2px solid var(--bs-light);
  border-bottom: 2px solid var(--bs-light);
  border-top: 2px solid var(--bs-light);
}
.r6o-editor[data-popper-placement="left"] .r6o-editor-inner,
.r6o-editor[data-popper-placement="left-start"] .r6o-editor-inner,
.r6o-editor[data-popper-placement="left-end"] .r6o-editor-inner {
  background-color: var(--bs-light);
  border-left: 2px solid var(--bs-light);
  border-right: 2px solid var(--bs-light);
  border-bottom: 2px solid var(--bs-light);
  border-top: 2px solid var(--bs-light);
}

.r6o-widget.comment{
  background-color: transparent;
}
.r6o-readonly-comment{
  background-color: transparent;
}




.r6o-widget.comment .r6o-editable-text, .r6o-widget.comment .r6o-readonly-comment{
  font-size: .95rem;
  line-height: 1.4;
  font-family: Arial,system-ui,-apple-system,Roboto,"Helvetica Neue","Segoe UI","Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  padding: 10px 25px 10px 10px;
  font-weight: 200;
}

.r6o-editor .r6o-editor-inner .r6o-widget{
  border: none;
}


.a9s-annotation.selected .a9s-inner, .a9s-selection .a9s-inner{
  fill: rgba(255,255,255,.4) !important;
  stroke-width: 10px !important;
  stroke: var(--bs-danger) !important;
  stroke-dasharray: 0;
}

@media(max-width: 765px){
  .r6o-editor .r6o-arrow {
    left: -10%;
    animation-name: arrowMobil;
  }
  .r6o-arrow{
    display: none !important;
  }
}


.r6o-editor .r6o-arrow {
  position: absolute;
  overflow: hidden;
  top: 0;
  animation-name: arrow;
  animation-duration: .8s;
  left: -29%;
  width: 31%;
  height: 2px;
  opacity: 1;
}

.r6o-editor .r6o-arrow:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--bs-danger);
  transition: all .5s ease-in-out;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}

/* The animation code */
@keyframes arrow {
  from {
	width: 0;
	left: 100%;
	opacity: 0;
  }
  to {
	width: 100%;
	left: -29%;
	opacity: 1;
  }
}
/* The animation code */
@keyframes arrowMobil {
  from {
	width: 0;
	left: 100%;
	opacity: 0;
  }
  to {
	width: 100%;
	left: -10%;
	opacity: 1;
  }
}

.r6o-editor .r6o-arrow:not(.default) {
  all: unset;
}
.r6o-editor .r6o-arrow:not(.default) {
  background-color: var(--bs-danger);
}
.r6o-editor[data-popper-placement="top"] .r6o-arrow,
.r6o-editor[data-popper-placement="top-start"] .r6o-arrow,
.r6o-editor[data-popper-placement="top-end"] .r6o-arrow {
  height: 20px;
  width: 2px;
  top: 100%;
}
.r6o-editor[data-popper-placement="right"] .r6o-arrow {
  width: 20px;
  height: 2px;
  right: 100%;
}
.r6o-editor[data-popper-placement="right-start"] .r6o-arrow {
  width: calc(100% + 20px);
  height: 2px;
  left: -20px;
  transform: translate(0, 0) !important;
}
.r6o-editor[data-popper-placement="right-end"] .r6o-arrow {
  width: calc(100% + 20px);
  height: 2px;
  left: -20px;
  top: 100% !important;
  transform: translate(0, 0) !important;
}
.r6o-editor[data-popper-placement="bottom"] .r6o-arrow,
.r6o-editor[data-popper-placement="bottom-start"] .r6o-arrow,
.r6o-editor[data-popper-placement="bottom-end"] .r6o-arrow {
  height: 20px;
  width: 2px;
  bottom: 100%;
}
.r6o-editor[data-popper-placement="left"] .r6o-arrow{
  width: 20px;
  height: 2px;
  left: 100%;
}
.r6o-editor[data-popper-placement="left-start"] .r6o-arrow{
  width: calc(100% + 20px);
  height: 2px;
  left: 0;
  transform: translate(0, 0) !important;
}
.r6o-editor[data-popper-placement="left-end"] .r6o-arrow{
  width: calc(100% + 20px);
  height: 2px;
  left: 0;
  top: 100% !important;
  transform: translate(0, 0) !important;
}

.tx_productvariants_variants_btn.nav-link{
  color: #000;
}
.tx_productvariants_variants_btn.nav-link.active{
  color: #fff;
}
.tx_productvariants_products_nav.nav-link{
  color: #000;
}
.tx_productvariants_products_nav.nav-link.active{
  color: #fff;
}

.product-variant-image-big-slider, .image-annotorious-max-height{
  max-height: 500px;
}