/* Temporary showroom chrome. Independent from the selected product skin. */
.skin-demo-control{
  --demo-stroke:5px;
  position:fixed !important;
  z-index:10000 !important;
  top:0 !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  width:250px !important;
  height:42px !important;
  min-width:0 !important;
  margin:0 !important;
  padding:5px 10px 7px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  background:#fff !important;
  color:#000 !important;
  border:0 !important;
  border-left:1px solid #000 !important;
  border-right:1px solid #000 !important;
  border-bottom:1px solid #000 !important;
  border-radius:0 0 12px 12px !important;
  box-shadow:none !important;
  font-family:Arial,Helvetica,sans-serif !important;
  letter-spacing:0 !important;
}
.skin-demo-control::before,
.skin-demo-control::after{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  width:100vw !important;
  height:var(--demo-stroke) !important;
  background:#000 !important;
}
.skin-demo-control::before{right:100% !important}
.skin-demo-control::after{left:100% !important}
.skin-demo-control>span{
  flex:0 0 auto !important;
  margin:0 !important;
  padding:0 !important;
  color:#000 !important;
  font:700 9px/1 Arial,Helvetica,sans-serif !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  opacity:1 !important;
}
.skin-demo-control #skin-selector{
  appearance:none !important;
  -webkit-appearance:none !important;
  flex:1 1 auto !important;
  width:auto !important;
  min-width:0 !important;
  height:27px !important;
  margin:0 !important;
  padding:0 26px 0 9px !important;
  border:1px solid #000 !important;
  border-radius:3px !important;
  outline:0 !important;
  background:
    linear-gradient(45deg,transparent 50%,#000 50%) calc(100% - 12px) 11px/4px 4px no-repeat,
    linear-gradient(135deg,#000 50%,transparent 50%) calc(100% - 8px) 11px/4px 4px no-repeat,
    #fff !important;
  color:#000 !important;
  box-shadow:none !important;
  font:600 11px/1 Arial,Helvetica,sans-serif !important;
  letter-spacing:0 !important;
}
.skin-demo-control #skin-selector:hover{background-color:#f3f3f3 !important}
.skin-demo-control #skin-selector:focus-visible{outline:2px solid #000 !important;outline-offset:1px !important}
@media(max-width:760px){
  .skin-demo-control{width:220px !important}
}