.rs-checkout .thankyou .next div:nth-child(2n),
.rs-checkout-coupon .thankyou .next div:nth-child(2n),
.rs-checkout-download .thankyou .next div:nth-child(2n) {
  margin-left: 10px;
}

.rs-checkout .thankyou .next .text,
.rs-checkout-coupon .thankyou .next .text,
.rs-checkout-download .thankyou .next .text {
  display: block;
  margin: 0 0 20px 0;
}

.rs-checkout .thankyou .next div,
.rs-checkout-coupon .thankyou .next div,
.rs-checkout-download .thankyou .next div {
  float: left;
  width: 312px;
  height: 280px;
}

.rs-checkout .thankyou .next div img,
.rs-checkout-coupon .thankyou .next div img,
.rs-checkout-download .thankyou .next div img {
  margin-bottom: 8px;
}

.rs-checkout .thankyou .way,
.rs-checkout-coupon .thankyou .way,
.rs-checkout-download .thankyou .way {
  overflow: hidden;
  height: 286px;
  width: 100%;
  border: 1px solid #dcdad5;
  margin: 30px 0 0 0;
}

.rs-checkout .thankyou .way .img,
.rs-checkout-coupon .thankyou .way .img,
.rs-checkout-download .thankyou .way .img {
  position: relative;
  width: 640px;
  height: 286px;
  overflow: hidden;
  float: left;
  border-right: 1px solid #dcdad5;
}

.rs-checkout .thankyou .way .img img,
.rs-checkout-coupon .thankyou .way .img img,
.rs-checkout-download .thankyou .way .img img {
  width: 640px;
  height: 286px;
}

.rs-checkout .thankyou .way .text,
.rs-checkout-coupon .thankyou .way .text,
.rs-checkout-download .thankyou .way .text {
  padding: 10px;
  float: right;
  width: 245px;
}

.rs-checkout .thankyou .way .text h3,
.rs-checkout-coupon .thankyou .way .text h3,
.rs-checkout-download .thankyou .way .text h3 {
  font-weight: normal;
  margin: 0 0 10px 0;
}

.rs-checkout .thankyou .way .text a.button,
.rs-checkout-coupon .thankyou .way .text a.button,
.rs-checkout-download .thankyou .way .text a.button {
  margin: 20px 0;
  width: 100%;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  padding: 8px 0;
}

.rs-checkout .thankyou .way .text .link1,
.rs-checkout-coupon .thankyou .way .text .link1,
.rs-checkout-download .thankyou .way .text .link1 {
  font-size: 11px;
  float: left;
  margin-left: 8px;
}

.rs-checkout .thankyou .way .text .link2,
.rs-checkout-coupon .thankyou .way .text .link2,
.rs-checkout-download .thankyou .way .text .link2 {
  font-size: 11px;
  float: right;
  margin-right: 8px;
}

.rs-checkout .thankyou .alsoInteresting,
.rs-checkout-coupon .thankyou .alsoInteresting,
.rs-checkout-download .thankyou .alsoInteresting {
  margin: 30px -20px 20px -20px;
  padding: 20px;
  background-color: #f8f6f3;
}

.rs-checkout .thankyou .alsoInteresting h3,
.rs-checkout-coupon .thankyou .alsoInteresting h3,
.rs-checkout-download .thankyou .alsoInteresting h3 {
  margin: 5px 0 15px 0;
}

.rs-checkout .thankyou .alsoInteresting .boxes,
.rs-checkout-coupon .thankyou .alsoInteresting .boxes,
.rs-checkout-download .thankyou .alsoInteresting .boxes {
  width: 100%;
}

.rs-checkout .thankyou .alsoInteresting .boxes .box,
.rs-checkout-coupon .thankyou .alsoInteresting .boxes .box,
.rs-checkout-download .thankyou .alsoInteresting .boxes .box {
  float: left;
  width: 290px;
  margin-left: 10px;
  border: 1px solid #dcdad5;
  overflow: hidden;
}

.rs-checkout .thankyou .alsoInteresting .boxes .box div,
.rs-checkout-coupon .thankyou .alsoInteresting .boxes .box div,
.rs-checkout-download .thankyou .alsoInteresting .boxes .box div,
.rs-checkout .thankyou .alsoInteresting .boxes .box h4,
.rs-checkout-coupon .thankyou .alsoInteresting .boxes .box h4,
.rs-checkout-download .thankyou .alsoInteresting .boxes .box h4 {
  cursor: pointer;
}

.rs-checkout .thankyou .alsoInteresting .boxes .box:hover,
.rs-checkout-coupon .thankyou .alsoInteresting .boxes .box:hover,
.rs-checkout-download .thankyou .alsoInteresting .boxes .box:hover {
  border: 1px solid #bbb7ae;
}

.rs-checkout .thankyou .alsoInteresting .boxes .box:hover h4,
.rs-checkout-coupon .thankyou .alsoInteresting .boxes .box:hover h4,
.rs-checkout-download .thankyou .alsoInteresting .boxes .box:hover h4 {
  color: #e77200;
}

.rs-checkout .thankyou .alsoInteresting .boxes .box img,
.rs-checkout-coupon .thankyou .alsoInteresting .boxes .box img,
.rs-checkout-download .thankyou .alsoInteresting .boxes .box img {
  width: 290px;
  height: 130px;
  border-bottom: 1px solid #dcdad5;
  cursor: pointer;
}

.rs-checkout .thankyou .alsoInteresting .boxes .box div,
.rs-checkout-coupon .thankyou .alsoInteresting .boxes .box div,
.rs-checkout-download .thankyou .alsoInteresting .boxes .box div {
  padding: 10px 10px 0 10px;
  min-height: 140px;
}

.rs-checkout .thankyou .alsoInteresting .boxes .box div h4,
.rs-checkout-coupon .thankyou .alsoInteresting .boxes .box div h4,
.rs-checkout-download .thankyou .alsoInteresting .boxes .box div h4 {
  margin: 5px 0;
}

.rs-checkout .thankyou .alsoInteresting .boxes .box div input[type=submit],
.rs-checkout-coupon .thankyou .alsoInteresting .boxes .box div input[type=submit],
.rs-checkout-download .thankyou .alsoInteresting .boxes .box div input[type=submit] {
  margin: 10px 0;
}

.rs-checkout .thankyou .alsoInteresting .boxes .box:nth-child(1),
.rs-checkout-coupon .thankyou .alsoInteresting .boxes .box:nth-child(1),
.rs-checkout-download .thankyou .alsoInteresting .boxes .box:nth-child(1) {
  margin-left: 0;
}

.rs-checkout .thankyou .likes,
.rs-checkout-coupon .thankyou .likes,
.rs-checkout-download .thankyou .likes {
  margin: 60px 0;
}

.rs-checkout .thankyou .likes .header .text,
.rs-checkout-coupon .thankyou .likes .header .text,
.rs-checkout-download .thankyou .likes .header .text {
  float: left;
}

.rs-checkout .thankyou .likes .header img,
.rs-checkout-coupon .thankyou .likes .header img,
.rs-checkout-download .thankyou .likes .header img {
  float: left;
  margin-right: 5px;
}

.rs-checkout .thankyou .likes .header h2,
.rs-checkout-coupon .thankyou .likes .header h2,
.rs-checkout-download .thankyou .likes .header h2 {
  zoom: 1;
}

.rs-checkout .thankyou .likes .header h2:before,
.rs-checkout-coupon .thankyou .likes .header h2:before,
.rs-checkout-download .thankyou .likes .header h2:before,
.rs-checkout .thankyou .likes .header h2:after,
.rs-checkout-coupon .thankyou .likes .header h2:after,
.rs-checkout-download .thankyou .likes .header h2:after {
  content: "";
  display: table;
}

.rs-checkout .thankyou .likes .header h2:after,
.rs-checkout-coupon .thankyou .likes .header h2:after,
.rs-checkout-download .thankyou .likes .header h2:after {
  clear: both;
}

.rs-checkout .thankyou .likes .text,
.rs-checkout-coupon .thankyou .likes .text,
.rs-checkout-download .thankyou .likes .text {
  float: left;
  width: 100%;
  max-width: 360px;
}

.rs-checkout .thankyou .likes .text h2,
.rs-checkout-coupon .thankyou .likes .text h2,
.rs-checkout-download .thankyou .likes .text h2 {
  margin: 0;
  font-weight: normal;
}

.rs-checkout .thankyou .likes .features,
.rs-checkout-coupon .thankyou .likes .features,
.rs-checkout-download .thankyou .likes .features {
  margin: 20px 0;
}

.rs-checkout .thankyou .likes .features .feature,
.rs-checkout-coupon .thankyou .likes .features .feature,
.rs-checkout-download .thankyou .likes .features .feature {
  min-height: 20px;
  margin-bottom: 5px;
}

.rs-checkout .thankyou .likes .features .feature img,
.rs-checkout-coupon .thankyou .likes .features .feature img,
.rs-checkout-download .thankyou .likes .features .feature img {
  float: left;
  margin-right: 5px;
}

.rs-checkout .thankyou .likes .features .feature .text,
.rs-checkout-coupon .thankyou .likes .features .feature .text,
.rs-checkout-download .thankyou .likes .features .feature .text {
  display: block;
  overflow: hidden;
}

.rs-checkout .thankyou .likes .become-a-fan,
.rs-checkout-coupon .thankyou .likes .become-a-fan,
.rs-checkout-download .thankyou .likes .become-a-fan {
  display: inline-block;
  width: 100%;
  margin-top: 5px;
  text-decoration: none;
}

.rs-checkout .thankyou .likes .become-a-fan h3,
.rs-checkout-coupon .thankyou .likes .become-a-fan h3,
.rs-checkout-download .thankyou .likes .become-a-fan h3 {
  display: block;
  width: 100%;
  max-width: 275px;
  float: left;
  margin: 0 25px 0 0;
  overflow: hidden;
}

.rs-checkout .thankyou .likes .become-a-fan img,
.rs-checkout-coupon .thankyou .likes .become-a-fan img,
.rs-checkout-download .thankyou .likes .become-a-fan img {
  float: left;
  margin-top: -10px;
}

.rs-checkout .thankyou .likes .plugin,
.rs-checkout-coupon .thankyou .likes .plugin,
.rs-checkout-download .thankyou .likes .plugin {
  width: 270px;
  float: right;
}

.rs-checkout .couponThankyou h1,
.rs-checkout-coupon .couponThankyou h1,
.rs-checkout-download .couponThankyou h1 {
  font-size: 24px;
  margin-bottom: 10px;
  line-height: 32px;
}

.rs-checkout .couponThankyou h2,
.rs-checkout-coupon .couponThankyou h2,
.rs-checkout-download .couponThankyou h2 {
  font-weight: normal;
}

.rs-checkout .couponThankyou h3,
.rs-checkout-coupon .couponThankyou h3,
.rs-checkout-download .couponThankyou h3 {
  font-weight: normal;
  margin-bottom: 10px;
}

.rs-checkout .couponThankyou .header,
.rs-checkout-coupon .couponThankyou .header,
.rs-checkout-download .couponThankyou .header {
  width: 100%;
  margin-bottom: 20px;
}

.rs-checkout .couponThankyou .header>div,
.rs-checkout-coupon .couponThankyou .header>div,
.rs-checkout-download .couponThankyou .header>div {
  float: left;
  width: 300px;
}

.rs-checkout .couponThankyou .header img,
.rs-checkout-coupon .couponThankyou .header img,
.rs-checkout-download .couponThankyou .header img {
  float: right;
  width: 300px;
  margin-top: 25px;
  border-radius: 5px;
}

.rs-checkout .couponThankyou .timepressure .entry,
.rs-checkout-coupon .couponThankyou .timepressure .entry,
.rs-checkout-download .couponThankyou .timepressure .entry {
  margin: 0 0 30px;
}

.rs-checkout .couponThankyou .timepressure .entry .img,
.rs-checkout-coupon .couponThankyou .timepressure .entry .img,
.rs-checkout-download .couponThankyou .timepressure .entry .img {
  margin-right: 20px;
  width: 100px;
  height: 100px;
  float: left;
}

.rs-checkout .couponThankyou .timepressure .entry .img img,
.rs-checkout-coupon .couponThankyou .timepressure .entry .img img,
.rs-checkout-download .couponThankyou .timepressure .entry .img img {
  display: block;
  margin: 0 auto;
}

.rs-checkout .couponThankyou .timepressure .entry .text,
.rs-checkout-coupon .couponThankyou .timepressure .entry .text,
.rs-checkout-download .couponThankyou .timepressure .entry .text {
  width: 510px;
  float: right;
}

.rs-checkout .couponThankyou .timepressure .entry .text p,
.rs-checkout-coupon .couponThankyou .timepressure .entry .text p,
.rs-checkout-download .couponThankyou .timepressure .entry .text p {
  margin: 0 0 15px 0;
}

.rs-checkout .couponThankyou .timepressure .entry .text button,
.rs-checkout-coupon .couponThankyou .timepressure .entry .text button,
.rs-checkout-download .couponThankyou .timepressure .entry .text button,
.rs-checkout .couponThankyou .timepressure .entry .text input,
.rs-checkout-coupon .couponThankyou .timepressure .entry .text input,
.rs-checkout-download .couponThankyou .timepressure .entry .text input {
  height: 30px;
  vertical-align: middle;
}

.rs-checkout .couponThankyou .timepressure .entry .text a,
.rs-checkout-coupon .couponThankyou .timepressure .entry .text a,
.rs-checkout-download .couponThankyou .timepressure .entry .text a {
  text-decoration: none;
}

.rs-checkout .couponThankyou .timepressure .entry .text a:hover,
.rs-checkout-coupon .couponThankyou .timepressure .entry .text a:hover,
.rs-checkout-download .couponThankyou .timepressure .entry .text a:hover {
  color: #000;
}

.rs-checkout .couponThankyou .timepressure .success,
.rs-checkout-coupon .couponThankyou .timepressure .success,
.rs-checkout-download .couponThankyou .timepressure .success {
  display: none;
  color: #00ba1f;
}

.rs-checkout .couponThankyou .afterActivate,
.rs-checkout-coupon .couponThankyou .afterActivate,
.rs-checkout-download .couponThankyou .afterActivate {
  margin-bottom: 30px;
}

.rs-checkout .couponThankyou .afterActivate .icon,
.rs-checkout-coupon .couponThankyou .afterActivate .icon,
.rs-checkout-download .couponThankyou .afterActivate .icon {
  width: 100%;
  margin-bottom: 15px;
}

.rs-checkout .couponThankyou .afterActivate .icon div,
.rs-checkout-coupon .couponThankyou .afterActivate .icon div,
.rs-checkout-download .couponThankyou .afterActivate .icon div {
  width: 26px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 20px;
}

.rs-checkout .couponThankyou .afterActivate .icon div i,
.rs-checkout-coupon .couponThankyou .afterActivate .icon div i,
.rs-checkout-download .couponThankyou .afterActivate .icon div i {
  display: block;
  margin: 0 auto;
}

.rs-checkout .couponThankyou .afterActivate .remark,
.rs-checkout-coupon .couponThankyou .afterActivate .remark,
.rs-checkout-download .couponThankyou .afterActivate .remark {
  background-color: #f6f4f0;
  padding: 3px;
  font-size: 11px;
  margin: 8px 0;
}

.rs-checkout .couponThankyou .more,
.rs-checkout-coupon .couponThankyou .more,
.rs-checkout-download .couponThankyou .more {
  margin-bottom: 35px;
  border-radius: 3px;
  border: 1px solid #ccc;
  padding: 10px;
  width: 100%;
  height: 112px;
}

.rs-checkout .couponThankyou .more .img,
.rs-checkout-coupon .couponThankyou .more .img,
.rs-checkout-download .couponThankyou .more .img {
  float: left;
  width: 150px;
  height: 90px;
  position: relative;
}

.rs-checkout .couponThankyou .more .img img,
.rs-checkout-coupon .couponThankyou .more .img img,
.rs-checkout-download .couponThankyou .more .img img {
  border-radius: 3px;
}

.rs-checkout .couponThankyou .more .img span,
.rs-checkout-coupon .couponThankyou .more .img span,
.rs-checkout-download .couponThankyou .more .img span {
  bottom: 0;
  right: 0;
  position: absolute;
  font-size: 17px;
  font-weight: bold;
  color: #fff;
  margin-right: 6px;
  margin-bottom: 6px;
}

.rs-checkout .couponThankyou .more .txt1,
.rs-checkout-coupon .couponThankyou .more .txt1,
.rs-checkout-download .couponThankyou .more .txt1 {
  margin-left: 20px;
  float: left;
  width: 200px;
}

.rs-checkout .couponThankyou .more .txt1 label,
.rs-checkout-coupon .couponThankyou .more .txt1 label,
.rs-checkout-download .couponThankyou .more .txt1 label {
  display: block;
  margin-bottom: 10px;
  cursor: pointer;
}

.rs-checkout .couponThankyou .more .txt1 label input,
.rs-checkout-coupon .couponThankyou .more .txt1 label input,
.rs-checkout-download .couponThankyou .more .txt1 label input {
  display: inline-block;
  vertical-align: middle;
}

.rs-checkout .couponThankyou .more .txt1 label .tr-custom-input-radio,
.rs-checkout-coupon .couponThankyou .more .txt1 label .tr-custom-input-radio,
.rs-checkout-download .couponThankyou .more .txt1 label .tr-custom-input-radio {
  margin-right: 5px;
}

.rs-checkout .couponThankyou .more .txt1 label .tr-custom-input-radio,
.rs-checkout-coupon .couponThankyou .more .txt1 label .tr-custom-input-radio,
.rs-checkout-download .couponThankyou .more .txt1 label .tr-custom-input-radio,
.rs-checkout .couponThankyou .more .txt1 label span,
.rs-checkout-coupon .couponThankyou .more .txt1 label span,
.rs-checkout-download .couponThankyou .more .txt1 label span {
  display: inline-block;
  vertical-align: middle;
}

.rs-checkout .couponThankyou .more .txt2,
.rs-checkout-coupon .couponThankyou .more .txt2,
.rs-checkout-download .couponThankyou .more .txt2 {
  width: 210px;
  float: left;
  margin-left: 20px;
}

.rs-checkout .couponThankyou .more .txt2 label,
.rs-checkout-coupon .couponThankyou .more .txt2 label,
.rs-checkout-download .couponThankyou .more .txt2 label {
  cursor: pointer;
}

.rs-checkout .couponThankyou .more .txt2 label span,
.rs-checkout-coupon .couponThankyou .more .txt2 label span,
.rs-checkout-download .couponThankyou .more .txt2 label span {
  vertical-align: middle;
}

.rs-checkout .couponThankyou .more .txt2 label input,
.rs-checkout-coupon .couponThankyou .more .txt2 label input,
.rs-checkout-download .couponThankyou .more .txt2 label input {
  vertical-align: middle;
  margin-left: 10px;
  height: 30px;
  width: 65px;
  text-align: center;
  font-size: 18px;
  text-indent: 0;
}

.rs-checkout .couponThankyou .more .txt2 .eur,
.rs-checkout-coupon .couponThankyou .more .txt2 .eur,
.rs-checkout-download .couponThankyou .more .txt2 .eur {
  margin-left: 4px;
  font-size: 22px;
}

.rs-checkout .couponThankyou .more .txt2 .button,
.rs-checkout-coupon .couponThankyou .more .txt2 .button,
.rs-checkout-download .couponThankyou .more .txt2 .button {
  margin: 10px 0 0 0;
  width: 100%;
  height: 30px;
}

.rs-checkout .downloadThankyou .header,
.rs-checkout-coupon .downloadThankyou .header,
.rs-checkout-download .downloadThankyou .header {
  width: 100%;
  margin-bottom: 20px;
}

.rs-checkout .downloadThankyou .header>div,
.rs-checkout-coupon .downloadThankyou .header>div,
.rs-checkout-download .downloadThankyou .header>div {
  float: left;
  width: 400px;
}

.rs-checkout .downloadThankyou .header img,
.rs-checkout-coupon .downloadThankyou .header img,
.rs-checkout-download .downloadThankyou .header img {
  float: right;
  width: 200px;
}

.rs-checkout .print,
.rs-checkout-coupon .print,
.rs-checkout-download .print {
  font-family: sans-serif;
  width: 600px;
}

.rs-checkout .print .address,
.rs-checkout-coupon .print .address,
.rs-checkout-download .print .address {
  width: 100%;
  margin-bottom: 10px;
}

.rs-checkout .print .address .billing,
.rs-checkout-coupon .print .address .billing,
.rs-checkout-download .print .address .billing {
  width: 280px;
  float: left;
}

.rs-checkout .print .address .delivery,
.rs-checkout-coupon .print .address .delivery,
.rs-checkout-download .print .address .delivery {
  width: 280px;
  float: right;
}

.rs-checkout .print .contact,
.rs-checkout-coupon .print .contact,
.rs-checkout-download .print .contact {
  margin: 50px 0;
}

.rs-checkout .print .basket,
.rs-checkout-coupon .print .basket,
.rs-checkout-download .print .basket {
  margin-bottom: 30px;
}

.rs-checkout .print .basket table,
.rs-checkout-coupon .print .basket table,
.rs-checkout-download .print .basket table {
  width: 100%;
  border-collapse: collapse;
}

.rs-checkout .print .basket table td,
.rs-checkout-coupon .print .basket table td,
.rs-checkout-download .print .basket table td {
  padding: 6px;
}

.rs-checkout .print .basket table td table,
.rs-checkout-coupon .print .basket table td table,
.rs-checkout-download .print .basket table td table {
  margin: 10px 0 5px 0;
}

.rs-checkout .print .basket table td td,
.rs-checkout-coupon .print .basket table td td,
.rs-checkout-download .print .basket table td td {
  padding: 2px 2px 2px 10px;
  font-size: 12px;
}

.rs-checkout .print .basket .price,
.rs-checkout-coupon .print .basket .price,
.rs-checkout-download .print .basket .price {
  text-align: right;
  width: 100px;
}

.rs-checkout .print .additional,
.rs-checkout-coupon .print .additional,
.rs-checkout-download .print .additional {
  margin-bottom: 30px;
}

.rs-checkout .print .footer,
.rs-checkout-coupon .print .footer,
.rs-checkout-download .print .footer {
  text-align: center;
}

.rs-checkout .print .footer img,
.rs-checkout-coupon .print .footer img,
.rs-checkout-download .print .footer img {
  margin-bottom: 5px;
}

.rs-checkout .comment,
.rs-checkout-coupon .comment,
.rs-checkout-download .comment {
  width: 100%;
  border: 1px solid #c7c6c7;
  color: #929292;
  padding: 10px;
  text-align: center;
  margin: 60px -3px 60px -3px;
}

.rs-checkout .comment a,
.rs-checkout-coupon .comment a,
.rs-checkout-download .comment a {
  color: #929292;
}

.rs-checkout .comment a:hover,
.rs-checkout-coupon .comment a:hover,
.rs-checkout-download .comment a:hover,
.rs-checkout .comment a.hover,
.rs-checkout-coupon .comment a.hover,
.rs-checkout-download .comment a.hover {
  color: #01a3d4;
}

.rs-checkout .comment a:active,
.rs-checkout-coupon .comment a:active,
.rs-checkout-download .comment a:active,
.rs-checkout .comment a .active,
.rs-checkout-coupon .comment a .active,
.rs-checkout-download .comment a .active {
  color: #017da1;
}

.rs-checkout .comment a:focus,
.rs-checkout-coupon .comment a:focus,
.rs-checkout-download .comment a:focus,
.rs-checkout .comment a .focus,
.rs-checkout-coupon .comment a .focus,
.rs-checkout-download .comment a .focus {
  color: #017da1;
}

.rs-checkout-additionals #externalButtons #apaButton *:not(.amazonpay-custom-icon):not(use):not(path):not(.inner-wrapper) {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
}

.rs-checkout-sidebar-return-badges .badge {
  display: inline-block;
  vertical-align: top;
  width: 39%;
  margin: 10px 5% 0;
  text-align: center;
}

.rs-checkout-sidebar-return-badges .badge a {
  text-decoration: none;
}

.rs-checkout-sidebar-return-badges .badge img {
  text-align: center;
  display: block;
  margin: 0 auto 10px;
  width: 100%;
  max-width: 100px;
  height: auto;
}

.rs-checkout-sidebar-security-badge .badge img {
  display: block;
  margin: 0 auto 10px;
  width: 40%;
  max-width: 120px;
  height: auto;
}

.rs-checkout-sidebar-security-badge .rs-text {
  text-align: center;
}

#checkout-apa #headlineWrapper {
  position: relative;
}

#checkout-apa #headlineWrapper h1 {
  margin-right: 230px;
  margin-bottom: 0;
}

#checkout-apa #headlineWrapper img {
  right: 0;
  position: absolute;
  top: 40%;
  -webkit-transform: translateY(-22%);
  transform: translateY(-22%);
}

#checkout-apa>p {
  margin-bottom: 20px;
}

#checkout-apa .rs-infobox.error {
  display: none;
}

#checkout-apa #cloak {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  opacity: .9;
  background: #fff url(/static/nc/img/apaWaiting.gif?m=1614861764) no-repeat 50% 50%;
}

#checkout-apa #apaAddressSection,
#checkout-apa #apaWalletSection {
  height: 228px;
}

#checkout-apa #addSection,
#checkout-apa #addSection-cloak,
#checkout-apa #addSection-cart,
#checkout-apa #addSection-options,
#checkout-apa #confirmSection,
#checkout-apa #preferredShippingDateError {
  display: none;
}

#checkout-apa #addSection-options {
  margin: 0 auto;
  width: 80%;
  min-width: 410px;
}

#checkout-apa #addSection-options h2 {
  margin: 30px 0 10px 0;
}

#checkout-apa #addSection-options h2:nth-of-type(2) {
  margin-top: 60px;
}

#checkout-apa #addSection-options p {
  margin-top: 0;
}

@media screen and (min-width: 1280px) {
  #checkout-apa #addSection-options {
    width: 60%;
  }
}

#checkout-apa #addSection-options .remark {
  display: none;
  font-size: 13px;
}

#checkout-apa #addSection-options .remark.error {
  margin-bottom: 10px;
  color: #f00;
  background-color: #fff;
}

#checkout-apa #addSection-cloak {
  display: none;
  background: #fff url(/static/nc/img/apaWaiting.gif?m=1614861764) no-repeat 50% 50%;
  height: 228px;
}

#checkout-apa #apaAddressSection,
#checkout-apa #apaWalletSection,
#checkout-apa #addSection {
  margin-top: 20px;
}

#checkout-apa #confirmSection {
  text-align: center;
  padding-top: 15px;
  margin-top: 45px;
  margin-bottom: 60px;
}

#checkout-apa #confirmSection button {
  text-align: center;
  font-size: 30px !important;
  height: 80px;
  width: 410px;
  line-height: 80px;
}

#checkout-apa #confirmSection a {
  margin-top: 13px;
  display: block;
}

#checkout-apa .apaPreferredShipingArea {
  text-align: center;
}

#checkout-apa .apaPreferredShipingArea .twf-datepicker {
  display: inline-block;
  width: 140px;
}

.rs-checkout-coupon .header {
  width: 100%;
  margin-bottom: 30px;
}

.rs-checkout-coupon .header h1 {
  float: none;
  margin: .67em 0;
}

.rs-checkout-coupon .header .loggedIn {
  margin: 0;
  float: left;
}

.rs-checkout-coupon .grid-container>.grid-section>.grid-row.halfs .grid-column.coupon-left {
  float: left;
  margin-left: 0;
}

.rs-checkout-coupon .grid-container>.grid-section>.grid-row.halfs .grid-column.coupon-right {
  float: right;
  margin-left: 10px;
}

@media screen and (min-width: 1280px) {
  .rs-checkout-coupon .panel.coupon {
    min-height: 390px;
  }
}

.rs-checkout-coupon .panel.coupon .rs-text {
  margin-bottom: 10px;
}

.rs-checkout-coupon .panel.coupon .panel-body {
  position: relative;
}

.rs-checkout-coupon .panel.coupon .panel-body .coupon-amount {
  display: block;
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 32px;
  font-weight: 600;
  color: #fff;
  padding: 0 10px 0 10px;
  background-color: rgba(0,0,0,0.6);
  border-radius: 6px 0 6px 0;
  line-height: initial;
}

.rs-checkout-coupon .form-container .grid-column .panel .panel-body,
.rs-checkout-coupon .panel .panel-body,
.rs-checkout-coupon .panel .footer>.inner-container,
.rs-checkout-coupon .block>.inner-container {
  padding: 10px;
  max-width: 430px;
  margin: auto;
}

.rs-checkout-coupon .form-container .grid-column .panel .panel-body strong,
.rs-checkout-coupon .panel .panel-body strong,
.rs-checkout-coupon .panel .footer>.inner-container strong,
.rs-checkout-coupon .block>.inner-container strong {
  white-space: nowrap;
}

@media screen and (min-width: 1280px) {
  .rs-checkout-coupon .form-container .grid-column .panel .panel-body,
  .rs-checkout-coupon .panel .panel-body,
  .rs-checkout-coupon .panel .footer>.inner-container,
  .rs-checkout-coupon .block>.inner-container {
    padding-top: 25px;
  }
}

.rs-checkout-coupon .block>.inner-container {
  padding: 0 10px 6px;
}

.rs-checkout-coupon .guest-toggle {
  display: none;
}

.rs-checkout-coupon h2.guest-toggle {
  margin-bottom: 0;
}

.rs-checkout-coupon form#checkoutForm>.cloak.hide {
  display: none;
}

.rs-checkout-coupon form#checkoutForm button[type="submit"].coupon-hidden {
  display: none;
}

.rs-checkout-coupon form#checkoutForm.guest-toggle {
  padding-right: 0;
}

.rs-checkout-coupon form#checkoutForm hr {
  display: none;
}

.rs-checkout-coupon #externalButtons .options-wrapper .quick-option.coupon {
  display: block;
  width: 100%;
  margin-right: 0;
  margin-bottom: 10px;
}

@media screen and (max-width: 941px) {
  .rs-checkout-coupon #externalButtons .options-wrapper .quick-option.coupon {
    border: 1px solid #dddddd;
    padding: 18px 10px;
    margin-right: 10px;
    width: calc(50% - 5px);
    display: flex;
    cursor: pointer;
  }

  .rs-checkout-coupon #externalButtons .options-wrapper .quick-option.coupon>a {
    width: 100%;
    display: flex;
    align-items: center;
  }

  .rs-checkout-coupon #externalButtons .options-wrapper .quick-option.coupon:nth-child(3),
  .rs-checkout-coupon #externalButtons .options-wrapper .quick-option.coupon:last-of-type {
    margin-bottom: 0;
  }

  .rs-checkout-coupon #externalButtons .options-wrapper .quick-option.coupon:nth-child(2),
  .rs-checkout-coupon #externalButtons .options-wrapper .quick-option.coupon:last-of-type {
    margin-right: 0;
  }

  .rs-checkout-coupon #externalButtons .options-wrapper .quick-option.coupon .desc {
    padding-left: 0;
    display: block;
    -ms-flex: 1 1 auto;
  }
}

@media screen and (max-width: 769px) {
  .rs-checkout-coupon #externalButtons .options-wrapper .quick-option.coupon {
    flex-direction: column;
  }

  .rs-checkout-coupon #externalButtons .options-wrapper .quick-option.coupon>a {
    flex-direction: column;
  }
}

.rs-checkout-coupon #externalButtons .options-wrapper .quick-option.coupon.active {
  background-color: #f4f4f4;
}

.rs-checkout-coupon #externalButtons .options-wrapper .quick-option.coupon.active .visual svg {
  fill: #c7c6c7;
}

@media screen and (max-width: 769px) {
  .rs-checkout-coupon #externalButtons .options-wrapper .quick-option.coupon .visual {
    padding-bottom: 10px;
  }
}

@media screen and (max-width:910px) {
  .rs-checkout-coupon #externalButtons .options-wrapper .quick-option.coupon .visual .inner-wrapper .txt {
    padding-left: 25%;
  }
}

@media screen and (max-width:910px) {
  .rs-checkout-coupon #externalButtons .options-wrapper .quick-option.coupon .desc {
    width: 100%;
    text-align: center;
  }
}

.rs-checkout-coupon-thankyou-another-coupon {
  margin-bottom: 80px;
}

.rs-checkout-coupon-thankyou-another-coupon .value-chooser {
  margin-bottom: 35px;
  border-radius: 3px;
  border: 1px solid #dddddd;
  padding: 15px;
  width: 100%;
}

.rs-checkout-coupon-thankyou-another-coupon .value-chooser .static {
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  width: calc(50% - 15px);
}

.rs-checkout-coupon-thankyou-another-coupon .value-chooser .static .image-wrapper {
  display: inline-block;
  vertical-align: middle;
  width: 150px;
  height: auto;
  position: relative;
}

.rs-checkout-coupon-thankyou-another-coupon .value-chooser .static .image-wrapper img {
  border-radius: 3px;
}

.rs-checkout-coupon-thankyou-another-coupon .value-chooser .static .image-wrapper span {
  bottom: 0;
  right: 0;
  position: absolute;
  font-size: 17px;
  font-weight: bold;
  color: #fff;
  margin-right: 6px;
  margin-bottom: 6px;
}

.rs-checkout-coupon-thankyou-another-coupon .value-chooser .static .selection-wrapper {
  margin-left: 20px;
  display: inline-block;
  vertical-align: middle;
}

.rs-checkout-coupon-thankyou-another-coupon .value-chooser .static .selection-wrapper label {
  display: block;
  margin-bottom: 10px;
  cursor: pointer;
}

.rs-checkout-coupon-thankyou-another-coupon .value-chooser .static .selection-wrapper label input {
  display: inline-block;
  vertical-align: middle;
}

.rs-checkout-coupon-thankyou-another-coupon .value-chooser .static .selection-wrapper label .tr-custom-input-radio {
  margin-right: 5px;
}

.rs-checkout-coupon-thankyou-another-coupon .value-chooser .static .selection-wrapper label .tr-custom-input-radio,
.rs-checkout-coupon-thankyou-another-coupon .value-chooser .static .selection-wrapper label span {
  display: inline-block;
  vertical-align: middle;
}

.rs-checkout-coupon-thankyou-another-coupon .value-chooser .static .selection-wrapper label:last-child {
  margin-bottom: 0;
}

.rs-checkout-coupon-thankyou-another-coupon .value-chooser .dynamic {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: calc(50% - 15px);
}

.rs-checkout-coupon-thankyou-another-coupon .value-chooser .dynamic h3 {
  margin: 5px;
  text-align: center;
}

.rs-checkout-coupon-thankyou-another-coupon .value-chooser .dynamic .rs-input {
  width: 65px;
  display: inline-block;
  vertical-align: middle;
}

.rs-checkout-coupon-thankyou-another-coupon .value-chooser .dynamic div.rs-input>.container>.input {
  padding-right: 7px;
}

.rs-checkout-coupon-thankyou-another-coupon .value-chooser .dynamic div.rs-input>.container>.input>input.field {
  text-align: center;
  font-size: 22px;
}

.rs-checkout-coupon-thankyou-another-coupon .value-chooser .dynamic span.eur {
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
  font-size: 22px;
  font-weight: bold;
  margin: 0 10px;
  color: #000;
}

.rs-checkout-coupon-thankyou-another-coupon .value-chooser .dynamic button {
  display: inline-block;
  vertical-align: middle;
  min-width: 220px;
  height: 40px;
  font-weight: bold;
  font-size: 16px;
}

.rs-checkout-coupon-thankyou-another-coupon .value-chooser .dynamic .maxValue {
  height: 15px;
  margin: 5px 0;
  font-size: 12px;
  color: #adadad;
  text-align: center;
}

.rs-checkout-coupon-thankyou-another-coupon .value-chooser .dynamic .maxValue.invalid {
  color: #dd0303;
  font-size: 14px;
}

@media screen and (max-width: 1279px) {
  .rs-checkout-coupon-thankyou-another-coupon .value-chooser .static,
  .rs-checkout-coupon-thankyou-another-coupon .value-chooser .dynamic {
    width: 100%;
    text-align: center;
  }

  .rs-checkout-coupon-thankyou-another-coupon .value-chooser .static {
    margin-bottom: 10px;
  }

  .rs-checkout-coupon-thankyou-another-coupon .value-chooser .dynamic {
    border-top: 1px solid #f4f4f4;
    text-align: center;
  }
}

.thomann-content-route-couponthankyou h2 {
  margin: 35px 0 .4em 0;
}

.thomann-content-route-couponthankyou .main-contact-and-info .contact-block {
  min-height: 120px;
}

@media screen and (min-width: 942px) and screen and (max-width: 1279px) {
  .thomann-content-route-couponthankyou .main-contact-and-info .contact-block>.text {
    width: 80% !important;
  }
}

@media screen and (max-width: 1279px) {
  .thomann-content-route-couponthankyou .main-contact-and-info .contact-block {
    display: flex;
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 0;
  }

  .thomann-content-route-couponthankyou .main-contact-and-info .contact-block>.text,
  .thomann-content-route-couponthankyou .main-contact-and-info .contact-block>svg {
    min-height: 120px;
    display: flex;
    align-items: center;
  }

  .thomann-content-route-couponthankyou .main-contact-and-info .contact-block>svg.rs-icon.rs-icon-help-mobile,
  .thomann-content-route-couponthankyou .main-contact-and-info .contact-block>svg.rs-icon.rs-icon-help-email,
  .thomann-content-route-couponthankyou .main-contact-and-info .contact-block>svg.rs-icon.rs-icon-help-contact-all {
    top: -1px !important;
    right: 20px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
  }

  .thomann-content-route-couponthankyou .main-contact-and-info .contact-block>svg.rs-icon.rs-icon-help-mobile {
    width: 35px !important;
  }
}

#couponThankyou h1 {
  width: 50%;
}

@media screen and (max-width: 1279px) {
  #couponThankyou h1 {
    text-align: center;
    width: 100%;
  }
}

#couponThankyou>img {
  margin: 0 auto 30px;
  border-radius: 5px;
  width: 40%;
  min-width: 240px;
  display: block;
}

@media screen and (min-width: 1280px) {
  #couponThankyou>img {
    padding-bottom: 0;
    float: right;
    margin-left: 20px;
    margin-top: -60px;
  }
}

#couponThankyou #presenting>div {
  position: relative;
  padding: 5px;
}

#couponThankyou #presenting>div svg {
  fill: #5c5c5c;
  width: 25px;
}

#couponThankyou #presenting>div>div {
  position: absolute;
  top: 50%;
  padding-left: 35px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#couponThankyou #time-pressure>div:first-of-type {
  margin-bottom: 20px;
}

#couponThankyou #time-pressure>div:first-of-type .image {
  height: 125px;
}

#couponThankyou #time-pressure .item {
  margin-bottom: 10px;
}

#couponThankyou #time-pressure .item .image {
  margin-right: 20px;
  width: 105px;
  height: 95px;
  float: left;
}

#couponThankyou #time-pressure .item .image img {
  display: block;
  margin: 0 auto;
}

#couponThankyou #time-pressure .item div.text {
  margin-top: 0;
}

#couponThankyou #time-pressure .item div.text>.controls {
  display: table;
}

#couponThankyou #time-pressure .item div.text .rs-input,
#couponThankyou #time-pressure .item div.text .rs-btn-secondary {
  margin-top: 10px;
}

#couponThankyou #time-pressure .item div.text .rs-input {
  width: 25%;
  min-width: 140px;
  text-align: left;
}

#couponThankyou #time-pressure .item div.text button.rs-btn-secondary {
  width: 140px;
}

#couponThankyou #time-pressure .item .success {
  display: none;
  color: darkgreen;
}

.rs-coupon-thankyou-main {
  margin-bottom: 40px;
  min-height: 160px;
}

.rs-coupon-thankyou-main>h1 {
  margin: .8em 0 .3em 0;
}

.rs-coupon-thankyou-main .visual-wrapper {
  position: relative;
  float: right;
  margin-top: -10px;
  padding-left: 30px;
  padding-bottom: 30px;
  max-width: 45%;
}

.rs-coupon-thankyou-main .visual-wrapper>img {
  border-radius: 4px;
  max-width: 100%;
  overflow: hidden;
}

.rs-coupon-thankyou-main .visual-wrapper .amount {
  position: absolute;
  right: 0;
  bottom: 30px;
  font-size: 32px;
  font-weight: 600;
  color: #fff;
  padding: 0 10px 0 10px;
  background-color: rgba(0,0,0,0.6);
  border-radius: 6px 0 6px 0;
  line-height: initial;
}

.rs-coupon-thankyou-main .visual-wrapper .amount span {
  display: block;
  float: left;
}

@media screen and (max-width: 1279px) {
  .rs-coupon-thankyou-main .visual-wrapper .amount {
    font-size: 28px;
    font-weight: 500;
  }
}

@media screen and (max-width: 941px) {
  .rs-coupon-thankyou-main .visual-wrapper .amount {
    font-size: 22px;
    font-weight: 400;
  }
}

@media screen and (max-width: 769px) {
  .rs-coupon-thankyou-main .visual-wrapper .amount {
    font-size: 20px;
    font-weight: 400;
  }
}

.rs-coupon-thankyou-main .code-wrapper {
  margin-top: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rs-coupon-thankyou-main .code-wrapper .label {
  font-size: 18px;
  font-weight: 800;
  margin-right: 10px;
}

.rs-coupon-thankyou-main .code-wrapper .code {
  font-size: 18px;
  padding: 8px 10px;
  border: 1px solid #c7c6c7;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

@media screen and (max-width: 941px) {
  .rs-coupon-thankyou-main .code-wrapper .label {
    display: block;
    height: 35px;
  }
}

.rs-infobox.ppexpDeliveryInformation>h3 {
  font-weight: 700;
  margin: 0 0 5px 0;
}

.thomann-content-route-thankyou .rs-checkout-thankyou-prediction-header {
  margin-bottom: 2em;
}

.thomann-content-route-thankyou .rs-checkout-thankyou-prediction-header>h1 {
  text-align: center;
  margin-bottom: .3em;
}

.thomann-content-route-thankyou .rs-checkout-thankyou-prediction-header>p {
  text-align: center;
  font-size: 14px;
}

.thomann-content-route-thankyou .rs-checkout-thankyou-prediction-time {
  background-color: #EBFAEA;
  margin-bottom: 1.5em;
  display: table;
  position: relative;
  width: 100%;
  padding: .6em;
}

.thomann-content-route-thankyou .rs-checkout-thankyou-prediction-time .image-container {
  display: table-cell;
  height: 100px;
  width: 170px;
  float: left;
  margin-top: -0.5em;
  margin-bottom: -0.6em;
}

.thomann-content-route-thankyou .rs-checkout-thankyou-prediction-time .image-container>img {
  height: 100%;
  width: auto;
}

@media screen and (max-width: 1279px) {
  .thomann-content-route-thankyou .rs-checkout-thankyou-prediction-time .image-container {
    height: 80px;
    width: auto;
  }
}

@media screen and (max-width: 941px) {
  .thomann-content-route-thankyou .rs-checkout-thankyou-prediction-time .image-container {
    height: 70px;
    width: auto;
  }
}

.thomann-content-route-thankyou .rs-checkout-thankyou-prediction-time .text-container {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
}

.thomann-content-route-thankyou .rs-checkout-thankyou-prediction-time .text-container>p {
  margin-top: .2em;
  margin-bottom: 0;
  font-size: 14px;
}

@media screen and (max-width: 1279px) {
  .thomann-content-route-thankyou .rs-checkout-thankyou-prediction-time .text-container>p {
    font-size: 13px;
    margin-bottom: -0.2em;
  }
}

.thomann-content-route-thankyou .rs-checkout-thankyou-prediction-time .text-container .delivery-time-big,
.thomann-content-route-thankyou .rs-checkout-thankyou-prediction-time .text-container .dispatch-time-big {
  font-size: 36px;
  font-weight: bolder;
}

.thomann-content-route-thankyou .rs-checkout-thankyou-prediction-time .text-container .delivery-time-big .date,
.thomann-content-route-thankyou .rs-checkout-thankyou-prediction-time .text-container .dispatch-time-big .date {
  white-space: nowrap;
}

@media screen and (max-width: 1279px) {
  .thomann-content-route-thankyou .rs-checkout-thankyou-prediction-time .text-container .delivery-time-big,
  .thomann-content-route-thankyou .rs-checkout-thankyou-prediction-time .text-container .dispatch-time-big {
    font-size: 32px;
  }
}

@media screen and (max-width: 941px) {
  .thomann-content-route-thankyou .rs-checkout-thankyou-prediction-time .text-container .delivery-time-big,
  .thomann-content-route-thankyou .rs-checkout-thankyou-prediction-time .text-container .dispatch-time-big {
    font-size: 28px;
  }
}

.thomann-content-route-thankyou .rs-checkout-thankyou-prediction-time .text-container .delivery-time-big.long,
.thomann-content-route-thankyou .rs-checkout-thankyou-prediction-time .text-container .dispatch-time-big.long {
  font-size: calc(31px);
}

@media screen and (max-width: 1279px) {
  .thomann-content-route-thankyou .rs-checkout-thankyou-prediction-time .text-container .delivery-time-big.long,
  .thomann-content-route-thankyou .rs-checkout-thankyou-prediction-time .text-container .dispatch-time-big.long {
    font-size: calc(23px);
  }
}

.thomann-content-route-thankyou .rs-checkout-thankyou-prediction-time .right-box {
  width: 170px;
}

@media screen and (max-width: 1279px) {
  .thomann-content-route-thankyou .rs-checkout-thankyou-prediction-time .right-box {
    width: 140px;
  }
}

@media screen and (max-width: 941px) {
  .thomann-content-route-thankyou .rs-checkout-thankyou-prediction-time .right-box {
    width: 122px;
  }
}

.thomann-content-route-thankyou .rs-checkout-thankyou-header>div {
  display: inline-block;
  vertical-align: top;
}

.thomann-content-route-thankyou .rs-checkout-thankyou-header>.rs-text {
  width: 50%;
  margin-bottom: 30px;
}

.thomann-content-route-thankyou .rs-checkout-thankyou-header .image-container {
  width: 48%;
}

.thomann-content-route-thankyou .rs-checkout-thankyou-header .image-container img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: auto;
}

@media screen and (min-width: 942px) {
  .thomann-content-route-thankyou .rs-checkout-thankyou-header .image-container img {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
}

.thomann-content-route-thankyou .rs-checkout-thankyou-alsoInteresting {
  margin-left: 0 !important;
  margin-bottom: 60px;
  margin-top: 30px;
}

.thomann-content-route-thankyou .rs-checkout-thankyou-alsoInteresting .grid-row:after,
.thomann-content-route-thankyou .rs-checkout-thankyou-alsoInteresting .grid-row:before {
  content: normal !important;
}

.thomann-content-route-thankyou .rs-checkout-thankyou-alsoInteresting .boxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  zoom: 1;
}

.thomann-content-route-thankyou .rs-checkout-thankyou-alsoInteresting .boxes:before,
.thomann-content-route-thankyou .rs-checkout-thankyou-alsoInteresting .boxes:after {
  content: "";
  display: table;
}

.thomann-content-route-thankyou .rs-checkout-thankyou-alsoInteresting .boxes:after {
  clear: both;
}

.thomann-content-route-thankyou .rs-checkout-thankyou-alsoInteresting .boxes a,
.thomann-content-route-thankyou .rs-checkout-thankyou-alsoInteresting .boxes a:hover,
.thomann-content-route-thankyou .rs-checkout-thankyou-alsoInteresting .boxes a:visited,
.thomann-content-route-thankyou .rs-checkout-thankyou-alsoInteresting .boxes a:link {
  color: #5c5c5c;
  text-decoration: none;
  outline-style: none;
}

.thomann-content-route-thankyou .rs-checkout-thankyou-alsoInteresting .boxes a:hover h2 {
  color: #01a3d4 !important;
}

.thomann-content-route-thankyou .rs-checkout-thankyou-alsoInteresting .boxes a:focus h2 {
  color: #017da1 !important;
}

.thomann-content-route-thankyou .rs-checkout-thankyou-alsoInteresting .boxes .box {
  border: 1px solid #dddddd;
  padding: 10px 10px 10px 15px;
}

@media screen and (min-width: 942px) {
  .thomann-content-route-thankyou .rs-checkout-thankyou-alsoInteresting .boxes .box a {
    display: block;
    height: 100%;
  }
}

@media screen and (max-width: 941px) {
  .thomann-content-route-thankyou .rs-checkout-thankyou-alsoInteresting .boxes .box {
    display: flex;
    align-items: center;
    min-height: 152px !important;
  }
}

.thomann-content-route-thankyou .rs-checkout-thankyou-alsoInteresting .boxes .box .image-container {
  display: inline-block;
  width: 28%;
  max-width: 115px;
  padding-right: 10px;
  vertical-align: top;
}

@media screen and (max-width: 941px) {
  .thomann-content-route-thankyou .rs-checkout-thankyou-alsoInteresting .boxes .box .image-container {
    vertical-align: middle;
  }
}

.thomann-content-route-thankyou .rs-checkout-thankyou-alsoInteresting .boxes .box .image-container>img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: auto;
}

.thomann-content-route-thankyou .rs-checkout-thankyou-alsoInteresting .boxes .box .rs-text {
  width: 65%;
  display: inline-block;
  padding-left: 3px;
}

@media screen and (max-width: 941px) {
  .thomann-content-route-thankyou .rs-checkout-thankyou-alsoInteresting .boxes .box .rs-text {
    width: 75%;
    vertical-align: middle;
    padding-left: 10px;
  }
}

.thomann-content-route-thankyou .rs-checkout-thankyou-alsoInteresting .boxes .box .rs-text h2 {
  margin-top: 0;
  margin-bottom: 5px;
  text-decoration: underline;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.05px;
  line-height: 28px;
}

@media screen and (min-width: 942px) {
  .thomann-content-route-thankyou .rs-checkout-thankyou-alsoInteresting .boxes .box .rs-text h2 {
    font-size: 16px;
    letter-spacing: -0.05px;
    line-height: 22px;
  }
}

.rs-checkout-thankyou-way {
  margin-left: 0 !important;
  float: none;
}

.rs-checkout-thankyou-way .header {
  margin-bottom: 10px;
}

.rs-checkout-thankyou-way .header h2 {
  margin-bottom: 5px;
}

@media screen and (min-width: 942px) {
  .rs-checkout-thankyou-way .header .rs-text {
    width: 75%;
  }
}

.rs-checkout-thankyou-way .inner-container {
  width: 100%;
  display: table;
  table-layout: fixed;
  background-color: #f4f4f4;
}

.rs-checkout-thankyou-way .inner-container>div {
  display: table-cell;
  vertical-align: middle;
}

.rs-checkout-thankyou-way .inner-container>div:first-of-type {
  width: 75%;
  overflow: hidden;
}

.rs-checkout-thankyou-way .inner-container>div:last-of-type {
  width: 25%;
}

@media screen and (max-width: 941px) {
  .rs-checkout-thankyou-way .inner-container>div:first-of-type,
  .rs-checkout-thankyou-way .inner-container>div:last-of-type {
    display: block;
    width: 100%;
  }
}

.rs-checkout-thankyou-way .inner-container .shop-visit-us-image {
  position: relative;
}

@media screen and (min-width: 1280px) {
  .rs-checkout-thankyou-way .inner-container .shop-visit-us-image:after {
    content: '';
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -30px;
    width: 30px;
    background: white;
  }
}

.rs-checkout-thankyou-way .inner-container .shop-visit-us-image .visit-us-wrapper {
  max-height: 400px;
}

@media screen and (max-width: 941px) {
  .rs-checkout-thankyou-way .inner-container .shop-visit-us-image .visit-us-wrapper {
    height: 240px;
  }
}

.rs-checkout-thankyou-way .inner-container .shop-visit-us-image .visit-us-wrapper img {
  -webkit-transform: translate3d(-82px, 0, 0);
  transform: translate3d(-82px, 0, 0);
  margin-top: -8%;
}

@media screen and (max-width: 941px) {
  .rs-checkout-thankyou-way .inner-container .shop-visit-us-image .visit-us-wrapper img {
    margin-top: -110px;
  }
}

@media screen and (max-width: 769px) {
  .rs-checkout-thankyou-way .inner-container .shop-visit-us-image .visit-us-wrapper img {
    margin-top: -55px;
  }
}

.rs-checkout-thankyou-way .inner-container #info {
  text-align: center;
}

.rs-checkout-thankyou-way .inner-container #info h2 {
  margin-top: 0;
  margin-bottom: 3px;
  padding-right: 0;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -0.1px;
  line-height: 32px;
}

.rs-checkout-thankyou-way .inner-container #info .links {
  margin-top: 30px;
  padding-bottom: 20px;
}

.rs-checkout-thankyou-way .inner-container #info .links button {
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.rs-checkout-thankyou-way .inner-container #info .header {
  margin-bottom: 0;
  padding: 0 15px;
}

.rs-checkout-thankyou-way .inner-container #info .header>i {
  display: none;
}

.rs-checkout-thankyou-way .inner-container #info .header>*:not(.company-open) {
  margin-bottom: 0;
}

.rs-checkout-thankyou-way .inner-container #info .businesshours {
  padding-top: 10px;
}

.rs-checkout-thankyou-way .inner-container #info .businesshours>.holiday {
  display: none;
}

.rs-checkout-thankyou-way .inner-container #info ul {
  margin-top: 25px;
  font-size: 14px;
}

.rs-checkout-thankyou-way .inner-container #info ul li>.data {
  text-align: left;
}

.rs-checkout-thankyou-way .inner-container #info ul li>.label {
  width: 48.4%;
}

.rs-checkout-thankyou-way .inner-container #info ul li>.data {
  width: 49%;
  margin-left: 2%;
}

@media screen and (max-width: 1279px) {
  .rs-checkout-thankyou-way .inner-container #info h2 {
    font-size: 20px;
    letter-spacing: -0.05px;
    line-height: 28px;
  }

  .rs-checkout-thankyou-way .inner-container #info .header {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0;
    font-weight: 400;
  }

  .rs-checkout-thankyou-way .inner-container #info ul li {
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0;
    font-weight: 400;
  }

  .rs-checkout-thankyou-way .inner-container #info ul li.today {
    font-weight: 700;
  }
}

@media screen and (max-width: 941px) {
  .rs-checkout-thankyou-way .inner-container #info .businesshours {
    padding-top: 10px;
  }

  .rs-checkout-thankyou-way .inner-container #info ul {
    margin-top: 12px;
  }

  .rs-checkout-thankyou-way .inner-container #info .links {
    margin-top: 15px;
  }
}

.rs-checkout-thankyou-next {
  margin-bottom: 20px;
}

.rs-checkout-thankyou-next h2 {
  margin-bottom: 10px;
}

.rs-checkout-thankyou-next>.rs-text {
  margin-bottom: 10px;
}

.rs-checkout-thankyou-next .grid-section {
  margin-left: 0 !important;
}

.rs-checkout-thankyou-next .step-box {
  margin-bottom: 20px !important;
}

.rs-checkout-thankyou-next .step-box img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.rs-checkout-thankyou-likes {
  margin: 60px 0 30px;
}

.rs-checkout-thankyou-likes .header h2 {
  margin: 0 0 5px;
}

.rs-checkout-thankyou-likes .header .text {
  float: left;
}

.rs-checkout-thankyou-likes .header img {
  float: left;
  margin-right: 5px;
}

.rs-checkout-thankyou-likes .features {
  margin: 20px 0;
}

.rs-checkout-thankyou-likes .features .feature {
  min-height: 20px;
  margin-bottom: 5px;
}

.rs-checkout-thankyou-likes .features .feature>* {
  display: inline-block;
  vertical-align: middle;
}

.rs-checkout-thankyou-likes .features .feature svg {
  height: 13px;
}

.rs-checkout-thankyou-likes .features .feature .text {
  display: block;
  overflow: hidden;
}

.rs-checkout-thankyou-likes .become-a-fan {
  width: 100%;
  margin-top: 5px;
  text-decoration: none;
}

.rs-checkout-thankyou-likes .become-a-fan>* {
  display: inline-block;
  vertical-align: middle;
}

.rs-checkout-thankyou-likes .become-a-fan strong {
  margin-right: 15px;
}

.rs-checkout-thankyou-likes .become-a-fan .rs-icon-facebook {
  margin-right: 5px;
}

.rs-checkout-thankyou-likes .become-a-fan .rs-icon-chevron-right {
  fill: #adadad;
}

.rs-checkout-thankyou-likes .plugin {
  margin-bottom: 0 !important;
  overflow: hidden;
}

@media screen and (max-width: 941px) {
  .rs-checkout-thankyou-likes {
    margin-top: 30px;
    border: 1px solid #dddddd;
    padding: 8px 15px 15px;
  }

  .rs-checkout-thankyou-likes .header,
  .rs-checkout-thankyou-likes .become-a-fan,
  .rs-checkout-thankyou-likes .features {
    display: block;
  }
}

.rs-checkout-download h2.without-address-heading,
.rs-checkout-download h2.as-guest-heading {
  margin-top: 12px;
  margin-bottom: 7px;
}

@media screen and (min-width: 770px) {
  .rs-checkout-download h2.without-address-heading,
  .rs-checkout-download h2.as-guest-heading {
    font-size: 22px;
  }
}

.rs-checkout-download .header {
  margin-bottom: 30px;
}

.rs-checkout-download .header h2.without-address-heading {
  margin-top: 5px;
  margin-bottom: 5px;
}

.rs-checkout-download .header.logged-out h1 {
  float: none;
}

.rs-checkout-download #checkoutForm h2.as-guest-heading {
  margin-top: 5px;
  margin-bottom: 5px;
}

.rs-checkout-download .panel.digital-download .header,
.rs-checkout-download .panel.digital-download .entry {
  margin-bottom: 10px;
}

.rs-checkout-download .panel.digital-download .header>*,
.rs-checkout-download .panel.digital-download .entry>* {
  display: inline-block;
  vertical-align: top;
}

.rs-checkout-download .panel.digital-download .header strong,
.rs-checkout-download .panel.digital-download .entry strong {
  width: 70%;
  font-size: 20px;
}

.rs-checkout-download .panel.digital-download .header .price-container,
.rs-checkout-download .panel.digital-download .entry .price-container {
  width: 28%;
  text-align: right;
}

.rs-checkout-download .panel.digital-download .header .price-container .strike,
.rs-checkout-download .panel.digital-download .entry .price-container .strike {
  position: relative;
  display: table;
  margin-left: auto;
  color: #929292;
}

.rs-checkout-download .panel.digital-download .header .price-container .strike:after,
.rs-checkout-download .panel.digital-download .entry .price-container .strike:after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid currentColor;
  -webkit-transform: rotate(-7deg);
  transform: rotate(-7deg);
}

.rs-checkout-download .panel.digital-download .header .price-container .benefit,
.rs-checkout-download .panel.digital-download .entry .price-container .benefit {
  display: flex;
  justify-content: flex-end;
  color: #929292;
  white-space: nowrap;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0;
  font-weight: 400;
}

.rs-checkout-download .panel.digital-download .header .price-container .price,
.rs-checkout-download .panel.digital-download .entry .price-container .price {
  font-size: 20px;
}

.rs-checkout-download .panel.digital-download .header .vat,
.rs-checkout-download .panel.digital-download .entry .vat {
  margin-top: -2px;
  display: block;
  text-align: right;
}

.rs-checkout-download .panel.digital-download .header .rest-amount,
.rs-checkout-download .panel.digital-download .entry .rest-amount {
  display: block;
}

.rs-checkout-download .panel.digital-download .entry {
  color: #929292;
}

.rs-checkout-download .panel.digital-download .entry.promo,
.rs-checkout-download .panel.digital-download .entry.coupon {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 15px;
  padding-top: 5px;
}

.rs-checkout-download .panel.digital-download .entry.promo .title,
.rs-checkout-download .panel.digital-download .entry.coupon .title {
  white-space: nowrap;
}

.rs-checkout-download .panel.digital-download .entry.promo .price-container,
.rs-checkout-download .panel.digital-download .entry.coupon .price-container {
  margin: -4px 0;
}

.rs-checkout-download .panel.digital-download .entry.promo .price-container>.price,
.rs-checkout-download .panel.digital-download .entry.coupon .price-container>.price {
  font-size: 14px;
  font-weight: 700;
}

.rs-checkout-download .panel.digital-download .entry.promo.couponRow-dummy,
.rs-checkout-download .panel.digital-download .entry.coupon.couponRow-dummy {
  display: none;
}

.rs-checkout-download .panel.digital-download .entry a {
  color: #929292;
}

.rs-checkout-download .panel.digital-download .entry a:hover,
.rs-checkout-download .panel.digital-download .entry a.hover {
  color: #01a3d4;
}

.rs-checkout-download .panel.digital-download .entry a:active,
.rs-checkout-download .panel.digital-download .entry a .active {
  color: #017da1;
}

.rs-checkout-download .panel.digital-download .entry a:focus,
.rs-checkout-download .panel.digital-download .entry a .focus {
  color: #017da1;
}

.rs-checkout-download .panel.digital-download .entry span {
  width: 70%;
}

.rs-checkout-download .panel.digital-download .entry .price-container {
  color: #3b3b3b;
}

.rs-checkout-download .panel.digital-download .footer.hide {
  display: none;
}

.rs-checkout-download .panel.digital-download .rs-text .wvfampel_gruen {
  color: #479612;
}

.rs-checkout-download .panel.digital-download .rs-text .wvfampel_gelb {
  color: #cb9b06;
}

.rs-checkout-download .panel.digital-download .rs-text .wvfampel_orange {
  color: #e15a08;
}

.rs-checkout-download .panel.digital-download .rs-text .wvfampel_rot {
  color: #e20909;
}

.rs-checkout-download .panel.digital-download img {
  width: 55%;
  height: auto;
  margin: 15px auto 10px;
  max-width: 300px;
  display: block;
}

.thomann-content-module-checkout.thomann-content-route-downloadthankyou {
  padding-bottom: 35px;
}

.thomann-content-module-checkout.thomann-content-route-downloadthankyou .article-slider {
  margin-bottom: 60px;
  margin-top: 20px;
}

.thomann-content-module-checkout.thomann-content-route-downloadthankyou .rs-checkout-thankyou-download-header {
  margin-bottom: 2em;
}

.thomann-content-module-checkout.thomann-content-route-downloadthankyou .rs-checkout-thankyou-download-header>h1 {
  text-align: center;
  margin-bottom: .3em;
}

.thomann-content-module-checkout.thomann-content-route-downloadthankyou .rs-checkout-thankyou-download-content {
  background-color: #EBFAEA;
  margin-bottom: 1.5em;
  display: table;
  position: relative;
  width: 100%;
  padding: .6em;
}

.thomann-content-module-checkout.thomann-content-route-downloadthankyou .rs-checkout-thankyou-download-content .image-container {
  display: table-cell;
  height: 100px;
  width: 170px;
  float: left;
  margin-top: -0.7em;
  margin-bottom: -0.6em;
  margin-right: .5em;
}

.thomann-content-module-checkout.thomann-content-route-downloadthankyou .rs-checkout-thankyou-download-content .image-container>img {
  mix-blend-mode: darken;
  height: 100%;
  width: auto;
}

@media screen and (max-width: 1279px) {
  .thomann-content-module-checkout.thomann-content-route-downloadthankyou .rs-checkout-thankyou-download-content .image-container {
    margin-top: -0.5em;
    height: 80px;
    width: auto;
  }
}

@media screen and (max-width: 941px) {
  .thomann-content-module-checkout.thomann-content-route-downloadthankyou .rs-checkout-thankyou-download-content .image-container {
    height: 70px;
    width: auto;
  }
}

.thomann-content-module-checkout.thomann-content-route-downloadthankyou .rs-checkout-thankyou-download-content .text-container {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
}

.thomann-content-module-checkout.thomann-content-route-downloadthankyou .rs-checkout-thankyou-download-content .text-container>p {
  margin-top: .2em;
  margin-bottom: 0;
  font-size: 14px;
}

@media screen and (max-width: 1279px) {
  .thomann-content-module-checkout.thomann-content-route-downloadthankyou .rs-checkout-thankyou-download-content .text-container>p {
    font-size: 13px;
    margin-bottom: -0.2em;
  }
}

.thomann-content-module-checkout.thomann-content-route-downloadthankyou .rs-checkout-thankyou-download-content .right-box {
  width: 170px;
}

@media screen and (max-width: 1279px) {
  .thomann-content-module-checkout.thomann-content-route-downloadthankyou .rs-checkout-thankyou-download-content .right-box {
    width: 0;
  }
}

.rs-checkout-thankyou-send-coupon {
  margin-top: 35px;
}

.thomann-content-module-thomannexclusive.thomann-content-route-main p,
.thomann-content-module-thomannexclusive.thomann-content-route-main .aboutus-text {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.1px;
  font-weight: 400;
}

@media screen and (max-width: 941px) {
  .thomann-content-module-thomannexclusive.thomann-content-route-main p,
  .thomann-content-module-thomannexclusive.thomann-content-route-main .aboutus-text {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0;
    font-weight: 400;
  }
}

.thomann-content-module-thomannexclusive.thomann-content-route-main .phat.grid-section {
  margin-bottom: 100px;
}

.thomann-content-module-thomannexclusive.thomann-content-route-main .thomannexclusive-header {
  width: 100%;
}

.thomann-content-module-thomannexclusive.thomann-content-route-main .thomannexclusive-header .column-left {
  width: 75%;
  padding-right: 70px;
  float: left;
}

@media screen and (max-width: 941px) {
  .thomann-content-module-thomannexclusive.thomann-content-route-main .thomannexclusive-header .column-left {
    width: 100%;
  }
}

.thomann-content-module-thomannexclusive.thomann-content-route-main .thomannexclusive-header .column-right {
  width: 25%;
  float: left;
}

@media screen and (max-width: 941px) {
  .thomann-content-module-thomannexclusive.thomann-content-route-main .thomannexclusive-header .column-right {
    display: none;
  }
}

.thomann-content-module-thomannexclusive.thomann-content-route-main .thomannexclusive-header .column-right img {
  max-width: 100%;
}

.thomann-content-module-thomannexclusive.thomann-content-route-main .manufacturers {
  margin-top: 35px;
  width: 100%;
}

.thomann-content-module-thomannexclusive.thomann-content-route-main .manufacturers .header {
  margin-bottom: 3px;
  width: 100%;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 5px;
}

.thomann-content-module-thomannexclusive.thomann-content-route-main .manufacturers .header h2 {
  float: left;
  width: auto;
  margin: 0;
  padding-bottom: 8px;
  padding-right: 15px;
}

.thomann-content-module-thomannexclusive.thomann-content-route-main .manufacturers .header .filter {
  float: left;
}

.thomann-content-module-thomannexclusive.thomann-content-route-main .manufacturers .items {
  width: 100%;
}

.thomann-content-module-thomannexclusive.thomann-content-route-main .manufacturers .items .manufacturers-item {
  height: 150px;
  display: inline-block;
  margin: 0 0 15px 4.5px;
}

.thomann-content-module-thomannexclusive.thomann-content-route-main .manufacturers .items .manufacturers-item .image {
  border-bottom: none;
  text-align: center;
  padding: 10px;
}

.thomann-content-module-thomannexclusive.thomann-content-route-main .manufacturers .items .manufacturers-item .image img {
  height: auto;
  width: 100%;
  max-width: 156px;
}

.thomann-content-module-thomannexclusive.thomann-content-route-main .manufacturers .items .manufacturers-item .info {
  line-height: 21px;
  letter-spacing: -0.1px;
  font-weight: 400;
  padding: 5px 7px 7px;
  font-size: 14px;
  text-align: center;
  color: #929292;
}

@media screen and (max-width: 941px) {
  .thomann-content-module-thomannexclusive.thomann-content-route-main .manufacturers .items .manufacturers-item .info {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0;
    font-weight: 400;
  }
}

.thomann-content-module-thomannexclusive.thomann-content-route-main .manufacturers .items .manufacturers-item a {
  text-decoration: none;
}

.rs-prodnews-main-intro {
  margin-bottom: 20px;
  min-height: 120px;
}

.rs-prodnews-main-intro>h1 {
  margin: .8em 0 .3em 0;
}

.rs-prodnews-main-intro>img {
  float: right;
  margin-left: 30px;
  margin-top: -36px;
}

@media screen and (max-width: 941px) {
  .rs-prodnews-main-intro>img {
    max-width: 30%;
    height: auto;
    margin-top: 0;
  }
}

.rs-prodnews-subpage-intro>h1 {
  margin: .8em 0 .3em 0;
}

.rs-prodnews-subpage-intro .manufacturer-logo {
  clear: right;
  float: right;
  text-align: right;
  width: 140px;
  margin: 20px 0;
}

.rs-prodnews-subpage-intro .backlink-wrapper {
  margin-top: 3px;
}

.rs-prodnews-main-categories .categories {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.1px;
  font-weight: 400;
  margin: 70px 0 10px;
}

@media screen and (max-width: 941px) {
  .rs-prodnews-main-categories .categories {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0;
    font-weight: 400;
  }
}

.rs-prodnews-main-categories .categories .list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.rs-prodnews-main-categories .categories .list>.item {
  float: left;
  text-align: center;
  margin-bottom: 40px;
  margin-left: 0 !important;
}

.rs-prodnews-main-categories .categories .list>.item>.link {
  margin: 0 8%;
  text-decoration: none;
  display: inherit;
  text-align: center;
}

.rs-prodnews-main-categories .categories .list>.item>.link>.image {
  display: inline-block;
}

.rs-prodnews-main-categories .categories .list>.item>.link img {
  max-width: 100%;
}

.rs-prodnews-main-categories .categories .list>.item>.link>.name {
  display: block;
  margin: 6px 0 0;
}

.rs-prodnews-main-categories .categories .list>.item>.link:active>.name {
  color: #017da1;
}

@media screen and (max-width: 769px) {
  .rs-prodnews-main-categories .categories .list>.item {
    width: calc(33.33333333%) !important;
  }

  .rs-prodnews-main-categories .categories .list>.item:nth-child(3n+1) {
    clear: both !important;
  }
}

@media screen and (min-width:770px) and (max-width:941px) {
  .rs-prodnews-main-categories .categories .list>.item {
    width: calc(25%) !important;
  }

  .rs-prodnews-main-categories .categories .list>.item:nth-child(4n+1) {
    clear: both !important;
  }
}

@media screen and (min-width: 942px) {
  .rs-prodnews-main-categories .categories .list>.item {
    width: calc(20%) !important;
  }

  .rs-prodnews-main-categories .categories .list>.item:nth-child(5n+1) {
    clear: both !important;
  }
}

.rs-prodnews-main-categories .categories .prod-news-count {
  color: #929292;
}

.rs-prodnews-main-top-manufacturers {
  margin-bottom: 35px;
}

.rs-prodnews-main-top-manufacturers>.header {
  margin-bottom: 10px;
}

.rs-prodnews-main-top-manufacturers>.header>* {
  display: inline-block;
  vertical-align: text-bottom;
}

.rs-prodnews-main-top-manufacturers>.header>.left {
  width: 75%;
}

.rs-prodnews-main-top-manufacturers>.header>.left h2 {
  margin-bottom: 0;
}

.rs-prodnews-main-top-manufacturers>.header>.right {
  width: calc(25%  -  4px);
  text-align: right;
}

.rs-prodnews-main-top-manufacturers>.header>.right .rs-prodnews-main-top-manufacturers-show-all.hide-me {
  display: none;
}

@media screen and (max-width: 941px) {
  .rs-prodnews-main-top-manufacturers>.header>.left,
  .rs-prodnews-main-top-manufacturers>.header>.right {
    width: 100%;
  }

  .rs-prodnews-main-top-manufacturers>.header>.right {
    text-align: left;
    margin-top: 10px;
  }
}

.rs-prodnews-main-top-manufacturers .manufacturers-list-images {
  list-style: none;
  padding: 0;
  margin: 0;
  float: left;
}

.rs-prodnews-main-top-manufacturers .manufacturers-list-images>.item {
  display: inline-block;
  text-align: center;
  border-radius: 3px;
  border: solid 1px #dddddd;
  transition: border .25s 0s cubic-bezier(.25, .8, .25, 1);
}

.rs-prodnews-main-top-manufacturers .manufacturers-list-images>.item>.link {
  display: inherit;
  padding: 16px 0;
}

.rs-prodnews-main-top-manufacturers .manufacturers-list-images>.item>.link:hover img {
  -webkit-transform: scale(1.1) translateZ(0);
  transform: scale(1.1) translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.rs-prodnews-main-top-manufacturers .manufacturers-list-images>.item>.link:active img {
  -webkit-animation-name: zoomInOut;
  animation-name: zoomInOut;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

@keyframes zoomInOut {
  0% {
    -webkit-transform: scale(1.1) translateZ(0);
    transform: scale(1.1) translateZ(0);
  }

  50% {
    -webkit-transform: scale(1.2) translateZ(0);
    transform: scale(1.2) translateZ(0);
  }

  100% {
    -webkit-transform: scale(1.1) translateZ(0);
    transform: scale(1.1) translateZ(0);
  }
}

.rs-prodnews-main-top-manufacturers .manufacturers-list-images>.item>.link img {
  box-sizing: border-box;
  padding: 1px;
  width: auto;
  height: auto;
  max-width: 100%;
  transition: -webkit-transform .25s 0s cubic-bezier(.25, .8, .25, 1);
  transition: transform .25s 0s cubic-bezier(.25, .8, .25, 1);
  transition: transform .25s 0s cubic-bezier(.25, .8, .25, 1), -webkit-transform .25s 0s cubic-bezier(.25, .8, .25, 1);
  outline: 1px solid white;
}

.rs-prodnews-main-top-manufacturers .manufacturers-list-images>.item:hover {
  border: solid 1px #adadad;
}

.rs-prodnews-main-top-manufacturers .manufacturers-list-images>.item:focus {
  border: solid 1px #5c5c5c;
}

.rs-prodnews-main-top-manufacturers .manufacturers-list {
  display: none;
}

.rs-prodnews-main-top-manufacturers .manufacturers-list>.list-items {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.1px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 23px;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
}

@media screen and (max-width: 941px) {
  .rs-prodnews-main-top-manufacturers .manufacturers-list>.list-items {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0;
    font-weight: 400;
  }
}

@media screen and (max-width: 941px) {
  .rs-prodnews-main-top-manufacturers .manufacturers-list>.list-items {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    line-height: 21px;
  }
}

@media screen and (max-width: 769px) {
  .rs-prodnews-main-top-manufacturers .manufacturers-list>.list-items {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

.rs-prodnews-main-top-manufacturers .manufacturers-list>.list-items>.item {
  margin: 0;
  padding: 0;
}

.rs-prodnews-main-top-manufacturers .manufacturers-list>.list-items>.item>a {
  text-decoration: none;
}

.rs-prodnews-main-top-manufacturers .manufacturers-list>.list-items>.item>a>.cnt {
  color: #929292;
  font-weight: 400;
}

.rs-prodnews-main-top-manufacturers .manufacturers-list>.list-items>.item.highlight>a,
.rs-prodnews-main-top-manufacturers .manufacturers-list>.list-items>.item.highlight>a>span.title {
  font-weight: 700;
}

.rs-prodnews-main-top-manufacturers .manufacturers-list>.list-items-cnt-1 {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}

.rs-prodnews-main-categories-overview {
  text-align: center;
}

.rs-prodnews-main-categories-overview>h2 {
  margin: .83em 0 10px 0;
}

.rs-prodnews-main-categories-overview .cat-link-wrapper {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.1px;
  font-weight: 400;
}

@media screen and (max-width: 941px) {
  .rs-prodnews-main-categories-overview .cat-link-wrapper {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0;
    font-weight: 400;
  }
}

.rs-prodnews-main-categories-overview .cat-link-wrapper a {
  margin-top: 5px;
  padding-right: 10px;
}

.rs-prodnews-main-list-container {
  margin-top: 35px;
}

.rs-prodnews-main-list-container .header {
  margin-bottom: 10px;
}

.rs-prodnews-main-list-container .header>* {
  display: inline-block;
  vertical-align: text-bottom;
}

.rs-prodnews-main-list-container .header>.left {
  width: 65%;
}

.rs-prodnews-main-list-container .header>.left h2 {
  margin-bottom: 0;
}

.rs-prodnews-main-list-container .header>.right {
  width: calc(35%  -  4px);
  text-align: right;
}

.rs-prodnews-main-list-container .header>.right .filter-wrapper {
  text-align: right;
}

.rs-prodnews-main-list-container .header>.right .filter-wrapper .sort-filter {
  display: inline-block;
  text-align: left;
}

.rs-prodnews-main-favs {
  margin-top: 35px;
}

.rs-prodnews-main-favs .slider-article-container {
  border: 1px solid #dddddd;
  position: relative;
}

.rs-prodnews-main-favs .slider-article-container .content {
  position: relative;
  width: calc(100% - 30px);
}

.rs-prodnews-main-favs .slider-article-container>.carousel-arrow {
  margin-top: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.rs-prodnews-main-favs .slider-article-container>.carousel-arrow:nth-of-type(1) {
  left: -1px;
}

.rs-prodnews-main-favs .slider-article-container>.carousel-arrow:nth-of-type(2) {
  right: -1px;
}

.rs-prodnews-main-favs .slider-article-container .slider-article {
  height: 280px;
  vertical-align: top;
}

.rs-prodnews-main-favs .slider-article-container .slider-article[data-identifier="trends"] {
  height: 310px;
}

.rs-prodnews-main-favs .slider-article-container .slider-article.see-all {
  position: relative;
}

.rs-prodnews-main-favs .slider-article-container .slider-article.see-all a {
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  text-align: center;
  font-size: 20px;
  color: #929292;
  transition: color .25s 0s cubic-bezier(.25, .8, .25, 1);
}

.rs-prodnews-main-favs .slider-article-container .slider-article.see-all a:hover {
  color: #01a3d4;
  transition: color .25s 0s cubic-bezier(.25, .8, .25, 1);
}

.rs-prodnews-main-favs>h2 {
  margin-bottom: 10px;
}

.rs-prodnews-main.twf-overview {
  margin-top: -30px;
}

@media screen and (max-width:1200px) {
  .rs-prodnews-main.twf-overview {
    margin-top: -15px;
  }
}

@media screen and (max-width:992px) {
  .rs-prodnews-main.twf-overview {
    margin-top: 0;
  }
}

.rs-prodnews-main #rs-toprated-carousel {
  padding-top: 23px;
}

@media screen and (max-width: 769px) {
  .rs-prodnews-main #rs-toprated-carousel {
    padding-top: 16px;
  }
}

.twf-product-news-parent.overview .thin.grid-section {
  margin-top: 41px;
}

@media screen and (max-width:1200px) {
  .twf-product-news-parent.overview .thin.grid-section {
    margin-top: 38px;
  }
}

@media screen and (max-width:992px) {
  .twf-product-news-parent.overview .thin.grid-section {
    margin-top: 37px;
  }
}

@media screen and (max-width:768px) {
  .twf-product-news-parent.overview .thin.grid-section {
    margin-top: 34px;
  }
}

.rs-mlinks-main>.intro {
  margin-bottom: 20px;
  min-height: 170px;
}

.rs-mlinks-main>.intro>h1 {
  margin: .8em 0 .3em 0;
}

.rs-mlinks-main>.intro>img {
  float: right;
  margin-left: 30px;
  margin-top: -36px;
}

@media screen and (max-width: 941px) {
  .rs-mlinks-main>.intro>img {
    max-width: 30%;
    height: auto;
    margin-top: 0;
  }
}

.rs-mlinks-main>.brands-letters>.wrapper>.letters {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
  text-align: center;
  border-bottom: 1px solid #c7c6c7;
  position: relative;
  padding: 0 0 10px 0;
  font-size: 20px;
  font-weight: 100;
}

.rs-mlinks-main>.brands-letters>.wrapper>.letters>.section {
  display: flex;
  justify-content: space-around;
  padding-left: 8px;
  padding-right: 8px;
}

.rs-mlinks-main>.brands-letters>.wrapper>.letters>.section>.letter {
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px;
}

.rs-mlinks-main>.brands-letters>.wrapper>.letters>.section>.letter:first-child {
  padding-left: 0;
}

.rs-mlinks-main>.brands-letters>.wrapper>.letters>.section>.letter:last-child {
  padding-right: 0;
}

.rs-mlinks-main>.brands-letters>.wrapper>.letters>.section>.letter.current {
  font-weight: bold;
}

.rs-mlinks-main>.brands-letters>.wrapper>.letters>.section>.letter a {
  text-decoration: none;
}

.rs-mlinks-main>.brands-letters>.wrapper>.letters::after,
.rs-mlinks-main>.brands-letters>.wrapper>.letters::before {
  top: 100%;
  left: 50%;
  border: solid;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.rs-mlinks-main>.brands-letters>.wrapper>.letters::after {
  border-color: transparent;
  border-top-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}

.rs-mlinks-main>.brands-letters>.wrapper>.letters::before {
  border-color: transparent;
  border-top-color: #c7c6c7;
  border-width: 12px;
  margin-left: -12px;
}

.rs-mlinks-main>.brands-manufacturers .manufacturers-list-section {
  position: relative;
  top: 0;
  left: 0;
  zoom: 1;
}

.rs-mlinks-main>.brands-manufacturers .manufacturers-list-section:before,
.rs-mlinks-main>.brands-manufacturers .manufacturers-list-section:after {
  content: "";
  display: table;
}

.rs-mlinks-main>.brands-manufacturers .manufacturers-list-section:after {
  clear: both;
}

.rs-mlinks-main>.brands-manufacturers .manufacturers-list-section>a:first-child {
  position: absolute;
  top: 0;
  left: 0;
}

.rs-mlinks-main>.brands-manufacturers .letter {
  font-size: 40px;
  font-weight: 100;
  display: inline-block;
  vertical-align: top;
  min-width: 65px;
  float: left;
}

.rs-mlinks-main>.brands-manufacturers .manufacturers-wrapper {
  margin-bottom: 35px;
  padding-top: 10px;
  padding-left: 65px;
  display: inline-block;
  width: 70%;
  width: calc(100% - 70px);
}

@media screen and (max-width: 941px) {
  .rs-mlinks-main>.brands-manufacturers .manufacturers-wrapper {
    padding: 0;
  }
}

.rs-mlinks-main>.brands-manufacturers .manufacturers-wrapper>.list-items {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.1px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 23px;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
}

@media screen and (max-width: 941px) {
  .rs-mlinks-main>.brands-manufacturers .manufacturers-wrapper>.list-items {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0;
    font-weight: 400;
  }
}

@media screen and (max-width: 941px) {
  .rs-mlinks-main>.brands-manufacturers .manufacturers-wrapper>.list-items {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    line-height: 21px;
  }
}

@media screen and (max-width: 769px) {
  .rs-mlinks-main>.brands-manufacturers .manufacturers-wrapper>.list-items {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

.rs-mlinks-main>.brands-manufacturers .manufacturers-wrapper>.list-items>.item {
  margin: 0;
  padding: 0;
}

.rs-mlinks-main>.brands-manufacturers .manufacturers-wrapper>.list-items>.item>a {
  text-decoration: none;
}

.rs-mlinks-main>.brands-manufacturers .manufacturers-wrapper>.list-items>.item>a>.cnt {
  color: #929292;
  font-weight: 400;
}

.rs-mlinks-main>.brands-manufacturers .manufacturers-wrapper>.list-items>.item.highlight>a,
.rs-mlinks-main>.brands-manufacturers .manufacturers-wrapper>.list-items>.item.highlight>a>span.title {
  font-weight: 700;
}

.rs-mlinks-main>.brands-manufacturers .manufacturers-wrapper>.list-items-cnt-1 {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}

.rs-mlinks-main>.disclaimer {
  color: #929292;
  border-top: 1px solid #dddddd;
  margin: 0 auto 60px;
  font-size: 12px;
  text-align: center;
  padding-top: 20px;
}

.cms-image-container img {
  width: 100%;
}

.rs-news-mainheader {
  margin-bottom: -10px;
  min-height: 140px;
}

@media screen and (max-width: 941px) {
  .rs-news-mainheader {
    margin-bottom: 35px;
  }
}

.rs-news-mainheader h1.headline {
  margin-bottom: 0;
  padding-right: 180px;
}

.rs-news-mainheader>img {
  float: right;
  margin-left: 30px;
  margin-top: -50px;
}

@media screen and (max-width: 941px) {
  .rs-news-mainheader>img {
    max-width: 30%;
    height: auto;
  }
}

.rs-news-post {
  margin-bottom: 70px;
}

.rs-news-post .news-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.rs-news-post .news-list .rs-news-post-item {
  margin-bottom: 20px;
  border: 1px solid #c7c6c7;
  transition: border .25s 0s cubic-bezier(.25, .8, .25, 1);
}

.rs-news-post .news-list .rs-news-post-item:hover {
  border: 1px solid #adadad;
}

.rs-news-post .news-list .rs-news-post-item:hover .ea-seperator {
  opacity: 1;
}

.rs-news-post .news-list .rs-news-post-item .ea-seperator {
  height: 5px;
  width: 100%;
  opacity: .7;
  transition: opacity .25s 0s cubic-bezier(.25, .8, .25, 1);
  background: url(//www.thomann.de/static/tr/img/sb-variations-pattern.png) repeat;
}

.rs-news-post .news-list .rs-news-post-item .wrapper.inner {
  padding: 10px;
  display: table;
  width: 100%;
  height: 100%;
  table-layout: fixed;
}

.rs-news-post .news-list .rs-news-post-item .wrapper.inner>.image-wrapper {
  display: table-cell;
  width: 20%;
  vertical-align: middle;
  text-align: center;
}

.rs-news-post .news-list .rs-news-post-item .wrapper.inner>.image-wrapper a {
  display: block;
}

.rs-news-post .news-list .rs-news-post-item .wrapper.inner>.image-wrapper:hover+.post-container .headline a {
  color: #01a3d4;
}

.rs-news-post .news-list .rs-news-post-item .wrapper.inner>.post-container {
  display: table-cell;
  width: 75%;
  vertical-align: top;
}

.rs-news-post .news-list .rs-news-post-item .wrapper.inner>.post-container>.date {
  color: #929292;
}

.rs-news-post .news-list .rs-news-post-item .wrapper.inner>.post-container .headline {
  font-weight: 300;
  font-size: 23px;
  line-height: 29px;
  display: block;
  margin-bottom: 2px;
}

.rs-news-post .news-list .rs-news-post-item .wrapper.inner>.post-container .headline.smaller-title {
  max-width: 95%;
}

@media screen and (max-width: 1279px) {
  .rs-news-post .news-list .rs-news-post-item .wrapper.inner>.post-container .headline {
    font-weight: 300;
    font-size: 22px;
    line-height: 28px;
  }

  .rs-news-post .news-list .rs-news-post-item .wrapper.inner>.post-container .headline.smaller-title {
    max-width: 80%;
  }
}

@media screen and (max-width:825px) {
  .rs-news-post .news-list .rs-news-post-item .wrapper.inner>.post-container .headline.smaller-title {
    max-width: 100%;
  }
}

@media screen and (max-width: 1042px) {
  .rs-news-post .news-list .rs-news-post-item .wrapper.inner>.post-container .headline {
    font-weight: 300;
    font-size: 20px;
    line-height: 26px;
  }
}

@media screen and (max-width: 941px) {
  .rs-news-post .news-list .rs-news-post-item .wrapper.inner>.post-container .headline {
    font-weight: 300;
    font-size: 17px;
    line-height: 23px;
  }
}

@media screen and (max-width: 769px) {
  .rs-news-post .news-list .rs-news-post-item .wrapper.inner>.post-container .headline {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
  }
}

.rs-news-post .news-list .rs-news-post-item .wrapper.inner>.post-container .headline>a {
  text-decoration: none;
}

@media screen and (max-width: 769px) {
  .rs-news-post .news-list .rs-news-post-item .wrapper.inner>.image-wrapper {
    display: none;
  }

  .rs-news-post .news-list .rs-news-post-item .wrapper.inner>.post-container {
    width: 100%;
  }
}

.rs-news-post .more-wrapper {
  text-align: center;
}

.rs-news-post .more-wrapper>.loader {
  display: none;
}

.rs-news-post .more-wrapper.doProgress>.link {
  display: none;
}

.rs-news-post .more-wrapper.doProgress>.loader {
  display: block;
}

.rs-news-post .more-wrapper.final {
  display: none;
}

.rs-news-blog .header {
  margin-bottom: 10px;
}

.rs-news-blog .header h2.title {
  margin: 0;
}

.rs-news-blog .header>.left {
  margin-bottom: 0;
  display: inline-block;
}

.rs-news-blog .header>.right {
  display: inline-block;
  float: right;
}

.rs-news-blog .posts-wrapper .teaser-article {
  display: table;
  width: 100%;
  margin-bottom: 20px;
  background: #f4f4f4;
}

.rs-news-blog .posts-wrapper .teaser-article>.left {
  display: table-cell;
  width: 20%;
  vertical-align: middle;
  text-align: center;
}

.rs-news-blog .posts-wrapper .teaser-article>.left.image-container>a>img {
  width: 100%;
  height: auto;
}

.rs-news-blog .posts-wrapper .teaser-article>.right {
  display: table-cell;
  width: 75%;
  padding: 10px 15px;
}

.rs-news-blog .posts-wrapper .teaser-article>.right .article-date {
  color: #787878;
}

.rs-news-blog .posts-wrapper .teaser-article>.right .article-title {
  font-weight: 300;
  font-size: 23px;
  line-height: 29px;
  display: block;
  margin-bottom: 2px;
}

.rs-news-blog .posts-wrapper .teaser-article>.right .article-title.smaller-title {
  max-width: 95%;
}

@media screen and (max-width: 1279px) {
  .rs-news-blog .posts-wrapper .teaser-article>.right .article-title {
    font-weight: 300;
    font-size: 22px;
    line-height: 28px;
  }

  .rs-news-blog .posts-wrapper .teaser-article>.right .article-title.smaller-title {
    max-width: 80%;
  }
}

@media screen and (max-width:825px) {
  .rs-news-blog .posts-wrapper .teaser-article>.right .article-title.smaller-title {
    max-width: 100%;
  }
}

@media screen and (max-width: 1042px) {
  .rs-news-blog .posts-wrapper .teaser-article>.right .article-title {
    font-weight: 300;
    font-size: 20px;
    line-height: 26px;
  }
}

@media screen and (max-width: 941px) {
  .rs-news-blog .posts-wrapper .teaser-article>.right .article-title {
    font-weight: 300;
    font-size: 17px;
    line-height: 23px;
  }
}

@media screen and (max-width: 769px) {
  .rs-news-blog .posts-wrapper .teaser-article>.right .article-title {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
  }
}

@media screen and (max-width: 1279px) {
  .rs-news-blog .posts-wrapper .teaser-article>.left {
    width: 40%;
  }

  .rs-news-blog .posts-wrapper .teaser-article>.right {
    width: 55%;
  }
}

@media screen and (max-width: 941px) {
  .rs-news-blog .posts-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .rs-news-blog .posts-wrapper .teaser-article {
    width: 50%;
    width: calc(50%  -  8px);
    display: block;
  }

  .rs-news-blog .posts-wrapper .teaser-article>.left {
    width: 100%;
    display: block;
  }

  .rs-news-blog .posts-wrapper .teaser-article>.right {
    width: 100%;
    display: block;
  }

  .rs-news-blog .posts-wrapper .teaser-article>.right .article-title {
    font-size: 13px;
    font-weight: bold;
    line-height: 19px;
  }
}

.rs-softwaredeals-intro>.headline {
  margin: .67em 0 .37em 0;
}

.rs-softwaredeals-intro>.banner-wrapper {
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden;
  border-radius: 3px;
}

.rs-softwaredeals-intro>.banner-wrapper>img {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.rs-softwaredeals-intro>.link {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.1px;
  font-weight: 400;
}

@media screen and (max-width: 941px) {
  .rs-softwaredeals-intro>.link {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0;
    font-weight: 400;
  }
}

.rs-special-softwaredeals-list {
  margin-bottom: 60px;
  margin-top: 8px;
}

.rs-special-softwaredeals-list .manufacturers-nav-wrapper .list {
  list-style: none;
  padding: 0;
  margin: 0;
  float: left;
}

.rs-special-softwaredeals-list .manufacturers-nav-wrapper .list>.item {
  display: inline-block;
  text-align: center;
  border-radius: 3px;
  border: solid 1px #dddddd;
  transition: border .25s 0s cubic-bezier(.25, .8, .25, 1);
}

.rs-special-softwaredeals-list .manufacturers-nav-wrapper .list>.item>.link {
  display: inherit;
  padding: 16px 0;
}

.rs-special-softwaredeals-list .manufacturers-nav-wrapper .list>.item>.link:hover img {
  -webkit-transform: scale(1.1) translateZ(0);
  transform: scale(1.1) translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.rs-special-softwaredeals-list .manufacturers-nav-wrapper .list>.item>.link:active img {
  -webkit-animation-name: zoomInOut;
  animation-name: zoomInOut;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

@keyframes zoomInOut {
  0% {
    -webkit-transform: scale(1.1) translateZ(0);
    transform: scale(1.1) translateZ(0);
  }

  50% {
    -webkit-transform: scale(1.2) translateZ(0);
    transform: scale(1.2) translateZ(0);
  }

  100% {
    -webkit-transform: scale(1.1) translateZ(0);
    transform: scale(1.1) translateZ(0);
  }
}

.rs-special-softwaredeals-list .manufacturers-nav-wrapper .list>.item>.link img {
  box-sizing: border-box;
  padding: 1px;
  width: auto;
  height: auto;
  max-width: 100%;
  transition: -webkit-transform .25s 0s cubic-bezier(.25, .8, .25, 1);
  transition: transform .25s 0s cubic-bezier(.25, .8, .25, 1);
  transition: transform .25s 0s cubic-bezier(.25, .8, .25, 1), -webkit-transform .25s 0s cubic-bezier(.25, .8, .25, 1);
  outline: 1px solid white;
}

.rs-special-softwaredeals-list .manufacturers-nav-wrapper .list>.item:hover {
  border: solid 1px #adadad;
}

.rs-special-softwaredeals-list .manufacturers-nav-wrapper .list>.item:focus {
  border: solid 1px #5c5c5c;
}

.rs-special-softwaredeals-list .manufacturers-nav-wrapper .list .item>.link {
  text-decoration: none;
}

.rs-special-softwaredeals-list .manufacturers-nav-wrapper .list .item>.link:hover>.caption {
  color: #01a3d4;
}

.rs-special-softwaredeals-list .manufacturers-nav-wrapper .list .item>.link>.caption {
  text-decoration: none;
  margin-top: 5px;
  color: #929292;
}

.rs-special-softwaredeals-list #sticky-manufacturers-nav .rs-tab-navigation-link-ident {
  margin-top: 5px;
}

.rs-special-softwaredeals-list .sticky-manufacturers-nav-wrapper {
  position: fixed;
  z-index: 1;
  background: white;
  padding-top: 15px;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity .25s 0s cubic-bezier(.25, .8, .25, 1);
}

.rs-special-softwaredeals-list .sticky-manufacturers-nav-wrapper.state-show {
  opacity: 1;
}

.rs-special-softwaredeals-list .sticky-manufacturers-nav-wrapper .rs-tabs-wrapper {
  margin-bottom: 0;
}

.rs-special-softwaredeals-list .sticky-manufacturers-nav-wrapper .more {
  height: 46px;
}

.rs-special-softwaredeals-list .sticky-manufacturers-nav-wrapper .more .to-left,
.rs-special-softwaredeals-list .sticky-manufacturers-nav-wrapper .more .to-right {
  margin: 0;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.rs-special-softwaredeals-list .sticky-manufacturers-nav-wrapper .rs-tabs-list li.tab.active a {
  border: none;
}

.rs-special-softwaredeals-list .sticky-manufacturers-nav-wrapper .rs-tabs-list li.tab:not(.active) .image {
  opacity: .2;
  transition: opacity .25s 0s cubic-bezier(.25, .8, .25, 1);
}

.rs-special-softwaredeals-list .sticky-manufacturers-nav-wrapper .rs-tabs-list li.tab:not(.active) .image:hover {
  opacity: 1;
}

.rs-special-softwaredeals-list .deals-lists-wrapper h3 {
  margin-top: 0;
  margin-bottom: 10px;
}

.rs-special-softwaredeals-list .deals-lists-wrapper .list {
  margin-top: 35px;
}

.cyberweek-deals-highlights {
  padding: 0 60px;
}

.cyberweek-deals-highlights .article {
  position: relative;
  width: 33%;
}

.cyberweek-deals-highlights .article .image {
  width: 100%;
  height: 0;
  padding-top: 100%;
  position: relative;
  text-align: center;
}

.cyberweek-deals-highlights .article .image img {
  max-width: 80%;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.cyberweek-deals-highlights .article .details {
  background: rgba(255,255,255,0.9);
  position: absolute;
  padding: 10px;
  max-width: 155.33333333px;
  width: 100%;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.cyberweek-deals-highlights .article .details .savings {
  background: #ff2064;
  color: #f4f4f4;
  font-size: 16px;
  display: inline-block;
  padding: 5px 10px;
  position: absolute;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  top: 0;
  left: 0;
}

.cyberweek-deals-highlights .article .details .name {
  font-size: 14px;
  color: #5c5c5c;
}

.cyberweek-deals-highlights .article .details .name a {
  text-decoration: none;
}

.cyberweek-deals-highlights .article .details .name a:hover {
  color: #ff2064;
}

.cyberweek-deals-highlights .article .details .name a:active,
.cyberweek-deals-highlights .article .details .name a:focus {
  color: #ec0048;
}

.cyberweek-deals-highlights .article .details .rating {
  margin-top: 5px;
}

.cyberweek-deals-highlights .article .details .rating .count {
  color: #adadad;
  font-size: 12px;
  position: relative;
  top: -2px;
}

.cyberweek-deals-highlights .article .details .price .now {
  color: #ff2064;
  font-size: 24px;
  font-weight: bold;
}

.cyberweek-deals-highlights .article .details .price .before {
  color: #929292;
  font-size: 18px;
  margin-left: 8px;
  text-decoration: line-through;
}

.cyberweek-deals-highlights .article .details .ctas {
  margin-top: 10px;
}

.cyberweek-deals-highlights .article .details .ctas .basket {
  background: #171717;
}

.cyberweek-deals-highlights .article .details .ctas .basket svg {
  fill: #f4f4f4;
}

.cyberweek-deals-highlights .article .details .ctas .wishlist {
  background: #dddddd;
}

.cyberweek-deals-highlights .article .details .ctas .wishlist svg {
  fill: #5c5c5c;
}

.cyberweek-deals-highlights .article .details .ctas a {
  box-sizing: border-box;
  display: inline-block;
  width: 46px;
  height: 46px;
  padding: 10px;
}

.cyberweek-deals-highlights .article .details .ctas a svg {
  width: 26px;
  height: 26px;
}

.cyberweek-deals-highlights .article .details .ctas a:hover,
.cyberweek-deals-highlights .article .details .ctas a:active {
  background: #ff2064;
  cursor: pointer;
}

.cyberweek-deals-highlights .article .details .ctas a:hover svg,
.cyberweek-deals-highlights .article .details .ctas a:active svg {
  fill: #f4f4f4;
}

.cyberweek-deals-highlights .article .details .ctas a:active {
  background: #ec0048;
}

.cyberweek-deals-highlights .article.first .image img,
.cyberweek-deals-highlights .article.last .image img {
  position: static;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.cyberweek-deals-highlights .article.first .details,
.cyberweek-deals-highlights .article.last .details {
  top: 35px;
  bottom: auto;
  -webkit-transform: none;
  transform: none;
}

.cyberweek-deals-highlights .article.first .details {
  right: 0;
  left: auto;
}

.cyberweek-deals-highlights .article.last .details {
  left: 0;
  text-align: right;
}

.cyberweek-deals-highlights .article.last .details .savings {
  left: initial;
  right: 0;
}

.cyberweek-deals-highlights .holder button.arrow.next,
.cyberweek-deals-highlights .holder button.arrow.previous {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: unset;
  right: unset;
}

.cyberweek-deals-highlights .holder button.arrow.next svg,
.cyberweek-deals-highlights .holder button.arrow.previous svg {
  width: 20px;
  height: auto;
  position: relative;
}

.cyberweek-deals-highlights .holder button.arrow.next:not([disabled]):hover svg,
.cyberweek-deals-highlights .holder button.arrow.previous:not([disabled]):hover svg {
  fill: #ff2064;
}

.cyberweek-deals-highlights .holder button.arrow.next {
  right: -40px;
}

.cyberweek-deals-highlights .holder button.arrow.next svg {
  left: 10px;
}

.cyberweek-deals-highlights .holder button.arrow.previous {
  left: -40px;
}

.cyberweek-deals-highlights .holder button.arrow.previous svg {
  right: 10px;
}

.cyberweek-deals-highlights .t-indicators li {
  padding: 0;
  margin: 0 2px;
  height: 2px;
  width: 18px;
}

.cyberweek-deals-highlights .t-indicators li.active {
  background: #ff2064;
}

.shipping-threshold-reduction-notice {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.1px;
  font-weight: 400;
}

.shipping-threshold-reduction-notice .emoji {
  margin: 0 12px 0 6px;
}

.shipping-threshold-reduction-notice>div,
.shipping-threshold-reduction-notice>span {
  display: table-cell;
  vertical-align: middle;
}

.rs-softwaredeals-promos-deals {
  overflow: hidden;
}

.rs-softwaredeals-promos-deals.rs-sidebar-box {
  padding: 0;
}

.rs-softwaredeals-promos-deals.rs-sidebar-box>.headline {
  padding: 10px 10px 0;
}

.rs-softwaredeals-promos-deals .more {
  padding: 8px 10px 10px;
  text-align: center;
}

.rs-softwaredeals-promos-deals .table {
  display: table;
  border-collapse: collapse;
  width: 100%;
  width: calc(100% + 1px);
  table-layout: fixed;
}

.rs-softwaredeals-promos-deals .table-row {
  display: table-row;
  border-bottom: 1px solid #dddddd;
}

.rs-softwaredeals-promos-deals .table-row:first-child {
  border-top: 1px solid #dddddd;
}

.rs-softwaredeals-promos-deals .table-cell {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 50%;
  height: 100%;
}

.rs-softwaredeals-promos-deals .table-cell:nth-child(odd) {
  border-right: 1px solid #dddddd;
}

.rs-softwaredeals-promos-deals .manufacturer-link {
  text-decoration: none;
  width: 100%;
  display: block;
}

.rs-softwaredeals-promos-deals .manufacturer-link,
.rs-softwaredeals-promos-deals .manufacturer-link-wrapper {
  height: 100%;
}

.rs-softwaredeals-promos-deals .manufacturer-link-wrapper {
  width: 100%;
  position: relative;
}

@keyframes zoomInOut {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.rs-softwaredeals-promos-deals .manufacturer-link-wrapper:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.rs-softwaredeals-promos-deals .manufacturer-link-wrapper:active img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-animation: zoomInOut .5s;
  animation: zoomInOut .5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.rs-softwaredeals-promos-deals .manufacturer-image {
  margin: 10px auto 10px;
  max-width: 100%;
  height: auto;
}

.rs-softwaredeals-promos-deals .manufacturer-image-wrapper {
  text-align: center;
  padding: 0 20px;
}

.rs-softwaredeals-promos-deals .manufacturer-image-wrapper img {
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: .1s ease-in-out;
}

.rs-softwaredeals-promos-deals .manufacturer-products-total {
  margin-top: 3px;
  margin-bottom: 10px;
}

.rs-softwaredeals-promos-deals .table-cell,
.rs-softwaredeals-promos-deals .more {
  border: none;
}

.rs-softwaredeals-promos-deals .banner-wrapper {
  padding: 10px;
}

.rs-softwaredeals-promos-deals .banner-wrapper img.banner {
  width: 100%;
  height: auto;
}

.corona-info {
  display: table;
  position: relative;
}

.corona-info .truck {
  display: table-cell;
  float: left;
  width: 78px;
  height: auto;
  margin-right: 1em;
}

.corona-info .truck .image {
  border: none;
  height: 100%;
  width: 100%;
}

@media screen and (max-width: 941px) {
  .corona-info .truck {
    width: 58px;
    height: auto;
  }
}

.corona-info .text {
  vertical-align: middle;
  display: table-cell;
  width: 100%;
}

.corona-info .text b,
.corona-info .text span {
  display: block;
  margin: .2em;
}

@media screen and (max-width: 941px) {
  .corona-info .text b,
  .corona-info .text span {
    line-height: 19px;
  }
}

.corona-info .right-box {
  display: table-cell;
  float: right;
  width: 78px;
  height: auto;
  margin-left: 1em;
}

@media screen and (max-width: 941px) {
  .corona-info .right-box {
    width: 58px;
    height: auto;
  }
}

.corona-info .right-box .close {
  position: absolute;
  right: 13px;
  top: 14px;
  z-index: 1;
  cursor: pointer;
}

.corona-info .right-box .close .corona-close {
  width: 12px;
  height: 12px;
  fill: #929292;
}

.corona-info.hide {
  display: none;
}

.rs-affiliate .productHighlights {
  margin-bottom: 70px;
}

.rs-affiliate-program .head>img {
  float: right;
  margin-left: 30px;
}

@media screen and (max-width: 941px) {
  .rs-affiliate-program .head>img {
    max-width: 30%;
    height: auto;
  }
}

.rs-affiliate-program .head .preheader {
  font-weight: bold;
}

.rs-affiliate-program h2.paragraph-title {
  margin-bottom: 10px;
}

.rs-affiliate-smartnavigator {
  margin-bottom: 70px;
}

.rs-affiliate-smartnavigator .breaker {
  margin: 35px 0 20px 0;
  border-bottom: 1px solid #c7c6c7;
}

.rs-affiliate-smartnavigator>.list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.rs-affiliate-form .head {
  margin-bottom: 20px;
  min-height: 120px;
}

.rs-affiliate-form .head>img {
  float: right;
  margin-left: 30px;
}

@media screen and (max-width: 941px) {
  .rs-affiliate-form .head>img {
    max-width: 30%;
    height: auto;
  }
}

.rs-affiliate-form .register-form-wrapper {
  margin: 10px 0;
  border: 1px solid #dddddd;
  padding-top: 5px;
  padding-bottom: 10px;
}

.rs-affiliate-form .register-form-wrapper .input-wrapper {
  max-width: 380px;
  margin: 12px auto;
}

.rs-affiliate-form .register-form-wrapper .input-wrapper>.half {
  width: 50%;
}

.rs-affiliate-form .register-form-wrapper .input-wrapper>.half.left {
  float: left;
  padding-right: 5px;
}

.rs-affiliate-form .register-form-wrapper .input-wrapper>.half.left.zip {
  width: 40%;
}

.rs-affiliate-form .register-form-wrapper .input-wrapper>.half.right {
  float: right;
  padding-left: 5px;
}

.rs-affiliate-form .register-form-wrapper .input-wrapper>.half.right.city {
  width: 60%;
}

.rs-affiliate-form .register-form-wrapper .input-wrapper.headline.second {
  margin-top: 20px;
}

.rs-affiliate-form .register-form-wrapper .input-wrapper .rs-input.message.invalid {
  display: block;
  margin: .3em 7px;
  font-size: 12px;
}

.rs-affiliate-form .register-form-wrapper .input-wrapper .rs-input.message.invalid.invalid {
  color: #dd0303;
}

.rs-affiliate-form .notes-wrapper {
  margin-top: 15px;
}

.rs-affiliate-form .notes-wrapper ul {
  padding-left: 8px;
  margin: 0 0 15px;
}

.rs-affiliate-form .notes-wrapper ul li {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.1px;
  font-weight: 400;
  list-style: none;
}

@media screen and (max-width: 941px) {
  .rs-affiliate-form .notes-wrapper ul li {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0;
    font-weight: 400;
  }
}

.rs-affiliate-form .notes-wrapper ul li:before {
  content: "\00B7";
  font-size: 24px;
  vertical-align: text-top;
  line-height: 18px;
  margin-left: -9px;
  margin-right: 3px;
}

@media screen and (min-width: 942px) {
  .rs-affiliate-form .notes-wrapper ul li:before {
    margin-right: 10px;
  }
}

.rs-affiliate-checkback {
  margin-bottom: 60px;
}

.rs-affiliate-checkback .head {
  margin-bottom: 20px;
  min-height: 120px;
}

.rs-affiliate-checkback .head>img {
  float: right;
  margin-left: 30px;
}

@media screen and (max-width: 941px) {
  .rs-affiliate-checkback .head>img {
    max-width: 30%;
    height: auto;
  }
}

.rs-affiliate-linklist {
  margin-bottom: 35px;
}

.rs-affiliate-linklist .head>img {
  float: right;
  margin-left: 30px;
}

@media screen and (max-width: 941px) {
  .rs-affiliate-linklist .head>img {
    max-width: 30%;
    height: auto;
  }
}

.rs-affiliate-linklist .categories-filter>h2 {
  margin-bottom: 10px;
}

.rs-affiliate-linklist .categories-filter .cat-wrapper>a.link {
  text-decoration: none;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 8px;
  background-color: #f4f4f4;
  padding: 5px;
  border-radius: 10px;
}

.rs-affiliate-linklist .categories-filter .cat-wrapper>a.link.active {
  background-color: #01a3d4;
  color: white;
  font-weight: bold;
}

.rs-affiliate-linklist-partners>.list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.rs-affiliate-linklist-partners>.list li {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.1px;
  font-weight: 400;
  list-style: none;
  margin-bottom: 8px;
}

@media screen and (max-width: 941px) {
  .rs-affiliate-linklist-partners>.list li {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0;
    font-weight: 400;
  }
}

.rs-affiliate-linklist-partners>.list li:before {
  content: "\00B7";
  font-size: 24px;
  vertical-align: text-top;
  line-height: 18px;
}

.rs-affiliate-linklist-partners>.list li>.link {
  padding-left: 5px;
  font-weight: bold;
}

.rs-affiliate-linklist-partners>.list li>.desc {
  display: block;
  padding-left: 10px;
}

.rs-affiliate-linklist-partners .rs-linklist-loading-gif {
  display: none;
}

.rs-stompenberg-sidebar-about #rs-stompenberg-about-carousel {
  display: none;
}

.rs-stompenberg-sidebar-about>.preview {
  position: relative;
  display: flex;
  height: 150px;
  margin-bottom: 10px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  overflow: hidden;
}

.rs-stompenberg-sidebar-about>.preview>.logo {
  position: absolute;
  bottom: 5px;
  right: 5px;
  padding: 5px;
  margin: 5px;
  width: 35%;
  background: rgba(59,59,59,0.75);
  border-radius: 3px;
  border: 1px solid #5c5c5c;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rs-stompenberg-sidebar-about>.preview>.logo>.image {
  width: 100%;
  height: 100%;
}

.rs-stompenberg-sidebar-about>.preview>.logo>.image * {
  fill: #f4f4f4 !important;
}

.rs-stompenberg-sidebar-about>.preview>.image {
  width: 100%;
}

.rs-stompenberg-sidebar-about>.banner {
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
}

.rs-stompenberg-sidebar-about>.link {
  display: block;
  text-align: center;
}

.stompenberg .board {
  display: flex;
  position: relative;
  justify-content: center;
  -webkit-perspective: 750px;
  -ms-perspective: 750px;
  perspective: 750px;
}

.stompenberg .board>.background {
  position: absolute;
  display: flex;
  justify-content: center;
  height: 100%;
  align-items: center;
  color: #2c3e50;
  background: currentColor;
  box-sizing: content-box;
  border: 1px solid rgba(0,0,0,.15);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-perspective: 8px;
  -ms-perspective: 8px;
  perspective: 8px;
}

.stompenberg .board>.background>.frame {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  box-sizing: border-box;
}

.stompenberg .board>.background>.background {
  position: relative;
}

.stompenberg .board>.background>.icons {
  position: absolute;
  width: 100%;
  height: 100%;
}

.stompenberg .board>.background>.icons>img {
  position: absolute;
  fill: currentColor;
}

.stompenberg .board .layout {
  position: relative;
  box-sizing: content-box;
  pointer-events: auto;
}

.stompenberg .board .layout .control {
  display: flex;
  flex-direction: column;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.stompenberg .board .layout .control.horizontal {
  flex-direction: row;
}

.stompenberg .board .layout .control.reversed {
  flex-direction: row-reverse;
}

.stompenberg .board .layout .control+.label,
.stompenberg .board .layout .control .label {
  font-family: Open Sans,sans-serif;
  font-weight: 600;
  color: currentColor;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 2;
  font-size: 12px;
}

.stompenberg .board .layout .control+.label.bold,
.stompenberg .board .layout .control .label.bold {
  font-weight: 700;
}

.stompenberg .board .layout .control+.label.bolder,
.stompenberg .board .layout .control .label.bolder {
  font-weight: bolder;
}

.stompenberg .board .layout .control+.label.lighter,
.stompenberg .board .layout .control .label.lighter {
  font-weight: lighter;
}

.stompenberg .board .layout .control+.label.top,
.stompenberg .board .layout .control .label.top {
  margin-bottom: .2rem;
}

.stompenberg .board .layout .control+.label.bottom,
.stompenberg .board .layout .control .label.bottom {
  margin-top: .2rem;
}

.stompenberg .board .layout .control+.label.vertical,
.stompenberg .board .layout .control .label.vertical {
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
}

.stompenberg .board .layout .control+.label.reversed,
.stompenberg .board .layout .control .label.reversed {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.stompenberg .board .layout .control+.label.left,
.stompenberg .board .layout .control .label.left {
  margin-right: .2rem;
}

.stompenberg .board .layout .control+.label.right,
.stompenberg .board .layout .control .label.right {
  margin-left: .2rem;
}

.stompenberg .board .layout .control+.label.huge,
.stompenberg .board .layout .control .label.huge {
  font-size: 16.2px;
}

.stompenberg .board .layout .control+.label.big,
.stompenberg .board .layout .control .label.big {
  font-size: 13.8px;
}

.stompenberg .board .layout .control+.label.small,
.stompenberg .board .layout .control .label.small {
  font-size: 10.2px;
}

.stompenberg .board .layout .control+.label.tiny,
.stompenberg .board .layout .control .label.tiny {
  font-size: 7.8px;
}

.stompenberg .board .layout .group {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

.stompenberg .board .layout .group+.label,
.stompenberg .board .layout .group .label {
  font-family: Open Sans,sans-serif;
  font-weight: 600;
  color: currentColor;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 2;
  font-size: 12px;
}

.stompenberg .board .layout .group+.label.bold,
.stompenberg .board .layout .group .label.bold {
  font-weight: 700;
}

.stompenberg .board .layout .group+.label.bolder,
.stompenberg .board .layout .group .label.bolder {
  font-weight: bolder;
}

.stompenberg .board .layout .group+.label.lighter,
.stompenberg .board .layout .group .label.lighter {
  font-weight: lighter;
}

.stompenberg .board .layout .group+.label.top,
.stompenberg .board .layout .group .label.top {
  margin-bottom: .2rem;
}

.stompenberg .board .layout .group+.label.bottom,
.stompenberg .board .layout .group .label.bottom {
  margin-top: .2rem;
}

.stompenberg .board .layout .group+.label.vertical,
.stompenberg .board .layout .group .label.vertical {
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
}

.stompenberg .board .layout .group+.label.reversed,
.stompenberg .board .layout .group .label.reversed {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.stompenberg .board .layout .group+.label.left,
.stompenberg .board .layout .group .label.left {
  margin-right: .2rem;
}

.stompenberg .board .layout .group+.label.right,
.stompenberg .board .layout .group .label.right {
  margin-left: .2rem;
}

.stompenberg .board .layout .group+.label.huge,
.stompenberg .board .layout .group .label.huge {
  font-size: 16.2px;
}

.stompenberg .board .layout .group+.label.big,
.stompenberg .board .layout .group .label.big {
  font-size: 13.8px;
}

.stompenberg .board .layout .group+.label.small,
.stompenberg .board .layout .group .label.small {
  font-size: 10.2px;
}

.stompenberg .board .layout .group+.label.tiny,
.stompenberg .board .layout .group .label.tiny {
  font-size: 7.8px;
}

.stompenberg .board .layout .group.horizontal {
  flex-direction: column;
}

.stompenberg .board .layout .group.horizontal>.children+.label {
  margin-top: .4rem;
}

.stompenberg .board .layout .group.vertical {
  flex-direction: row;
}

.stompenberg .board .layout .group.vertical>.children {
  flex-direction: column;
}

.stompenberg .board .layout .group>.children {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-around;
}

.stompenberg .board .layout .group>.children>* {
  width: 0!important;
}

.stompenberg .board .layout .control.button {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-perspective: 500px;
  -ms-perspective: 500px;
  perspective: 500px;
}

.stompenberg .board .layout .control.button.huge>.hexagonal {
  height: 82.5px;
  width: 82.5px;
}

.stompenberg .board .layout .control.button.huge>.hexagonal>.side {
  top: 6.6px;
}

.stompenberg .board .layout .control.button.huge>.hexagonal>.nub {
  margin-top: -3.3px;
}

.stompenberg .board .layout .control.button.huge .nub {
  width: 82.5px;
  height: 82.5px;
  box-shadow: 0 6.95px 0 rgba(0,0,0,.35),0 4px 1px rgba(44,62,80,.1);
}

.stompenberg .board .layout .control.button.huge .nub:before {
  top: -4.95px;
}

.stompenberg .board .layout .control.button.huge .nub.pressed {
  -webkit-transform: translateY(3.3px);
  transform: translateY(3.3px);
}

.stompenberg .board .layout .control.button.big>.hexagonal {
  height: 62.5px;
  width: 62.5px;
}

.stompenberg .board .layout .control.button.big>.hexagonal>.side {
  top: 5px;
}

.stompenberg .board .layout .control.button.big>.hexagonal>.nub {
  margin-top: -2.5px;
}

.stompenberg .board .layout .control.button.big .nub {
  width: 62.5px;
  height: 62.5px;
  box-shadow: 0 5.75px 0 rgba(0,0,0,.35),0 4px 1px rgba(44,62,80,.1);
}

.stompenberg .board .layout .control.button.big .nub:before {
  top: -3.75px;
}

.stompenberg .board .layout .control.button.big .nub.pressed {
  -webkit-transform: translateY(2.5px);
  transform: translateY(2.5px);
}

.stompenberg .board .layout .control.button.small>.hexagonal {
  height: 42.5px;
  width: 42.5px;
}

.stompenberg .board .layout .control.button.small>.hexagonal>.side {
  top: 3.4px;
}

.stompenberg .board .layout .control.button.small>.hexagonal>.nub {
  margin-top: -1.7px;
}

.stompenberg .board .layout .control.button.small .nub {
  width: 42.5px;
  height: 42.5px;
  box-shadow: 0 4.55px 0 rgba(0,0,0,.35),0 4px 1px rgba(44,62,80,.1);
}

.stompenberg .board .layout .control.button.small .nub:before {
  top: -2.55px;
}

.stompenberg .board .layout .control.button.small .nub.pressed {
  -webkit-transform: translateY(1.7px);
  transform: translateY(1.7px);
}

.stompenberg .board .layout .control.button.tiny>.hexagonal {
  height: 22.5px;
  width: 22.5px;
}

.stompenberg .board .layout .control.button.tiny>.hexagonal>.side {
  top: 1.8px;
}

.stompenberg .board .layout .control.button.tiny>.hexagonal>.nub {
  margin-top: -.9px;
}

.stompenberg .board .layout .control.button.tiny .nub {
  width: 22.5px;
  height: 22.5px;
  box-shadow: 0 3.35px 0 rgba(0,0,0,.35),0 4px 1px rgba(44,62,80,.1);
}

.stompenberg .board .layout .control.button.tiny .nub:before {
  top: -1.35px;
}

.stompenberg .board .layout .control.button.tiny .nub.pressed {
  -webkit-transform: translateY(.9px);
  transform: translateY(.9px);
}

.stompenberg .board .layout .control.button>.hexagonal {
  height: 50px;
  width: 50px;
}

.stompenberg .board .layout .control.button>.hexagonal>.side {
  top: 4px;
}

.stompenberg .board .layout .control.button>.hexagonal>.nub {
  margin-top: -2px;
}

.stompenberg .board .layout .control.button .nub {
  box-shadow: 0 5px 0 rgba(0,0,0,.35),0 4px 1px rgba(44,62,80,.1);
}

.stompenberg .board .layout .control.button .nub.pressed {
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}

.stompenberg .board .layout .control.button.reversed {
  flex-direction: column-reverse;
}

.stompenberg .board .layout .control.button.reversed.horizontal {
  flex-direction: row-reverse;
}

.stompenberg .board .layout .control.button>.hexagonal {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  clip-path: polygon(25% 5%,75% 5%,100% 50%,100% 100%,0 100%,0 50%);
  -webkit-clip-path: polygon(25% 5%,75% 5%,100% 50%,100% 100%,0 100%,0 50%);
}

.stompenberg .board .layout .control.button>.hexagonal>.nub {
  position: absolute;
  border-radius: 50%;
  width: 63%;
  height: 63%;
}

.stompenberg .board .layout .control.button>.hexagonal>.nub.pressed {
  box-shadow: 0 1px 0 rgba(44,62,80,.1),0 4px 1px rgba(44,62,80,.1);
}

.stompenberg .board .layout .control.button>.hexagonal>.front {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  clip-path: polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);
  -webkit-clip-path: polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);
  box-shadow: inset 0 0 0 100px rgba(0,0,0,.2);
}

.stompenberg .board .layout .control.button>.hexagonal>.side {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  clip-path: polygon(50% 40%,100% 40%,100% 50%,75% 95%,25% 95%,-5% 40%);
  -webkit-clip-path: polygon(50% 40%,100% 40%,100% 50%,75% 95%,25% 95%,-5% 40%);
  box-shadow: inset 0 0 0 100px rgba(0,0,0,.4);
}

.stompenberg .board .layout .control.button>.nub.pressed {
  box-shadow: 0 1px 0 rgba(44,62,80,.1),0 4px 1px rgba(44,62,80,.1);
}

.stompenberg .board .layout .control.button>.nub.pressed:before {
  top: -1px;
}

.stompenberg .board .layout .control.button .nub {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: currentColor;
  border-radius: 2px;
  transition: all .2s cubic-bezier(.25,.85,.25,.85);
  -webkit-transform-origin: center -40%;
  transform-origin: center -40%;
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
  will-change: transform;
}

.stompenberg .board .layout .control.button .nub:before {
  background: currentColor;
  top: -3px;
  z-index: 1;
}

.stompenberg .board .layout .control.button .nub:after,
.stompenberg .board .layout .control.button .nub:before {
  position: absolute;
  width: 100%;
  height: 100%;
  color: inherit;
  content: "";
  border-radius: inherit;
  pointer-events: none;
  transition: all .35s cubic-bezier(.25,.85,.25,.85);
}

.stompenberg .board .layout .control.button .nub:after {
  background: rgba(0,0,0,.2);
  top: 0;
  z-index: 0;
}

.stompenberg .board .layout .control.button.full {
  width: 100%;
  height: 100%;
}

.stompenberg .board .layout .control.button.full>.nub {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.stompenberg .board .layout .control.button.full>.nub:after {
  position: absolute;
  content: "";
  height: 5px;
  width: 15%;
  top: auto;
  bottom: 7%;
  border-left: 1px double;
  border-right: 1px double;
  border-color: rgba(0,0,0,.25);
  border-style: double none;
  border-width: 1px medium;
  border-radius: 0;
  z-index: 2;
  -webkit-filter: drop-shadow(0 -1px 1px #111) drop-shadow(0 1px 1px #666);
  filter: drop-shadow(0 -1px 1px #111) drop-shadow(0 1px 1px #666);
  background: none;
}

.stompenberg .board .layout .control.button.full>.nub.pressed {
  -webkit-transform: rotateX(-10deg);
  transform: rotateX(-10deg);
}

.stompenberg .board .layout .control.button.rounded>.nub {
  border-radius: 50%;
}

.stompenberg .board .layout .control.button.linked>.nub>.switch>.label {
  color: #fff;
}

.stompenberg .board .layout .control.button.linked>.nub:before {
  content: none;
}

.stompenberg .board .layout .control.dial {
  font-size: 0;
}

.stompenberg .board .layout .control.dial.huge>.container {
  min-width: 67.5px;
  min-height: 67.5px;
}

.stompenberg .board .layout .control.dial.huge>.container>.knob>.marker {
  width: 5.625px;
  height: 11.25px;
  border-top-left-radius: 2.8125px;
  border-top-right-radius: 2.8125px;
}

.stompenberg .board .layout .control.dial.huge>.container>.tick:before {
  bottom: -13.5px;
  width: 5.625px;
  height: 6.75px;
}

.stompenberg .board .layout .control.dial.big>.container {
  min-width: 54px;
  min-height: 54px;
}

.stompenberg .board .layout .control.dial.big>.container>.knob>.marker {
  width: 4.5px;
  height: 9px;
  border-top-left-radius: 2.25px;
  border-top-right-radius: 2.25px;
}

.stompenberg .board .layout .control.dial.big>.container>.tick:before {
  bottom: -10.8px;
  width: 4.5px;
  height: 5.4px;
}

.stompenberg .board .layout .control.dial.small>.container {
  min-width: 33.75px;
  min-height: 33.75px;
}

.stompenberg .board .layout .control.dial.small>.container>.knob>.marker {
  width: 2.8125px;
  height: 5.625px;
  border-top-left-radius: 1.40625px;
  border-top-right-radius: 1.40625px;
}

.stompenberg .board .layout .control.dial.small>.container>.tick:before {
  bottom: -6.75px;
  width: 2.8125px;
  height: 3.375px;
}

.stompenberg .board .layout .control.dial.tiny>.container {
  min-width: 22.5px;
  min-height: 22.5px;
}

.stompenberg .board .layout .control.dial.tiny>.container>.knob>.marker {
  width: 1.875px;
  height: 3.75px;
  border-top-left-radius: .9375px;
  border-top-right-radius: .9375px;
}

.stompenberg .board .layout .control.dial.tiny>.container>.tick:before {
  bottom: -4.5px;
  width: 1.875px;
  height: 2.25px;
}

.stompenberg .board .layout .control.dial>.container {
  min-width: 45px;
  min-height: 45px;
}

.stompenberg .board .layout .control.dial>.container>.knob>.marker {
  width: 3.75px;
  height: 7.5px;
  border-top-left-radius: 1.875px;
  border-top-right-radius: 1.875px;
}

.stompenberg .board .layout .control.dial>.container>.tick:before {
  bottom: -9px;
  width: 3.75px;
  height: 4.5px;
}

.stompenberg .board .layout .control.dial.free>.container.ready>.knob {
  -webkit-animation-name: start;
  animation-name: start;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: cubic-bezier(.25,.85,.25,.85);
  animation-timing-function: cubic-bezier(.25,.85,.25,.85);
}

.stompenberg .board .layout .control.dial.free>.container.locked>.knob {
  -webkit-animation-name: none!important;
  animation-name: none!important;
}

.stompenberg .board .layout .control.dial.free>.container.running>.knob {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.stompenberg .board .layout .control.dial.snap>.container>.knob {
  transition: -webkit-transform .15s cubic-bezier(.25,.85,.25,.85);
  transition: transform .15s cubic-bezier(.25,.85,.25,.85);
  transition: transform .15s cubic-bezier(.25,.85,.25,.85), -webkit-transform .15s cubic-bezier(.25,.85,.25,.85);
}

.stompenberg .board .layout .control.dial>.container {
  position: relative;
  border-radius: 50%;
  border: none;
  box-sizing: border-box;
  background: currentColor;
  box-shadow: 0 3px 0 rgba(44,62,80,.1),0 4px 1px rgba(44,62,80,.1);
}

.stompenberg .board .layout .control.dial>.container:after {
  color: inherit;
  content: "";
  position: absolute;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  box-shadow: 0 4px 0 rgba(0,0,0,.2);
  pointer-events: none;
}

.stompenberg .board .layout .control.dial>.container:before {
  color: inherit;
  content: "";
  position: absolute;
  border-radius: inherit;
  top: -1px;
  width: 100%;
  height: 100%;
  box-shadow: 0 4px 0 currentColor;
  pointer-events: none;
}

.stompenberg .board .layout .control.dial>.container>.knob {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  will-change: transform;
  z-index: 2;
  color: #2c3e50;
  background-color: currentColor;
  box-sizing: border-box;
  cursor: pointer;
}

.stompenberg .board .layout .control.dial>.container>.knob.pressed {
  cursor: ns-resize!important;
}

.stompenberg .board .layout .control.dial>.container>.knob>.marker {
  position: absolute;
  display: block;
  bottom: 0;
  left: 50%;
  color: #ecf0f1;
  background: currentColor;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
  box-sizing: content-box;
}

.stompenberg .board .layout .control.dial>.container>.tick {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  color: currentColor;
}

.stompenberg .board .layout .control.dial>.container>.tick:before {
  position: absolute;
  display: block;
  left: 50%;
  content: "";
  border-radius: 2px;
  background: currentColor;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@-webkit-keyframes start {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  to {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@keyframes start {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  to {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

.stompenberg .board .layout .control.dummy {
  position: relative;
  height: 100%;
  width: 100%;
  border: .2rem dashed rgba(44,62,80,.1);
  font-size: larger;
  font-weight: bolder;
  color: #ecf0f1;
  border-radius: 2px;
  background: rgba(44,62,80,.1);
  background: repeating-linear-gradient(-45deg,#27ae60,#27ae60 .4rem,#2c3e50 0,#2c3e50 .8rem);
  box-sizing: border-box;
}

.stompenberg .board .layout .control.dummy>span {
  background: #2c3e50;
  border-radius: 2px;
  padding: .4rem .8rem;
  border: .2rem solid #27ae60;
}

.stompenberg .board .layout .control.led {
  position: relative;
  text-align: center;
  font-size: 0;
}

.stompenberg .board .layout .control.led.huge>.container {
  position: relative;
}

.stompenberg .board .layout .control.led.huge>.container>.bulb {
  width: 27px;
  height: 27px;
}

.stompenberg .board .layout .control.led.huge>.container>.bulb>.light {
  box-shadow: 0 0 18px 3px currentColor;
}

.stompenberg .board .layout .control.led.big>.container {
  position: relative;
}

.stompenberg .board .layout .control.led.big>.container>.bulb {
  width: 21.6px;
  height: 21.6px;
}

.stompenberg .board .layout .control.led.big>.container>.bulb>.light {
  box-shadow: 0 0 14.4px 2.4px currentColor;
}

.stompenberg .board .layout .control.led.small>.container {
  position: relative;
}

.stompenberg .board .layout .control.led.small>.container>.bulb {
  width: 13.5px;
  height: 13.5px;
}

.stompenberg .board .layout .control.led.small>.container>.bulb>.light {
  box-shadow: 0 0 9px 1.5px currentColor;
}

.stompenberg .board .layout .control.led.tiny>.container {
  position: relative;
}

.stompenberg .board .layout .control.led.tiny>.container>.bulb {
  width: 9px;
  height: 9px;
}

.stompenberg .board .layout .control.led.tiny>.container>.bulb>.light {
  box-shadow: 0 0 6px 1px currentColor;
}

.stompenberg .board .layout .control.led>.container>.bulb>.light {
  box-shadow: 0 0 12px 2px currentColor;
}

.stompenberg .board .layout .control.led.horizontal {
  flex-direction: row;
}

.stompenberg .board .layout .control.led.reversed {
  flex-direction: column-reverse;
}

.stompenberg .board .layout .control.led.reversed.horizontal {
  flex-direction: row-reverse;
}

.stompenberg .board .layout .control.led.off>.container>.bulb {
  opacity: .8;
  background: rgba(0,0,0,.1);
  border-color: rgba(0,0,0,.15);
}

.stompenberg .board .layout .control.led.off>.container>.bulb>.light {
  display: none;
  box-shadow: none;
}

.stompenberg .board .layout .control.led>.container {
  position: relative;
}

.stompenberg .board .layout .control.led>.container>.bulb {
  display: flex;
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin: auto;
  background: currentColor;
  border-radius: 50%;
  border: 2px solid rgba(0,0,0,.5);
  box-sizing: border-box;
  transition: opacity .4s cubic-bezier(.25,.85,.25,.85);
  -webkit-filter: drop-shadow(0 0 2px rgba(44,62,80,.1));
  filter: drop-shadow(0 0 2px rgba(44,62,80,.1));
}

.stompenberg .board .layout .control.led>.container>.bulb:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 115%;
  height: 115%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  border-radius: 50%;
  box-shadow: inset 0 0 4px 2px rgba(0,0,0,.3);
}

.stompenberg .board .layout .control.led>.container>.bulb>.light {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  transition: color .1s cubic-bezier(.25,.85,.25,.85),box-shadow .2s cubic-bezier(.25,.85,.25,.85);
  background: currentColor;
  will-change: color;
}

.stompenberg .board .layout .control.led>.container>.bulb>.light.red {
  color: #e74c3c;
}

.stompenberg .board .layout .control.led>.container>.bulb>.light.green {
  color: #27ae60;
}

.stompenberg .board .layout .control.led>.container>.bulb>.light.yellow {
  color: #f1c40f;
}

.stompenberg .board .layout .control.led>.container>.bulb>.light.orange {
  color: #e67e22;
}

.stompenberg .board .layout .control.led>.container>.bulb>.light.blue {
  color: #3498db;
}

.stompenberg .board .layout .control.led>.container>.bulb>.light.pink {
  color: #f0f;
}

.stompenberg .board .layout .control.led>.container>.bulb>.light.white {
  color: #ecf0f1;
}

.stompenberg .board .layout .control.led>.container>.bulb>.light.black,
.stompenberg .board .layout .control.led>.container>.bulb>.light.off {
  color: #2c3e50;
}

.stompenberg .board .layout .control.led.linked {
  display: flex;
  align-self: center;
  justify-content: center;
}

.stompenberg .board .layout .control.led.linked>.container {
  width: auto;
  height: auto;
  margin: 0;
}

.stompenberg .board .layout .control.signal {
  transition: background .5s cubic-bezier(.25,.85,.25,.85);
}

.stompenberg .board .layout .control.signal.on {
  background: #27ae60;
}

.stompenberg .board .layout .control.signal.off {
  background: #e74c3c;
}

.stompenberg .board .layout .control.switch {
  position: relative;
  text-align: center;
}

.stompenberg .board .layout .control.switch.vertical>.container {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.stompenberg .board .layout .control.switch.vertical.reversed>.container {
  flex-direction: column-reverse;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.stompenberg .board .layout .control.switch.reversed>.container {
  flex-direction: row-reverse;
}

.stompenberg .board .layout .control.switch.huge>.container {
  width: 75px;
  height: 19.98px;
  border-radius: 150px;
}

.stompenberg .board .layout .control.switch.huge>.container>.slider {
  border-radius: 150px;
}

.stompenberg .board .layout .control.switch.huge>.container>.slider::-ms-thumb {
  width: 15.98px;
  height: 15.98px;
}

.stompenberg .board .layout .control.switch.huge>.container>.slider::-moz-range-thumb {
  width: 15.98px;
  height: 15.98px;
}

.stompenberg .board .layout .control.switch.huge>.container>.slider::-webkit-slider-thumb {
  width: 15.98px;
  height: 15.98px;
}

.stompenberg .board .layout .control.switch.huge.vertical>.container {
  margin: 39.96px 0;
}

.stompenberg .board .layout .control.switch.big>.container {
  width: 62.5px;
  height: 16.65px;
  border-radius: 125px;
}

.stompenberg .board .layout .control.switch.big>.container>.slider {
  border-radius: 125px;
}

.stompenberg .board .layout .control.switch.big>.container>.slider::-ms-thumb {
  width: 12.65px;
  height: 12.65px;
}

.stompenberg .board .layout .control.switch.big>.container>.slider::-moz-range-thumb {
  width: 12.65px;
  height: 12.65px;
}

.stompenberg .board .layout .control.switch.big>.container>.slider::-webkit-slider-thumb {
  width: 12.65px;
  height: 12.65px;
}

.stompenberg .board .layout .control.switch.big.vertical>.container {
  margin: 33.3px 0;
}

.stompenberg .board .layout .control.switch.small>.container {
  width: 37.5px;
  height: 9.99px;
  border-radius: 75px;
}

.stompenberg .board .layout .control.switch.small>.container>.slider {
  border-radius: 75px;
}

.stompenberg .board .layout .control.switch.small>.container>.slider::-ms-thumb {
  width: 5.99px;
  height: 5.99px;
}

.stompenberg .board .layout .control.switch.small>.container>.slider::-moz-range-thumb {
  width: 5.99px;
  height: 5.99px;
}

.stompenberg .board .layout .control.switch.small>.container>.slider::-webkit-slider-thumb {
  width: 5.99px;
  height: 5.99px;
}

.stompenberg .board .layout .control.switch.small.vertical>.container {
  margin: 19.98px 0;
}

.stompenberg .board .layout .control.switch.tiny>.container {
  width: 25px;
  height: 6.66px;
  border-radius: 50px;
}

.stompenberg .board .layout .control.switch.tiny>.container>.slider {
  border-radius: 50px;
}

.stompenberg .board .layout .control.switch.tiny>.container>.slider::-ms-thumb {
  width: 2.66px;
  height: 2.66px;
}

.stompenberg .board .layout .control.switch.tiny>.container>.slider::-moz-range-thumb {
  width: 2.66px;
  height: 2.66px;
}

.stompenberg .board .layout .control.switch.tiny>.container>.slider::-webkit-slider-thumb {
  width: 2.66px;
  height: 2.66px;
}

.stompenberg .board .layout .control.switch.tiny.vertical>.container {
  margin: 13.32px 0;
}

.stompenberg .board .layout .control.switch>.container {
  width: 50px;
  height: 13.32px;
  border-radius: 100px;
}

.stompenberg .board .layout .control.switch>.container>.slider {
  border-radius: 100px;
}

.stompenberg .board .layout .control.switch>.container>.slider::-ms-thumb {
  width: 9.32px;
  height: 9.32px;
}

.stompenberg .board .layout .control.switch>.container>.slider::-moz-range-thumb {
  width: 9.32px;
  height: 9.32px;
}

.stompenberg .board .layout .control.switch>.container>.slider::-webkit-slider-thumb {
  width: 9.32px;
  height: 9.32px;
}

.stompenberg .board .layout .control.switch.vertical>.container {
  margin: 26.64px 0;
}

.stompenberg .board .layout .control.switch.full>.container {
  width: auto;
}

.stompenberg .board .layout .control.switch>.container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .2s cubic-bezier(.25,.85,.25,.85);
  cursor: pointer;
}

.stompenberg .board .layout .control.switch>.container>.slider {
  display: block;
  box-sizing: border-box;
  -webkit-appearance: none;
  cursor: inherit;
  outline: none;
  margin: 0;
  padding: 0;
  width: inherit;
  height: inherit;
  border: 2px solid transparent;
  box-shadow: 0 0 0 1px #d3d3d3,0 0 0 2px rgba(0,0,0,.5);
  background: #333;
}

.stompenberg .board .layout .control.switch>.container>.slider::-ms-thumb {
  -moz-appearance: none;
  appearance: none;
  border-radius: 50%;
  background: #d3d3d3;
}

.stompenberg .board .layout .control.switch>.container>.slider::-moz-range-thumb {
  -moz-appearance: none;
  appearance: none;
  border-radius: 50%;
  background: #d3d3d3;
}

.stompenberg .board .layout .control.switch>.container>.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 50%;
  background: #d3d3d3;
}

.stompenberg .board .layout>.item {
  display: flex;
  justify-content: start;
  align-items: center;
  min-height: 25px;
  min-width: 25px;
  position: relative;
  transition: none;
  box-sizing: border-box;
  flex-direction: column;
}

.stompenberg .board .layout>.item.top {
  align-items: flex-start;
}

.stompenberg .board .layout>.item.bottom {
  align-items: flex-end;
}

.stompenberg .board .noise {
  background-color: currentColor;
}

.stompenberg .board .noise,
.stompenberg .board .noise:after,
.stompenberg .board .noise:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAJmklEQVRoQ23a7XETTROFYekfWWAiwUSCiQQTiSESQySGSPzWPS+X6jwuVOVaaXemp7/7dK+vj4+P737//n35+PHjpc+PHz8uT09Pl2/fvl3u7u5u93/9+nV5//795eHh4dL6Dx8+XO7v78+er1+/nvVdv3z5ctb8/Pnz9hu9z58/X6LjWXui0fPv37+f8+zvjOjFT+t7hk73e97+rs/Pz5fr/f39uw7oZp8IJ1QE+zw+Pl563ifmX19fz7MO3mft717PP336dA7tkBiImZ5FOyY877c10VzhO6+9KaVzotv5MR09+zy7CUIbLy8v56B+R7jfXdscE30cGvEY7LA+fU/jmO7QBGRJaygtZhImRXWlqPb/+fPnnEfzrYkHAramTwqL1+vDw8M7LhSDzMk6EcKsdTHbfYxhmJlb18cazHRozLAwl9m165qt7/d6Sd8J335KuV4ul3eZh393CGu0KIv04Q6E5RY0FFEf8dRv1vKctXuWAqKXoP11FuG5I1fK3aOVUuOL8px5XKtDHChwmS4hfRfEYipiCR1zfZcAWHUTCDeNVky2Pqa7nzAJ0X5Wi25/nd9f65zRvnjh6tG73t3dnayVv1+v12O2fgtWWu0Q2u8AbrTuGJMyi8BOewkkQDtcPKAdLRmN26UcFqLo7nGr9nafmx9BmJmv0sYGfQz2kZ5pknAY6HfEY5jwtMpNxUxMEd5ZtMzSKbiz2lMCKHF0FQIpMt6OIGuiFabFmTCt9p32YzQt09BmElr07JZVroXj/9N5e6MZgwmTy4hDaRVPYhPzreOC8eb7EWSDrocdpHAJpjQkVhSxBEtAh3Qo62IAHQVN6mYN9xOgZzJeCuk3XqLLymJ1FXB9enp6F9Fcpk19V/DSJn9W0flrAtD61ovotEdq5RYxKAN1jytG13k955ZqUjxsMnnLh3i+vr6+nhiRj/NB/qkYpnEB21Wwd2jf1+3EkJQqw9B2rrWJABRhCa4ts0m3XBZ0Qkdav7lWBJO8BZiQufgtd1FhVV5xhIm1moImqGXFaKkdW6d4hmyk6ncf85KR86NzDTQKrMU96klMESjLxFDaKVVvJhMb4Em0YqaPDCNQWREOext/LLxxAiJ15REEOXWkGIFCBROXSpv8FjollAwGXMJoipbD0qKcz31iFM5yhckWY7FaKZj7g0sUJtauLy8vRxBWWfwDpneYmgABgN4dvPEA3qjGmAeBNktxZ0VUtZfuxUkCKaQ9i3aKw/cBjQmiigJh/HIPajFkK11zO8khrYEYglgSkbFoVJCqVe2Fu9SX7V8EO9DJdbntEQTOZ76trmrFVnU+3VUW4UrSbZazThrvmVqjv1ATNvC1DYQVr6wJ7nCveDsxwvxQK3TJR2mzdYgCjhu4AGGM6y0oR6wsrVL91hxZU53hxiUW+wU4d5NBTx3pUBpVuLiZOiBgO1hXppA5EARXpLb3UGg9E4vcmjK3u5QIrI2G4og/ijwwPilZQywAZ6ABHwZTtLSLs0B+tYLVKEN7DKdtr8PFoNuUuy0EOEI5i7oT6tZYdUgHbk/eQUxHgAjS2haybXrEGCE3K0K+EgbMRViQZLMbfNazFH7Q7l8QypL/iRH+LOP0OwYFKFMrijIHWCP4dXN6kS20Cue2ATtY6CxKYR1Z0SBCU8VqnXcswk1oR0FEYDMKplhDfoelAE+tqs4PU3ry3I7vA4pqRLTt04VuYwastl83epuiYCRGbSZxGlecpERu0xrQv3s7RYGJML1IN0ZPIfsLddQbjG0638ZsiyCYn5Kuz8/PB8ZHcPE9WKBqG4ZJDARWN3pOoJh426uwrkYrrRrxRGM7QQGNaY1cNPBqwqJGnRiBqfinRSosNCvbGMyZAspOm3laI6C391ZYAcP2gDtcTEbaknDA1t92Q5rnHTeLbA7v0IJ5hUNExgL1BbXA3VhC015Zz4hpLdJaSgNcnaUVjvaOjiBvffyJkW4KPFoAGEkN5arsoLz1C/y4hvEQd0oo6ReI3DESrKZmWa8Yd9WUSRpQ+S1rAYgdAEoLJkErE8lcCpp1encuRwmELQ5oVhoGNUxRuDW3lBWjtf3/uuYpiIJ940HzkrT/Grxtb7JDBALLRIKTkhS9mAM1tkDCdsWNuONCahKXbR+Ftf42fFAX4CbND6EIyucNHzYWpM7WgNfL8I6PuBZX5UbR06SpPRD29kyyKHc8riWgBBOzFszaW5pXrKRlgnHHfoPXHQYJO5AmgT1gcnsPKFu/nxIF/1pTLEXz1upKnQ5cJqRPaRHzcBjrSY9o8W+CGSCIrbXm2yymTulMdxRrwKfuRf80VuqEgDP6kRYR3Ymjyix4Y1qMGOGo/t0XbzLPJoIdzBk3tYfgMZzlTCd5A8x1hg9NUWAWjMgkhhLVjU2zb2dXMbfFMC2u8HpxqPltjTK5ZGloF94ST5SAF9kz+rdW16bV9A4c+DTo8RaSQMJwkemGuLNfkLZOz9N3E0TKjN4O/ihr0/e2C7d+REE0a+VeglBWYVY1YdthFuTDm+G4j3ESV9l6QLCdZv4Ld+07E8OLI8h2X2A4wKalNB1RsAjIvNJtVgRzgD0CipPuc1cIAl04ioCyZJYC8xe2wIdHEJrTEUYEPJf6+C2X6DeE3Bq9t5TJohvk6zZ9r3BCvVDDtsvrBb4DmSCTN9AnRiKSWTetymRd4SpxxF8VPrVhsRDhTE34vNGnGrCDu5iMD0oSo/CVZCF7Kt6tu8F42jXO315BH21WFVMxELPbucUAiE9j1sp0BMkaW8W5LsH2/Gis9cUXoU8P7/W0CaBRz/bbfHzxD5+NmNcLO8C+BeHfIQEELOjXzZyNPnynDu37F4NxiEHRPYK0wRtYCFbQCj6B229Dta4ssulWxV540r1toXfNuhuASXDpFmxqHw8RN8f1e/UGMixGapE8TZgdpgl+xUkdUAgh4INM/04KdY2Yg2zXStsbvZ14imGu1nOxfXs97fWBHG0BRhYsgi5pMqtwL4AOoqXVYkknpyCu4Hp92C36/xp4eL4lgvJPP0LT3pDSUExqZ6XKGNl3FGkHqKSxGNn/HjJmTbAE8lpAP0ExEK66thMThZiVtBU3QbjWTkkwsqi3GIghk3vd2jZk5mHWGTx33awkJqTRzgNlVP7uAbHicic4KW3h/a0gtlFeBlcMDHb0Ym6l+dneXWen2Cluso7iSBCM9twAw5Rxh4SK5dKR0QT+Qb/7xhYyBaNhr7Tiuxoi88jrPVccDyKdIO/gnZux1o5bV0CQx+CuM6JtEN5VDMbH/wAUCgYYUN9NqgAAAABJRU5ErkJggg==");
}

.stompenberg .board .brush {
  background-color: currentColor;
}

.stompenberg .player {
  position: relative;
}

.stompenberg .player>.tabs {
  display: flex;
  padding: 0 1.2rem;
  border-bottom: 1px solid #ccc;
  position: relative;
}

.stompenberg .player>.tabs:after,
.stompenberg .player>.tabs:before {
  position: absolute;
  content: "";
  top: 0;
  width: 1px;
  height: 100%;
  box-sizing: border-box;
}

.stompenberg .player>.tabs:before {
  left: 0;
  border-left: 1px solid #ccc;
}

.stompenberg .player>.tabs:after {
  right: 0;
  border-right: 1px solid #ccc;
}

.stompenberg .player>.tabs>.tab {
  cursor: pointer;
  margin: 0 1.2rem -1px 0;
  border-bottom: 2px solid transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 700;
  color: #ccc;
}

.stompenberg .player>.tabs>.tab:hover {
  border-color: #222;
}

.stompenberg .player>.tabs>.tab.active {
  color: #222;
  border-color: currentColor;
}

.stompenberg .player>.tracks {
  padding: .8rem 0 1.6rem;
  position: relative;
}

.stompenberg .player>.tracks:after,
.stompenberg .player>.tracks:before {
  position: absolute;
  content: "";
  top: 0;
  width: 1px;
  height: 100%;
  box-sizing: border-box;
}

.stompenberg .player>.tracks:before {
  left: 0;
  border-left: 1px solid #ccc;
}

.stompenberg .player>.tracks:after {
  right: 0;
  border-right: 1px solid #ccc;
}

.stompenberg .player>.tracks>.scroller {
  display: flex;
  flex-wrap: wrap;
  margin: 0 1.6rem;
  overflow: hidden;
}

.stompenberg .player>.tracks>.scroller>.track {
  position: relative;
  display: inherit;
  width: calc(50% - .8rem);
  padding: .4rem 0;
  justify-content: space-between;
  box-sizing: border-box;
  align-items: center;
  cursor: pointer;
  border-radius: 2px;
  border-bottom: 1px solid rgba(44,62,80,.1);
}

.stompenberg .player>.tracks>.scroller>.track.selected>.name {
  font-weight: 700;
}

.stompenberg .player>.tracks>.scroller>.track.uploading {
  cursor: default;
}

.stompenberg .player>.tracks>.scroller>.track.uploading .duration,
.stompenberg .player>.tracks>.scroller>.track.uploading .name,
.stompenberg .player>.tracks>.scroller>.track.uploading>.indicator {
  display: none;
}

.stompenberg .player>.tracks>.scroller>.track:hover>.name {
  text-decoration: underline;
}

.stompenberg .player>.tracks>.scroller>.track:nth-child(odd) {
  margin-right: .8rem;
}

.stompenberg .player>.tracks>.scroller>.track:nth-child(2n) {
  margin-left: .8rem;
}

.stompenberg .player>.tracks>.scroller>.track>.duration {
  color: #ccc;
  font-size: 14px;
  white-space: nowrap;
}

.stompenberg .player>.tracks>.scroller>.track>.loader {
  position: relative;
  height: .5em;
  width: 3.5em;
  margin: 0 auto;
  padding: 8.5px 0;
  font-size: 10px;
}

.stompenberg .player>.tracks>.scroller>.track>.loader>.dot {
  position: absolute;
  width: .5em;
  height: .5em;
  border-radius: 50%;
  background: #2c3e50;
  -webkit-animation-name: loader-wave;
  animation-name: loader-wave;
  -webkit-animation-duration: 1.8s;
  animation-duration: 1.8s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.stompenberg .player>.tracks>.scroller>.track>.loader>.dot.one {
  left: 1em;
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
}

.stompenberg .player>.tracks>.scroller>.track>.loader>.dot.two {
  left: 2em;
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
}

.stompenberg .player>.tracks>.scroller>.track>.loader>.dot.three {
  left: 3em;
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
}

@-webkit-keyframes loader-wave {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    -webkit-transform: translateY(-.5em);
    transform: translateY(-.5em);
  }

  40% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes loader-wave {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    -webkit-transform: translateY(-.5em);
    transform: translateY(-.5em);
  }

  40% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.stompenberg .player>.tracks>.scroller>.track>.name {
  width: 100%;
  margin-right: .2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.stompenberg .player>.uploader {
  display: flex;
  width: 100%;
  height: 100%;
  text-align: center;
  border-radius: 50%;
}

.stompenberg .player>.uploader.separated {
  position: relative;
  display: flex;
  text-align: center;
  white-space: nowrap;
}

.stompenberg .player>.uploader.separated:after,
.stompenberg .player>.uploader.separated:before {
  position: relative;
  top: 0;
  width: 50%;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-bottom: 1px solid #ccc;
}

.stompenberg .player>.uploader.separated:before {
  border-bottom-left-radius: 10px;
  border-left: 1px solid #ccc;
}

.stompenberg .player>.uploader.separated:after {
  border-bottom-right-radius: 10px;
  border-right: 1px solid #ccc;
}

.stompenberg .player>.uploader>.label {
  display: flex;
  align-items: center;
  text-align: center;
  cursor: pointer;
}

.stompenberg .player>.uploader>.label>.text {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.stompenberg .player>.uploader>.input {
  display: none;
}

.stompenberg .player>.uploader>.label {
  height: 54px;
  margin: 0 .8rem;
  color: #fff;
  background: #01a3d4;
  transition: background-color .2s cubic-bezier(.25,.85,.25,.85);
  border-radius: 27.5px;
}

.stompenberg .player>.uploader>.label:hover {
  background: #02c6ff;
}

.stompenberg .player>.uploader>.label:active {
  background: #017da1;
}

.stompenberg .player>.uploader>.label>.arrow {
  position: relative;
  width: 2px;
  height: 40%;
  padding-left: 2rem;
  color: #fff;
  z-index: 2;
  flex: 0 0 auto;
  box-sizing: border-box;
}

.stompenberg .player>.uploader>.label>.arrow:after,
.stompenberg .player>.uploader>.label>.arrow:before {
  content: "";
  position: absolute;
  color: #fff;
}

.stompenberg .player>.uploader>.label>.arrow:after {
  width: 2px;
  top: 0;
  height: 100%;
  background: currentColor;
}

.stompenberg .player>.uploader>.label>.arrow:before {
  top: 0;
  width: 12px;
  height: 12px;
  margin-top: -2px;
  margin-left: 1px;
  border-top: 2px solid;
  border-left: 2px solid;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: top left;
  transform-origin: top left;
}

.stompenberg .player>.uploader>.label>.text {
  padding: 0 3.2rem;
}

.stompenberg .player>.button.disabled {
  cursor: default;
  opacity: .5;
  pointer-events: none;
}

.stompenberg .player>.button.separated {
  position: relative;
  display: flex;
  text-align: center;
  white-space: nowrap;
}

.stompenberg .player>.button.separated:after,
.stompenberg .player>.button.separated:before {
  position: relative;
  top: 0;
  width: 50%;
  content: "";
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  border-top: 1px solid #ccc;
}

.stompenberg .player>.button.separated:before {
  border-top-left-radius: 10px;
  border-left: 1px solid #ccc;
}

.stompenberg .player>.button.separated:after {
  border-top-right-radius: 10px;
  border-right: 1px solid #ccc;
}

.stompenberg .player>.button>.toggle {
  display: flex;
  position: relative;
  width: 70px;
  height: 70px;
  margin: 0 .8rem;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 12px -4px rgba(0,0,0,.75);
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all .2s cubic-bezier(.25,.85,.25,.85);
}

.stompenberg .player>.button>.toggle:active {
  bottom: -2px;
  box-shadow: 0 2px 6px -4px rgba(0,0,0,.75);
}

.stompenberg .player>.button>.toggle>.playpause {
  display: block;
  box-sizing: border-box;
  width: 19.5px;
  height: 26px;
  border-style: solid;
  border-color: transparent transparent transparent currentColor;
  transition: all .1s cubic-bezier(.25,.85,.25,.85);
  will-change: border-width;
  z-index: 3;
  outline: none;
  cursor: pointer;
}

.stompenberg .player>.button>.toggle>.playpause.active,
.stompenberg .player>.button>.toggle>.playpause.stop {
  border-width: 0 0 0 26px;
}

.stompenberg .player>.button>.toggle>.playpause.inactive,
.stompenberg .player>.button>.toggle>.playpause.play {
  border-width: 13px 0 13px 21.66666667px;
  margin-left: 6.5px;
  border-color: transparent transparent transparent currentColor;
}

.stompenberg .player>.stats {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.stompenberg .player>.stats:after,
.stompenberg .player>.stats:before {
  position: absolute;
  content: "";
  top: 0;
  width: 1px;
  height: 100%;
  box-sizing: border-box;
}

.stompenberg .player>.stats:before {
  left: 0;
  border-left: 1px solid #ccc;
}

.stompenberg .player>.stats:after {
  right: 0;
  border-right: 1px solid #ccc;
}

.stompenberg .player>.stats>.progress {
  display: inherit;
  align-items: center;
  flex-direction: row;
  padding: .8rem 1.6rem 1.6rem;
  color: #2c3e50;
}

.stompenberg .player>.stats>.progress>.progressbar {
  position: relative;
  width: 100%;
  height: 2px;
  padding: 8px 0;
  margin: 0 1.6rem;
}

.stompenberg .player>.stats>.progress>.progressbar:before {
  position: absolute;
  content: "";
  width: 100%;
  height: inherit;
  background: #ccc;
  transition: background-image .5s cubic-bezier(.25,.85,.25,.85);
}

.stompenberg .player>.stats>.progress>.progressbar.uploading:before {
  background-image: repeating-linear-gradient(-45deg,#ccc,#ccc 11px,transparent 0,transparent 25px);
  background-size: 28px 28px;
  -webkit-animation: move .25s linear infinite;
  animation: move .25s linear infinite;
}

@-webkit-keyframes move {
  0% {
    background-position: 0 0;
  }

  to {
    background-position: 28px 0;
  }
}

@keyframes move {
  0% {
    background-position: 0 0;
  }

  to {
    background-position: 28px 0;
  }
}

.stompenberg .player>.stats>.progress>.progressbar.playing>.bar {
  -webkit-animation-name: play;
  animation-name: play;
  position: relative;
}

@-webkit-keyframes play {
  0% {
    width: 0;
  }

  to {
    width: 100%;
  }
}

@keyframes play {
  0% {
    width: 0;
  }

  to {
    width: 100%;
  }
}

.stompenberg .player>.stats>.progress>.progressbar.playing>.bar>.knob {
  position: absolute;
  right: -4px;
  top: 50%;
  width: 8px;
  height: 8px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: none;
  background: transparent;
  border-radius: 50%;
  background: currentColor;
}

.stompenberg .player>.stats>.progress>.progressbar>.bar {
  position: relative;
  height: 100%;
  width: 0;
  background: currentColor;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

.stompenberg .player>.stats>.progress>.remaining {
  font-size: 14px;
  white-space: nowrap;
}

.stompenberg .player>.stats>.progress>.loop {
  display: flex;
  width: 17px;
  min-width: 17px!important;
  height: auto;
  cursor: pointer;
}

.stompenberg .player>.stats>.progress>.loop>.icon {
  position: relative;
  flex: 0 0 auto;
  width: 100%;
  height: 100%;
  opacity: .5;
  background: none;
  transition: opacity .2s cubic-bezier(.25,.85,.25,.85);
}

.stompenberg .player>.stats>.progress>.loop>.icon.active {
  opacity: 1;
}

.stompenberg .player>.error {
  text-align: center;
  padding: 20px;
}

.stompenberg .recorder {
  text-align: center;
}

.stompenberg .recorder.ready>.controls>.control.loop,
.stompenberg .recorder.ready>.controls>.control.play {
  opacity: 1;
  pointer-events: auto;
  cursor: pointer;
}

.stompenberg .recorder.ready>.visualizer>.canvas {
  cursor: ew-resize;
}

.stompenberg .recorder>.visualizer {
  position: relative;
  width: 100%;
  height: 175px;
  background: #5d5d5d;
  overflow: hidden;
  margin-bottom: .8rem;
  border-radius: 2px;
}

.stompenberg .recorder>.visualizer>.seeker {
  position: absolute;
  width: 1px;
  height: 100%;
  left: 50%;
  top: 10px;
  background: red;
}

.stompenberg .recorder>.visualizer>.seeker:after {
  position: absolute;
  content: "";
  top: 0;
  left: .5px;
  width: 12px;
  height: 12px;
  background: red;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transform-origin: right;
  transform-origin: right;
}

.stompenberg .recorder>.visualizer>.canvas {
  position: relative;
  width: 100%!important;
  height: 100%!important;
  background-color: #5d5d5d;
  overflow: hidden;
}

.stompenberg .recorder>.durations {
  display: flex;
  justify-content: center;
  margin-bottom: .8rem;
}

.stompenberg .recorder>.durations>* {
  color: currentColor;
}

.stompenberg .recorder>.durations>:first-child {
  color: #2c3e50;
}

.stompenberg .recorder>.durations>span {
  margin: 0 .2rem;
}

.stompenberg .recorder>.controls {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: .8rem;
}

.stompenberg .recorder>.controls>.control {
  display: flex;
  position: relative;
  width: 55px;
  height: 60px;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  transition: all .2s cubic-bezier(.25,.85,.25,.85);
}

.stompenberg .recorder>.controls>.control>.button {
  z-index: 4;
}

.stompenberg .recorder>.controls>.control.play {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: 5px;
  opacity: .5;
  pointer-events: none;
  cursor: default;
}

.stompenberg .recorder>.controls>.control.play:before {
  content: "";
  position: absolute;
  width: 55px;
  height: 100%;
  left: 45px;
  background: #fff;
  pointer-events: none;
}

.stompenberg .recorder>.controls>.control.play>.button {
  margin-right: -20px;
  opacity: .5;
  display: block;
  box-sizing: border-box;
  width: 18px;
  height: 24px;
  border-style: solid;
  border-color: transparent transparent transparent currentColor;
  transition: all .1s cubic-bezier(.25,.85,.25,.85);
  will-change: border-width;
  z-index: 3;
  outline: none;
  cursor: pointer;
}

.stompenberg .recorder>.controls>.control.play>.button.active,
.stompenberg .recorder>.controls>.control.play>.button.stop {
  border-width: 0 0 0 24px;
}

.stompenberg .recorder>.controls>.control.play>.button.inactive,
.stompenberg .recorder>.controls>.control.play>.button.play {
  border-width: 12px 0 12px 20px;
  margin-left: 6px;
  border-color: transparent transparent transparent currentColor;
}

.stompenberg .recorder>.controls>.control.play>.button.active {
  border-style: solid;
  border-left-width: 24px;
}

.stompenberg .recorder>.controls>.control.play.active>.button {
  opacity: 1;
}

.stompenberg .recorder>.controls>.control.loop {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 5px;
  opacity: .5;
  pointer-events: none;
  cursor: default;
}

.stompenberg .recorder>.controls>.control.loop:before {
  position: absolute;
  width: 55px;
  height: 100%;
  right: 45px;
  background: #fff;
  content: "";
  pointer-events: none;
}

.stompenberg .recorder>.controls>.control.loop>.button {
  display: flex;
  width: 28px;
  height: 28px;
  margin-left: -20px;
  opacity: .5;
}

.stompenberg .recorder>.controls>.control.loop>.button>.icon {
  width: 100%;
}

.stompenberg .recorder>.controls>.control.loop.active {
  color: #000;
  fill: currentColor;
}

.stompenberg .recorder>.controls>.control.loop.active>.button {
  opacity: 1;
}

.stompenberg .recorder>.controls>.control.record {
  padding: 10px;
  opacity: 1;
  z-index: 2;
  width: 60px;
  height: 60px;
}

.stompenberg .recorder>.controls>.control.record>.button {
  position: relative;
  width: inherit;
  height: inherit;
  padding: 20px;
  background: #e74c3c;
  border-radius: 50%;
  transition: all .2s cubic-bezier(.25,.85,.25,.85);
  box-sizing: border-box;
}

.stompenberg .recorder>.controls>.control.record>.label {
  position: absolute;
  color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 700;
  z-index: 5;
}

.stompenberg .recorder>.controls>.control.record.active {
  background: #e74c3c;
}

.stompenberg .recorder>.controls>.control.record.active>.button {
  padding: 0;
  background: #fff;
  border-radius: 2px;
  width: 28px;
  height: 28px;
}

.stompenberg .recorder>.controls>.control:hover,
.stompenberg .recorder>.controls>.control:hover>.button {
  color: #2c3e50;
  fill: currentColor;
}

.stompenberg .convolver>.box {
  color: #1d1d1d;
  position: relative;
  width: 250px;
  margin-bottom: 11px;
  -webkit-perspective: 3px;
  -ms-perspective: 3px;
  perspective: 3px;
}

.stompenberg .convolver>.box.loading>.loader {
  opacity: 1;
}

.stompenberg .convolver>.box>.presentation {
  display: flex;
  position: relative;
  min-height: 200px;
  border-radius: 10px;
  border: 12px solid #1d1d1d;
  box-shadow: inset 0 0 3px 2px #1d1d1d;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}

.stompenberg .convolver>.box>.presentation.open:after {
  height: 45%;
}

.stompenberg .convolver>.box>.presentation.bass>.speakers.c2 {
  flex-direction: column;
}

.stompenberg .convolver>.box>.presentation.bass>.speakers.c2>.speaker {
  flex-basis: 0;
  padding-top: 50%;
  width: 50%;
  height: 50%;
  align-self: flex-start;
  margin: 0 -36px -36px 0;
}

.stompenberg .convolver>.box>.presentation.bass>.speakers.c2>.speaker+.speaker {
  margin: 0;
  align-self: flex-end;
}

.stompenberg .convolver>.box>.presentation.bass>.speakers.c2+.ports {
  height: 80%;
  width: 80%;
  bottom: unset;
}

.stompenberg .convolver>.box>.presentation.bass>.speakers.c2+.ports>.port {
  align-self: flex-end;
}

.stompenberg .convolver>.box>.presentation.bass>.speakers.c2+.ports>.port+.port {
  align-self: flex-start;
}

.stompenberg .convolver>.box>.presentation.bass>.speakers.c4+.ports {
  height: 90%;
  width: 90%;
  bottom: unset;
}

.stompenberg .convolver>.box>.presentation.bass>.speakers.c4+.ports>.port {
  width: 20px;
  height: 20px;
}

.stompenberg .convolver>.box>.presentation:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #222;
  z-index: -1;
}

.stompenberg .convolver>.box>.presentation>.mesh {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg,#2f2f2f 12%,transparent 0,transparent 88%,#2f2f2f 0),linear-gradient(135deg,transparent 37%,#3c3c3c 0,#3c3c3c 63%,transparent 0),linear-gradient(45deg,transparent 37%,#2f2f2f 0,#2f2f2f 63%,transparent 0),transparent;
  background-size: 10px 10px;
  border: 1px solid #777;
  border-radius: 3px;
}

.stompenberg .convolver>.box>.presentation>.speakers {
  display: flex;
  width: 100%;
  height: 100%;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-around;
}

.stompenberg .convolver>.box>.presentation>.speakers.c1>.speaker {
  padding-top: 75%;
}

.stompenberg .convolver>.box>.presentation>.speakers.c2 {
  flex-wrap: nowrap;
}

.stompenberg .convolver>.box>.presentation>.speakers.c2>.speaker,
.stompenberg .convolver>.box>.presentation>.speakers.c4>.speaker {
  flex-basis: 50%;
  padding-top: 50%;
}

.stompenberg .convolver>.box>.presentation>.speakers.s10 {
  width: 90%;
  height: 90%;
}

.stompenberg .convolver>.box>.presentation>.speakers.s10+.ports>.port {
  width: 45px;
  height: 45px;
}

.stompenberg .convolver>.box>.presentation>.speakers.s12 {
  width: 95%;
  height: 95%;
}

.stompenberg .convolver>.box>.presentation>.speakers.s12+.ports>.port {
  width: 40px;
  height: 40px;
}

.stompenberg .convolver>.box>.presentation>.speakers.s14 {
  width: 100%;
  height: 100%;
}

.stompenberg .convolver>.box>.presentation>.speakers.s14>.speaker {
  -webkit-transform: scale(.95);
  transform: scale(.95);
}

.stompenberg .convolver>.box>.presentation>.speakers.s15 {
  width: 100%;
  height: 100%;
}

.stompenberg .convolver>.box>.presentation>.speakers.s15>.speaker {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.stompenberg .convolver>.box>.presentation>.speakers.s15+.ports>.port {
  width: 30px;
  height: 30px;
}

.stompenberg .convolver>.box>.presentation>.speakers>.speaker {
  position: relative;
  width: 75%;
  height: 75%;
  background: #222;
  border-radius: 50%;
  -webkit-transform: scale(.9);
  transform: scale(.9);
  box-shadow: inset 0 0 0 4px #222,inset 0 0 0 8px #444,inset 0 0 0 12px #111;
}

.stompenberg .convolver>.box>.presentation>.speakers>.speaker:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22%;
  height: 22%;
  background: #111;
  border-radius: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.stompenberg .convolver>.box>.presentation>.ports {
  position: absolute;
  display: flex;
  width: 90%;
  bottom: 12px;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
}

.stompenberg .convolver>.box>.presentation>.ports>.port {
  width: 35px;
  height: 35px;
  background: #111;
  border-radius: 50%;
  border: 2px solid #444;
}

.stompenberg .convolver>.box>.presentation>.bumper {
  position: absolute;
  width: 15px;
  height: 15px;
  border-top: 6px solid #101010;
  border-left: 6px solid #101010;
  border-radius: 10px 1px 1px 1px;
  -webkit-filter: drop-shadow(2px 2px 1px #101010);
  filter: drop-shadow(2px 2px 1px #101010);
  pointer-events: none;
}

.stompenberg .convolver>.box>.presentation>.bumper.top {
  top: -14px;
}

.stompenberg .convolver>.box>.presentation>.bumper.top.left {
  left: -14px;
}

.stompenberg .convolver>.box>.presentation>.bumper.top.right {
  right: -14px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.stompenberg .convolver>.box>.presentation>.bumper.bottom {
  bottom: -14px;
}

.stompenberg .convolver>.box>.presentation>.bumper.bottom.left {
  left: -14px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.stompenberg .convolver>.box>.presentation>.bumper.bottom.right {
  right: -14px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.stompenberg .convolver>.box>.ui {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 21px;
  box-sizing: border-box;
}

.stompenberg .convolver>.box>.ui>.selector {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 50px;
  justify-content: space-between;
  align-items: center;
  color: #ecf0f1;
}

.stompenberg .convolver>.box>.ui>.selector>.content {
  width: 100%;
  margin: 0 .2rem;
}

.stompenberg .convolver>.box>.ui>.selector>.content>.impulse>.custom {
  margin: auto;
  text-align: center;
  line-height: 18px;
  -webkit-filter: drop-shadow(2px 2px 1px #1d1d1d);
  filter: drop-shadow(2px 2px 1px #1d1d1d);
  letter-spacing: 1px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.stompenberg .convolver>.box>.ui>.selector>.content>.impulse>.logo {
  display: flex;
  flex-direction: column;
  height: 18px;
  margin: auto;
  -webkit-filter: drop-shadow(2px 2px 1px #1d1d1d);
  filter: drop-shadow(2px 2px 1px #1d1d1d);
}

.stompenberg .convolver>.box>.ui>.selector>.content>.impulse>.info {
  text-shadow: 3px 4px 5px #1d1d1d;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: smaller;
}

.stompenberg .convolver>.box>.ui>.selector>.content>.impulse>.info>div {
  margin: 0 .2rem;
  white-space: normal;
  text-align: center;
}

.stompenberg .convolver>.box>.ui>.selector>.control {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  padding: 10px 6px;
  height: 100%;
  width: 35px;
  background: rgba(29,29,29,.85);
  transition: all .2s cubic-bezier(.25,.85,.25,.85);
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: border-box;
  opacity: .4;
  flex: 1 1 auto;
}

.stompenberg .convolver>.box>.ui>.selector>.control.active {
  opacity: 1;
  cursor: pointer;
}

.stompenberg .convolver>.box>.ui>.selector>.control.active:hover {
  background: #1d1d1d;
}

.stompenberg .convolver>.box>.ui>.selector>.control.active:active {
  background: #2f2f2f;
}

.stompenberg .convolver>.box>.ui>.selector>.control+.content+.control:after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  margin-left: -3px;
}

.stompenberg .convolver>.box>.ui>.selector>.control:after {
  content: "";
  position: absolute;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  width: 10px;
  height: 10px;
  margin-left: 3px;
}

.stompenberg .convolver>.box>.ui>.separator {
  position: relative;
  color: #ddd;
  font-size: x-small;
  border: 1px solid rgba(47,47,47,.95);
  background: rgba(34,34,34,.85);
  letter-spacing: 1px;
  padding: 6px 9px;
  border-radius: 25%/50%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.stompenberg .convolver>.box>.ui>.uploader {
  position: relative;
}

.stompenberg .convolver>.box>.ui>.uploader>.label {
  display: inline-block;
  margin: 0;
  color: #fff;
  background: rgba(98,98,98,.95);
  text-transform: uppercase;
  transition: all .2s cubic-bezier(.25,.85,.25,.85);
  font-size: smaller;
  letter-spacing: 1px;
  text-align: center;
  cursor: pointer;
  border-radius: 2em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 8px 12px;
}

.stompenberg .convolver>.box>.ui>.uploader>.label:hover {
  background: #3498db;
}

.stompenberg .convolver>.box>.ui>.uploader>.label:active {
  border-color: #3498db;
}

.stompenberg .convolver>.box>.ui>.uploader>.input {
  display: none;
}

.stompenberg .convolver>.box>.loader {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  z-index: 1;
  opacity: 0;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  transition: all .2s cubic-bezier(.25,.85,.25,.85);
}

.stompenberg .convolver>.box>.loader:before {
  content: " ";
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border-color: #fff transparent;
  border-style: solid;
  border-width: 4px;
  -webkit-animation: rotate 1s linear infinite;
  animation: rotate 1s linear infinite;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.stompenberg .tooltip {
  position: fixed;
  display: flex;
  width: 0;
  height: 0;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: center;
  z-index: 2;
  -webkit-animation-duration: 0s;
  animation-duration: 0s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-name: out;
  animation-name: out;
  -webkit-animation-timing-function: cubic-bezier(.25,.85,.25,.85);
  animation-timing-function: cubic-bezier(.25,.85,.25,.85);
  opacity: 0;
}

.stompenberg .tooltip>.body {
  position: relative;
  background: #fff;
  bottom: 10px;
  border-radius: 2px;
  border-bottom: 1px solid rgba(44,62,80,.1);
  -webkit-filter: drop-shadow(rgba(6,6,6,.2) 0 1px 2px);
  filter: drop-shadow(rgba(6,6,6,.2) 0 1px 2px);
  font-size: smaller;
  z-index: 999;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  white-space: nowrap;
  box-sizing: border-box;
}

.stompenberg .tooltip>.body>.name {
  min-width: 75px;
  padding: .2rem .8rem;
  background: rgba(44,62,80,.1);
  border-bottom: 1px solid rgba(44,62,80,.1);
  font-weight: 700;
}

.stompenberg .tooltip>.body>.value {
  min-width: 75px;
  padding: .2rem;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-content: center;
}

.stompenberg .tooltip>.body>.value>.state {
  display: none;
}

.stompenberg .tooltip>.body>.value>.state.active {
  display: block;
}

.stompenberg .tooltip>.body>.value>.arrow {
  font-weight: 700;
  margin: 0 .4rem;
}

.stompenberg .tooltip>.body>.value.active {
  font-weight: 700;
}

.stompenberg .tooltip.pointy>.body:after {
  position: absolute;
  top: 100%;
  left: 50%;
  height: 0;
  width: 0;
  margin-top: -2px;
  margin-left: -10px;
  content: " ";
  border: 10px solid transparent;
  border-top-color: #fff;
  pointer-events: none;
}

.stompenberg .tooltip.ready {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
}

.stompenberg .tooltip.active {
  -webkit-animation-name: in;
  animation-name: in;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.stompenberg .tooltip.active>.body {
  pointer-events: all;
}

.stompenberg .tooltip.hover .state {
  display: block!important;
}

@-webkit-keyframes in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
}

@keyframes out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
}

body.controlled .stompenberg,
body.controlled .stompenberg * {
  cursor: ns-resize!important;
}

.rs-stompenberg>.headline {
  margin-bottom: 7px;
}

.rs-stompenberg>.headline>a {
  text-decoration: none;
}

.rs-stompenberg>.headline>.manufacturer-block {
  clear: right;
  float: right;
  text-align: right;
  width: 140px;
  margin: 10px 0 0 10px;
}

.rs-stompenberg>.headline>.manufacturer-block>.image {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 941px) {
  .rs-stompenberg>.headline>.manufacturer-block>.image {
    max-width: 85%;
  }
}

.rs-stompenberg>.about {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.1px;
  font-weight: 400;
}

@media screen and (max-width: 941px) {
  .rs-stompenberg>.about {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0;
    font-weight: 400;
  }
}

.rs-stompenberg>.about+p {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.1px;
  font-weight: 400;
  margin-bottom: 20px;
}

@media screen and (max-width: 941px) {
  .rs-stompenberg>.about+p {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0;
    font-weight: 400;
  }
}

.rs-stompenberg p {
  margin: 0;
}

.rs-stompenberg #stompenberg {
  position: relative;
  display: inline-block;
  width: 100%;
}

.rs-stompenberg #stompenberg .panel {
  position: absolute;
  display: flex;
  align-items: center;
  left: 0;
  top: 0;
  width: 100%;
  margin: 0 auto;
  -webkit-animation: fade-in .25s cubic-bezier(.25, .8, .25, 1) 1;
  animation: fade-in .25s cubic-bezier(.25, .8, .25, 1) 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  background-color: rgba(244,244,244,0.75);
  z-index: 101;
}

.rs-stompenberg #stompenberg .panel.closing {
  -webkit-animation-name: fade-out;
  animation-name: fade-out;
}

.rs-stompenberg #stompenberg .panel.closing>.box {
  -webkit-animation-name: slide-up;
  animation-name: slide-up;
}

.rs-stompenberg #stompenberg .panel.fixed {
  position: fixed;
  height: 100%;
  padding: 25px;
  min-width: 770px;
}

.rs-stompenberg #stompenberg .panel.inline {
  position: relative;
  background: none;
}

.rs-stompenberg #stompenberg .panel.inline>.box {
  box-shadow: none;
  margin: 30px 0 0;
  border: none;
}

.rs-stompenberg #stompenberg .panel.top {
  height: 100%;
}

.rs-stompenberg #stompenberg .panel.top>.box {
  width: 85%;
}

.rs-stompenberg #stompenberg .panel>.overlay {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: default;
}

.rs-stompenberg #stompenberg .panel>.box {
  width: 100%;
  margin: 25px auto;
  max-width: 770px;
  background-color: #FFF;
  border-radius: 6px;
  border: 1px solid #dddddd;
  box-shadow: 2px 2px 10px rgba(23,23,23,0.15);
  overflow: hidden;
  -webkit-animation: slide-down .25s cubic-bezier(.25, .8, .25, 1) 1;
  animation: slide-down .25s cubic-bezier(.25, .8, .25, 1) 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  z-index: 102;
}

.rs-stompenberg #stompenberg .panel>.box>.header {
  display: flex;
  justify-content: space-between;
  padding: 15px 15px 8px;
  text-align: center;
}

.rs-stompenberg #stompenberg .panel>.box>.header>.close {
  margin-left: 10px;
  height: 16px;
}

.rs-stompenberg #stompenberg .panel>.box>.header>.close>.icon {
  width: 16px;
  height: inherit;
  background: none;
  cursor: pointer;
  transition: fill .25s 0s cubic-bezier(.25, .8, .25, 1);
}

.rs-stompenberg #stompenberg .panel>.box>.header>.close>.icon:hover,
.rs-stompenberg #stompenberg .panel>.box>.header>.close>.icon.hover {
  fill: #01a3d4;
}

.rs-stompenberg #stompenberg .panel>.box>.header>.close>.icon:active,
.rs-stompenberg #stompenberg .panel>.box>.header>.close>.icon .active {
  fill: #017da1;
}

.rs-stompenberg #stompenberg .panel>.box>.header>.close>.icon:focus,
.rs-stompenberg #stompenberg .panel>.box>.header>.close>.icon .focus {
  fill: #017da1;
}

.rs-stompenberg #stompenberg .panel>.box>.body {
  margin: 30px 30px 15px;
}

.rs-stompenberg #stompenberg .panel>.box>.body>.text {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.1px;
  font-weight: 400;
}

@media screen and (max-width: 941px) {
  .rs-stompenberg #stompenberg .panel>.box>.body>.text {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0;
    font-weight: 400;
  }
}

.rs-stompenberg #stompenberg .panel>.box>.footer {
  margin: 0 30px 15px;
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes slide-down {
  0% {
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slide-down {
  0% {
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes slide-up {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
  }
}

@keyframes slide-up {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
  }
}

.rs-stompenberg #stompenberg .panel.eviltimer>.box>.header>.headline {
  margin: 0 auto;
  font-weight: 400;
}

.rs-stompenberg #stompenberg .panel.eviltimer>.box>.body {
  margin-top: 0 !important;
  text-align: center;
}

.rs-stompenberg #stompenberg .panel.eviltimer>.box>.body>.text {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}

.rs-stompenberg #stompenberg .panel.eviltimer>.box>.body>.text>.notify {
  display: inline-block;
  padding: 10px 25px;
  margin-bottom: 5px;
  font-weight: 700;
  background: #01a3d4;
  border-radius: 2em;
  cursor: pointer;
  color: #FFF;
  transition: background .25s cubic-bezier(.25, .8, .25, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  margin: 15px auto 0;
  text-transform: uppercase;
}

.rs-stompenberg #stompenberg .panel.eviltimer>.box>.body>.text>.notify:hover {
  background: #02c6ff;
}

.rs-stompenberg #stompenberg .panel.eviltimer>.box>.body>.text>.notify:active {
  background: #017da1;
}

.rs-stompenberg #stompenberg .panel.eviltimer>.box>.body>.text>.notify>.rs-icon {
  fill: #fff;
  margin-left: 10px;
  width: 15px;
  height: 15px;
  align-self: center;
}

.rs-stompenberg #stompenberg .panel.eviltimer>.box>.body>.timer {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  margin-bottom: 15px;
}

.rs-stompenberg #stompenberg .panel.eviltimer>.box>.body>.timer>* {
  margin: 0 2px;
}

.rs-stompenberg #stompenberg .panel.eviltimer>.box>.body>.timer>.minutes {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #D31A31;
}

.rs-stompenberg #stompenberg .panel.eviltimer>.box>.body>.timer>.minutes>* {
  margin: 0 1px;
}

.rs-stompenberg #stompenberg .panel.eviltimer>.box>.body>.timer>.minutes>.icon,
.rs-stompenberg #stompenberg .panel.eviltimer>.box>.body>.timer>.minutes>.time {
  display: table-cell;
  vertical-align: middle;
}

.rs-stompenberg #stompenberg .panel.eviltimer>.box>.body>.timer>.minutes>.icon {
  width: 24px;
  height: 24px;
  padding-right: 4px;
  padding-left: 4px;
  fill: #D31A31;
  stroke: #D31A31;
  stroke-width: 10px;
  background: none;
}

.rs-stompenberg #stompenberg .panel.maintanance>.box>.header {
  display: flex;
  justify-content: flex-end;
  padding: 15px;
  background-color: #F7F5F7;
}

.rs-stompenberg #stompenberg .panel.maintanance>.box>.footer {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.rs-stompenberg #stompenberg .panel.notice>.box>.header>.headline {
  margin: 0 auto;
  font-weight: 400;
}

.rs-stompenberg #stompenberg .panel.notice>.box>.body {
  margin-top: 0 !important;
  text-align: center;
}

.rs-stompenberg #stompenberg .panel.notice>.box>.body>.text {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}

.rs-stompenberg #stompenberg .panel.notice>.box>.footer {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-direction: column;
}

.rs-stompenberg #stompenberg .panel.notice>.box>.footer>.text {
  margin: 15px 0;
  text-align: center;
}

.rs-stompenberg #stompenberg .panel.notice>.box>.footer>.reload {
  display: inline-block;
  padding: 10px 25px;
  margin-bottom: 5px;
  font-weight: 700;
  background: #01a3d4;
  border-radius: 2em;
  cursor: pointer;
  color: #FFF;
  transition: background .25s cubic-bezier(.25, .8, .25, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: uppercase;
}

.rs-stompenberg #stompenberg .panel.notice>.box>.footer>.reload:hover {
  background: #02c6ff;
}

.rs-stompenberg #stompenberg .panel.notice>.box>.footer>.reload:active {
  background: #017da1;
}

.rs-stompenberg #stompenberg .panel.notice>.box>.footer>.buy {
  color: #3b3b3b;
  cursor: pointer;
  text-decoration: underline;
  padding: 0 5px;
}

.rs-stompenberg #stompenberg .panel.notice>.box>.footer>.buy:hover,
.rs-stompenberg #stompenberg .panel.notice>.box>.footer>.buy.hover {
  color: #01a3d4;
}

.rs-stompenberg #stompenberg .panel.notice>.box>.footer>.buy:active,
.rs-stompenberg #stompenberg .panel.notice>.box>.footer>.buy .active {
  color: #017da1;
}

.rs-stompenberg #stompenberg .panel.notice>.box>.footer>.buy:focus,
.rs-stompenberg #stompenberg .panel.notice>.box>.footer>.buy .focus {
  color: #017da1;
}

.rs-stompenberg #stompenberg .panel.notice>.box>.footer>.buy:hover,
.rs-stompenberg #stompenberg .panel.notice>.box>.footer>.buy.hover {
  color: #01a3d4;
}

.rs-stompenberg #stompenberg .panel.notice>.box>.footer>.buy:active,
.rs-stompenberg #stompenberg .panel.notice>.box>.footer>.buy .active {
  color: #017da1;
}

.rs-stompenberg #stompenberg .panel.notice>.box>.footer>.buy:focus,
.rs-stompenberg #stompenberg .panel.notice>.box>.footer>.buy .focus {
  color: #017da1;
}

.rs-stompenberg #stompenberg .panel.tutorial>.box>.header {
  padding: 0;
}

.rs-stompenberg #stompenberg .panel.tutorial>.box>.header>.branding {
  background-color: #f4f4f4;
}

.rs-stompenberg #stompenberg .panel.tutorial>.box>.header>.branding>.box>.text {
  font-size: xx-small;
  letter-spacing: .1rem;
  font-weight: bold;
  color: #5c5c5c;
}

.rs-stompenberg #stompenberg .panel.tutorial>.box>.header>.branding>.box>.logo {
  fill: #5c5c5c;
}

.rs-stompenberg #stompenberg .panel.tutorial>.box>.body>.columns {
  display: flex;
}

.rs-stompenberg #stompenberg .panel.tutorial>.box>.body>.columns>.column {
  display: flex;
  flex-basis: 100%;
}

.rs-stompenberg #stompenberg .panel.tutorial>.box>.body>.columns>.column .headline {
  margin-top: 0;
}

.rs-stompenberg #stompenberg .panel.tutorial>.box>.body>.columns>.column:nth-child(1) {
  margin-right: 15px;
}

.rs-stompenberg #stompenberg .panel.tutorial>.box>.body>.columns>.column:nth-child(2) {
  flex-direction: column;
}

.rs-stompenberg #stompenberg .panel.tutorial>.box>.body>.columns>.column>.animation {
  align-self: flex-start;
  margin-right: 30px;
  border-radius: 5%;
  overflow: hidden;
}

.rs-stompenberg #stompenberg .panel.tutorial>.box>.body>.columns>.column>.block {
  flex-basis: 75%;
}

.rs-stompenberg #stompenberg .panel.tutorial>.box>.body>.columns>.column>.modes {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.rs-stompenberg #stompenberg .panel.tutorial>.box>.body>.columns>.column>.modes>.mode {
  display: flex;
  margin-bottom: 5px;
  align-items: center;
}

.rs-stompenberg #stompenberg .panel.tutorial>.box>.body>.columns>.column>.modes>.mode>.control {
  display: flex;
  justify-content: space-around;
  min-width: 100px;
  height: 45px;
  margin-right: 10px;
  padding: 10px 0;
  align-items: center;
  text-transform: uppercase;
  background-color: #dddddd;
  border-radius: 3px;
}

.rs-stompenberg #stompenberg .panel.tutorial>.box>.body>.columns>.column>.modes>.mode>.control.play>.button {
  width: 10px;
  height: 10px;
  margin-left: 10px;
  -webkit-transform: rotate(30deg) skewX(-30deg) scale(1, .866);
  transform: rotate(30deg) skewX(-30deg) scale(1, .866);
  text-align: justify;
}

.rs-stompenberg #stompenberg .panel.tutorial>.box>.body>.columns>.column>.modes>.mode>.control.play>.button:before,
.rs-stompenberg #stompenberg .panel.tutorial>.box>.body>.columns>.column>.modes>.mode>.control.play>.button:after {
  content: '';
  position: absolute;
  background-color: #171717;
  width: 10px;
  height: 10px;
}

.rs-stompenberg #stompenberg .panel.tutorial>.box>.body>.columns>.column>.modes>.mode>.control.play>.button:after {
  -webkit-transform: rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%);
  transform: rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%);
}

.rs-stompenberg #stompenberg .panel.tutorial>.box>.body>.columns>.column>.modes>.mode>.control.play>.button:before {
  -webkit-transform: rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0, -50%);
  transform: rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0, -50%);
}

.rs-stompenberg #stompenberg .panel.tutorial>.box>.body>.columns>.column>.modes>.mode>.control.rec>.button {
  width: 18px;
  height: 18px;
  border-radius: 50%;
}

.rs-stompenberg #stompenberg .panel.tutorial>.box>.body>.columns>.column>.modes>.mode>.control.live>.button {
  position: relative;
  width: 6px;
  height: 6px;
  margin-left: 10px;
  background: #171717;
  border-radius: 50%;
}

.rs-stompenberg #stompenberg .panel.tutorial>.box>.body>.columns>.column>.modes>.mode>.control.live>.button:after,
.rs-stompenberg #stompenberg .panel.tutorial>.box>.body>.columns>.column>.modes>.mode>.control.live>.button:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50%;
}

.rs-stompenberg #stompenberg .panel.tutorial>.box>.body>.columns>.column>.modes>.mode>.control.live>.button:after {
  border: 2px solid #171717;
  border-top-color: transparent;
  border-bottom-color: transparent;
  padding: 4px;
}

.rs-stompenberg #stompenberg .panel.tutorial>.box>.body>.columns>.column>.modes>.mode>.control.live>.button:before {
  border: 2px solid #171717;
  border-top-color: transparent;
  border-bottom-color: transparent;
  padding: 10px;
}

.rs-stompenberg #stompenberg .panel.tutorial>.box>.body>.columns>.column>.modes>.mode>.control>.button {
  background: #171717;
}

.rs-stompenberg #stompenberg .panel.tutorial>.box>.body>.columns>.column>.modes>.mode>.control>.label {
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  letter-spacing: 0;
  font-weight: 700;
  text-transform: uppercase;
}

@media screen and (max-width: 1279px) {
  .rs-stompenberg #stompenberg .panel.tutorial>.box>.body>.columns {
    flex-direction: column;
  }

  .rs-stompenberg #stompenberg .panel.tutorial>.box>.body>.columns>.column {
    margin-right: 0 !important;
    margin-bottom: 30px;
  }

  .rs-stompenberg #stompenberg .panel.tutorial>.box>.body>.columns>.column:last-child {
    margin-bottom: 0;
  }

  .rs-stompenberg #stompenberg .panel.tutorial>.box>.body>.columns>.column>.animation {
    flex-basis: 25%;
    margin-right: 10px;
  }

  .rs-stompenberg #stompenberg .panel.tutorial>.box>.body>.columns>.column>.modes>.mode {
    margin-bottom: 15px;
  }
}

.rs-stompenberg #stompenberg .panel.tutorial>.box>.footer {
  display: flex;
  justify-content: center;
  margin: 15px 30px;
}

.rs-stompenberg #stompenberg .panel.tutorial>.box>.footer>.confirm {
  display: inline-block;
  padding: 10px 25px;
  margin-bottom: 5px;
  font-weight: 700;
  background: #01a3d4;
  border-radius: 2em;
  cursor: pointer;
  color: #FFF;
  transition: background .25s cubic-bezier(.25, .8, .25, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: uppercase;
}

.rs-stompenberg #stompenberg .panel.tutorial>.box>.footer>.confirm:hover {
  background: #02c6ff;
}

.rs-stompenberg #stompenberg .panel.tutorial>.box>.footer>.confirm:active {
  background: #017da1;
}

.rs-stompenberg #stompenberg .panel.setup>.box>.header {
  display: flex;
  justify-content: space-between;
  padding: 15px;
  background-color: #F7F5F7;
}

.rs-stompenberg #stompenberg .panel.setup>.box>.header>.branding {
  width: auto;
  padding: 0;
}

.rs-stompenberg #stompenberg .panel.setup>.box>.header>.branding>.box>.logo {
  fill: #dddddd;
  width: 85px;
  padding-top: 2px;
}

.rs-stompenberg #stompenberg .panel.setup>.box>.header>.close>.icon {
  width: 16px;
  height: 16px;
  background: none;
  cursor: pointer;
  transition: fill .25s 0s cubic-bezier(.25, .8, .25, 1);
}

.rs-stompenberg #stompenberg .panel.setup>.box>.header>.close>.icon:hover,
.rs-stompenberg #stompenberg .panel.setup>.box>.header>.close>.icon.hover {
  fill: #01a3d4;
}

.rs-stompenberg #stompenberg .panel.setup>.box>.header>.close>.icon:active,
.rs-stompenberg #stompenberg .panel.setup>.box>.header>.close>.icon .active {
  fill: #017da1;
}

.rs-stompenberg #stompenberg .panel.setup>.box>.header>.close>.icon:focus,
.rs-stompenberg #stompenberg .panel.setup>.box>.header>.close>.icon .focus {
  fill: #017da1;
}

.rs-stompenberg #stompenberg .panel.setup>.box>.body {
  margin: 0;
}

.rs-stompenberg #stompenberg .panel.setup>.box>.body>.animation {
  width: 100%;
}

.rs-stompenberg #stompenberg .panel.setup>.box>.footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.rs-stompenberg #stompenberg .panel.setup>.box>.footer>.text {
  margin: 15px 0;
  text-align: center;
}

.rs-stompenberg #stompenberg .panel.setup>.box>.footer>.confirm {
  display: inline-block;
  padding: 10px 25px;
  margin-bottom: 5px;
  font-weight: 700;
  background: #01a3d4;
  border-radius: 2em;
  cursor: pointer;
  color: #FFF;
  transition: background .25s cubic-bezier(.25, .8, .25, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: uppercase;
}

.rs-stompenberg #stompenberg .panel.setup>.box>.footer>.confirm:hover {
  background: #02c6ff;
}

.rs-stompenberg #stompenberg .panel.setup>.box>.footer>.confirm:active {
  background: #017da1;
}

.rs-stompenberg #stompenberg .panel.unavailable>.box>.body {
  display: flex;
  justify-content: center;
  padding: 15px;
}

.rs-stompenberg #stompenberg .panel.unsupported>.box>.header>.headline {
  margin: 0 auto;
  font-weight: 400;
}

.rs-stompenberg #stompenberg .panel.unsupported>.box>.body {
  margin-top: 0 !important;
  text-align: center;
}

.rs-stompenberg #stompenberg .panel.unsupported>.box>.body>.text {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  width: 100%;
  padding: 20px 15px 0;
  background: url("https://images.static-thomann.de/pics/images/stompenberg/bg-beton2.jpg");
  border-radius: 6px;
  -webkit-perspective: none;
  perspective: none;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator .branding {
  display: inline-block;
  text-align: center;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator .branding>.box {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  float: right;
  -webkit-transform: scale(.85);
  transform: scale(.85);
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator .branding>.box:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 50%;
  width: 200%;
  height: 200%;
  background: url("https://images.static-thomann.de/pics/images/stompenberg/gurk-sign.png") no-repeat center;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  pointer-events: none;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator .branding>.box:after {
  clear: both;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator .branding>.box>.text,
.rs-stompenberg #stompenberg>.stompenberg>.coordinator .branding>.box .ver {
  color: #5c5c5c;
  text-transform: uppercase;
  font-size: x-small;
  font-weight: 700;
  letter-spacing: 3px;
  margin-bottom: -3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator .branding>.box>.logo {
  width: 135px;
  pointer-events: all;
  fill: #3b3b3b;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator .branding>.box>.logo>* {
  padding: 0 4px;
  transition: fill .25s 0s cubic-bezier(.25, .8, .25, 1);
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator .branding>.box>.logo.o>.o {
  fill: #bf0008;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator .branding>.box>.logo.on>.o,
.rs-stompenberg #stompenberg>.stompenberg>.coordinator .branding>.box>.logo.on>.n {
  fill: #bf7800;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator .branding>.box>.logo.one>.o,
.rs-stompenberg #stompenberg>.stompenberg>.coordinator .branding>.box>.logo.one>.n,
.rs-stompenberg #stompenberg>.stompenberg>.coordinator .branding>.box>.logo.one>.e:nth-child(9) {
  fill: #bcbf00;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator .branding>.box>.logo.oner>.o,
.rs-stompenberg #stompenberg>.stompenberg>.coordinator .branding>.box>.logo.oner>.n,
.rs-stompenberg #stompenberg>.stompenberg>.coordinator .branding>.box>.logo.oner>.e:nth-child(9),
.rs-stompenberg #stompenberg>.stompenberg>.coordinator .branding>.box>.logo.oner>.r {
  fill: #4cbf00;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator .branding>.box>.dev {
  margin-top: -5px;
  color: #929292;
  font-weight: bold;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator .branding>.box>.dev>.version {
  color: #adadad;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.loader {
  position: absolute;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  opacity: 0;
  -webkit-animation: FadeIn .25s cubic-bezier(.25, .8, .25, 1);
  animation: FadeIn .25s cubic-bezier(.25, .8, .25, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  z-index: 3;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.loader>.box {
  display: flex;
  padding: 20px 20px;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #dddddd;
  box-shadow: 2px 2px 10px rgba(23,23,23,0.15);
  -webkit-animation: slide-down .25s cubic-bezier(.25, .8, .25, 1) 1;
  animation: slide-down .25s cubic-bezier(.25, .8, .25, 1) 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  z-index: 2;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.loader>.box>.spinner {
  color: transparent !important;
  pointer-events: none;
  position: relative;
  padding: 0 10px;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.loader>.box>.spinner:after {
  position: absolute;
  display: block;
  content: "";
  left: 50%;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  -webkit-animation: loading .5s infinite linear;
  animation: loading .5s infinite linear;
  border: .1rem solid #017da1;
  border-radius: 50%;
  border-right-color: transparent;
  z-index: 1;
  box-sizing: inherit;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.loader>.box>.text {
  position: relative;
  z-index: 1;
  margin-left: 10px;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator.backed {
  background-position-y: -26px;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator.connecting:not(.incompatible):not(.offline) {
  pointer-events: none;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator.connecting:not(.incompatible):not(.offline):after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator.connecting:not(.incompatible):not(.offline)>.left,
.rs-stompenberg #stompenberg>.stompenberg>.coordinator.connecting:not(.incompatible):not(.offline)>.right {
  pointer-events: none;
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator.rec>.right>.switch>.branding,
.rs-stompenberg #stompenberg>.stompenberg>.coordinator.play>.right>.switch>.branding {
  display: none;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator.live>.right>.switch>.branding {
  position: absolute;
  bottom: 0;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator.blurred>.left,
.rs-stompenberg #stompenberg>.stompenberg>.coordinator.blurred>.right {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator.blurred>.help,
.rs-stompenberg #stompenberg>.stompenberg>.coordinator.blurred>.eviltimer {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator.blurred:before {
  opacity: 0;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.left,
.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right {
  display: flex;
  transition: -webkit-filter .25s 0s cubic-bezier(.25, .8, .25, 1);
  transition: filter .25s 0s cubic-bezier(.25, .8, .25, 1);
  transition: filter .25s 0s cubic-bezier(.25, .8, .25, 1), -webkit-filter .25s 0s cubic-bezier(.25, .8, .25, 1);
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.left {
  flex-direction: column;
  align-items: center;
  margin: 3%;
  z-index: 1;
  min-width: 250px;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.left .cab-simulator {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.left .cab-simulator.active>.control>.box {
  cursor: pointer;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.left .cab-simulator.active>.control>.box:before {
  content: none;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.left .cab-simulator>.control {
  margin-bottom: 30px;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.left .cab-simulator>.control>.box {
  display: flex;
  justify-content: space-around;
  border-radius: 26px;
  align-self: center;
  padding: 10px 16px;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #dddddd;
  border: 1px solid #ccc;
  transition: border-color .25s 0s cubic-bezier(.25, .8, .25, 1);
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.left .cab-simulator>.control>.box:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.left .cab-simulator>.control>.box>.label {
  font-weight: 600;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.left .cab-simulator>.control>.box>.info>.rs-icon-info {
  cursor: pointer;
  fill: #929292;
  transition: fill .25s 0s cubic-bezier(.25, .8, .25, 1);
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.left .cab-simulator>.control>.box>.info>.rs-icon-info:hover {
  fill: #3b3b3b;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.left .cab-simulator>.control .rs-tooltip {
  width: 350px;
  opacity: 0;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.left .cab-simulator>.control.disabled>.box {
  opacity: .5;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.left .cab-simulator>.control:hover {
  border-color: #929292;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.left .cab-simulator>.control>.switch {
  float: right;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.left .cab-simulator>.convolver {
  -webkit-perspective: 1000px;
  perspective: 1000px;
  margin-bottom: 30px;
  margin-top: -7px;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.left .cab-simulator>.convolver>.box {
  margin: auto;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.left .cab-simulator>.convolver>.error {
  color: #dd0303;
  display: block;
  margin: 3em 0 0;
  width: 250px;
  text-align: center;
  padding: 0;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0;
  font-weight: 400;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.left .cab-simulator>.convolver .impulse>.logo {
  height: 22px;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.left .cab-simulator>.convolver .impulse>.info {
  font-size: unset;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.left>.tooltip.dial>.body {
  -webkit-transform: translateY(-60%);
  transform: translateY(-60%);
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.left>.tooltip.rail>.body {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.left>.branding {
  padding: 0 15px 0;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.left>.board {
  margin-bottom: 25px;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right {
  position: relative;
  width: 100%;
  padding-bottom: 15px;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.timer {
  justify-content: flex-end;
  display: flex;
  position: relative;
  padding-top: 10px;
  vertical-align: top;
  text-align: right;
  color: #D31A31;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.timer>.icon {
  background: none;
  fill: #D31A31;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin: 0 8%;
  height: 100%;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.modes {
  display: flex;
  height: 70px;
  max-height: 60px;
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  justify-content: space-evenly;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.modes>.control {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: 100%;
  opacity: .55;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: background .25s 0s cubic-bezier(.25, .8, .25, 1);
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.modes>.control>.icon {
  width: 18px;
  height: 18px;
  background: none;
  margin-right: 8px;
  margin-top: 1px;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.modes>.control>.icon.live {
  width: 22px;
  height: 22px;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.modes>.control>.label {
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: .1px;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.modes>.control.active {
  opacity: 1;
  color: #171717;
  border-color: currentColor;
  fill: currentColor;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.modes>.control:hover:not(.active) {
  opacity: 1;
  border-color: #5c5c5c;
}

@-webkit-keyframes halfFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: .5;
  }
}

@keyframes halfFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: .5;
  }
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch.queued>.content>.player,
.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch.offline>.content>.player,
.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch.queued>.content>.recorder,
.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch.offline>.content>.recorder,
.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch.queued>.content>.streamer,
.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch.offline>.content>.streamer {
  -webkit-animation: halfFadeIn .25s cubic-bezier(.25, .8, .25, 1);
  animation: halfFadeIn .25s cubic-bezier(.25, .8, .25, 1);
  pointer-events: none;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.cta {
  position: absolute;
  line-height: 17px;
  text-align: center;
  border-radius: 17px;
  align-self: center;
  padding: 4px 14px;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background: rgba(0,0,0,0.01);
  border: 1px solid rgba(0,0,0,0.01);
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.cta>.link {
  font-weight: 700;
  color: #01a3d4;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.cta>.link:hover {
  color: #02c6ff;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.cta+.modes {
  margin-top: 26px;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.player {
  position: relative;
  max-width: 500px;
  margin: 0 auto;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.player>.stats>.title {
  font-weight: 700;
  font-size: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.player>.stats>.progress>.icon {
  min-width: 20px;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.player>.stats>.progress>.progressbar {
  box-sizing: content-box;
  border-radius: 2px;
  color: #01a3d4;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.player>.stats>.progress>.progressbar:before {
  border-radius: inherit;
  background: rgba(0,0,0,0.16);
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.player>.stats>.progress>.progressbar.uploading:before {
  background-image: repeating-linear-gradient(-45deg, #5c5c5c, #5c5c5c 11px, transparent 10px, transparent 25px);
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.player>.tabs>.tab {
  font-size: 16px;
  line-height: 21px;
  letter-spacing: -0.1px;
  font-weight: 400;
  color: #929292;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.player>.tabs>.tab:hover,
.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.player>.tabs>.tab.hover {
  color: #01a3d4;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.player>.tabs>.tab:active,
.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.player>.tabs>.tab .active {
  color: #017da1;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.player>.tabs>.tab:focus,
.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.player>.tabs>.tab .focus {
  color: #017da1;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.player>.tabs>.tab.active {
  color: #3b3b3b;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.player>.tabs>.tab:active,
.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.player>.tabs>.tab:hover,
.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.player>.tabs>.tab:focus {
  border-color: currentColor;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.player>.tracks>.scroller>.track {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.1px;
  font-weight: 400;
}

@media screen and (max-width: 941px) {
  .rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.player>.tracks>.scroller>.track {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0;
    font-weight: 400;
  }
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.player>.tracks>.scroller>.track:hover,
.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.player>.tracks>.scroller>.track.hover {
  color: #01a3d4;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.player>.tracks>.scroller>.track:active,
.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.player>.tracks>.scroller>.track .active {
  color: #017da1;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.player>.tracks>.scroller>.track:focus,
.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.player>.tracks>.scroller>.track .focus {
  color: #017da1;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.player>.tracks>.scroller>.track.playing {
  color: #01a3d4;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.player>.tracks>.scroller>.track>.name {
  word-break: break-all;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.player>.tracks>.scroller>.track>.duration {
  color: #787878;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.player>.uploader {
  text-transform: uppercase;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.player>.uploader>.label>.text {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.1px;
  font-weight: 400;
}

@media screen and (max-width: 941px) {
  .rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.player>.uploader>.label>.text {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0;
    font-weight: 400;
  }
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.player>.error {
  color: #dd0303;
  display: block;
  margin: 1em;
  padding: 0;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0;
  font-weight: 400;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.player>.info {
  margin: 15px auto 25px;
  color: #787878;
  text-align: center;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.recorder {
  position: relative;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.recorder>.help {
  display: inline-block;
  margin-bottom: 25px;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.recorder>.help>.trigger {
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.recorder>.help>.trigger:hover,
.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.recorder>.help>.trigger.hover {
  color: #01a3d4;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.recorder>.help>.trigger:active,
.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.recorder>.help>.trigger .active {
  color: #017da1;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.recorder>.help>.trigger:focus,
.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.recorder>.help>.trigger .focus {
  color: #017da1;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.recorder>.recorder {
  display: flex;
  flex-direction: column;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.recorder>.recorder>.visualizer {
  border-radius: 4px;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.recorder>.recorder>.durations {
  font-size: 16px;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.recorder>.recorder>.state {
  order: -1;
  display: inherit;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.recorder>.recorder>.state>* {
  margin-bottom: 30px;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.recorder>.recorder>.state>.success {
  display: none;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.recorder>.recorder>.state>.failure {
  color: #D31A31;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.recorder>.recorder>.controls>.control.record {
  box-sizing: content-box;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.recorder>.recorder>.controls>.control.play>.button {
  color: #000;
  fill: #000;
  opacity: 1;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.recorder>.recorder>.controls>.control.loop>.button {
  margin-top: 6px;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.recorder>.recorder>.controls>.control:hover>.button {
  color: #171717 !important;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.recorder>.recorder>.controls .icon {
  background: none;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.streamer {
  position: relative;
  text-align: center;
  margin-bottom: 30px;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.streamer>.visualizer {
  width: 85%;
  height: 75px;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.streamer>.button {
  display: inline-block;
  padding: 10px 25px;
  margin-bottom: 5px;
  font-weight: 700;
  background: #01a3d4;
  border-radius: 2em;
  cursor: pointer;
  color: #FFF;
  transition: background .25s cubic-bezier(.25, .8, .25, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: uppercase;
  margin: 0;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.streamer>.button:hover {
  background: #02c6ff;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.streamer>.button:active {
  background: #017da1;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.streamer>.button.deneid {
  opacity: .5;
  margin-bottom: 30px;
  background: #D31A31;
  pointer-events: none;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.streamer>.notice.deneid {
  margin-bottom: 30px;
  color: #D31A31;
}

@media screen and (min-width: 942px) {
  .rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.streamer {
    margin-bottom: 75px;
  }
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>* {
  opacity: 0;
  -webkit-animation: FadeIn .25s cubic-bezier(.25, .8, .25, 1);
  animation: FadeIn .25s cubic-bezier(.25, .8, .25, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.timer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.timer>* {
  margin: 0 2px;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.timer>.minutes {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  color: #D31A31;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.timer>.minutes>* {
  margin: 0 1px;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.timer>.minutes>.icon,
.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.timer>.minutes>.time {
  display: table-cell;
  vertical-align: middle;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.timer>.minutes>.icon {
  width: 24px;
  height: 24px;
  padding-right: 4px;
  padding-left: 4px;
  fill: #D31A31;
  stroke: #D31A31;
  stroke-width: 10px;
  background: none;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.help {
  position: absolute;
  right: 15px;
  fill: #c7c6c7;
  cursor: pointer;
  z-index: 2;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.help:hover,
.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.help.hover {
  fill: #01a3d4;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.help:active,
.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.help .active {
  fill: #017da1;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.help:focus,
.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.help .focus {
  fill: #017da1;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.about {
  display: block;
  text-align: center;
  margin: 30px 0;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.1px;
  font-weight: 400;
}

@media screen and (max-width: 941px) {
  .rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.about {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0;
    font-weight: 400;
  }
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.content>.about a {
  cursor: pointer;
  text-decoration: underline;
}

.rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.error {
  display: flex;
  position: relative;
  height: 100%;
  width: 100%;
  text-align: center;
  justify-content: center;
  align-items: center;
}

@media screen and (min-width: 942px) {
  .rs-stompenberg #stompenberg>.stompenberg>.coordinator.live>.left>.branding {
    display: none;
  }
}

@media screen and (max-width: 941px) {
  .rs-stompenberg #stompenberg>.stompenberg>.coordinator {
    align-items: center;
    flex-direction: column-reverse;
  }

  .rs-stompenberg #stompenberg>.stompenberg>.coordinator>.left {
    padding-right: 0;
  }

  .rs-stompenberg #stompenberg>.stompenberg>.coordinator>.right>.switch>.branding {
    display: none;
  }
}

@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes slide-down {
  0% {
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.rs-stompenberg #feedback {
  margin: 50px 0;
}

.rs-stompenberg #feedback .feedback {
  display: flex;
  flex-direction: column;
  align-content: center;
  padding: 25px;
  border-radius: 3px;
  border: 1px solid #dddddd;
}

.rs-stompenberg #feedback .feedback.submitted>.body {
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
}

.rs-stompenberg #feedback .feedback>.header {
  align-self: center;
  max-width: 550px;
  width: 100%;
  margin-left: 30px;
  margin-right: 30px;
}

.rs-stompenberg #feedback .feedback>.header>.headline {
  margin-top: 0;
  margin-bottom: 10px;
}

.rs-stompenberg #feedback .feedback>.body {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-self: center;
  width: 100%;
  max-width: 550px;
  margin: 0 30px;
}

.rs-stompenberg #feedback .feedback>.body>form {
  width: 100%;
}

.rs-stompenberg #feedback .feedback>.body>form>.text {
  margin-bottom: 15px;
  display: block;
}

.rs-stompenberg #feedback .feedback>.body>form>.input {
  margin-bottom: 15px;
  max-width: 550px;
}

.rs-stompenberg #feedback .feedback>.body>form>.input textarea {
  height: 100px;
}

.rs-stompenberg #feedback .feedback>.body>form>.submit {
  display: inline-block;
  text-transform: none;
}

.rs-stompenberg #feedback .feedback>.body>.thankYou {
  margin-bottom: 15px;
  margin-top: 0;
}

.rs-stompenberg #feedback .feedback>.body>.thankYou>.header {
  font-weight: 700;
  margin-top: 0;
}

.rs-stompenberg #feedback .feedback>.body>.thankYou>.share {
  display: flex;
  text-align: center;
  flex-direction: column;
}

.rs-stompenberg #feedback .feedback>.body>.thankYou>.share>.text {
  margin-bottom: 15px;
}

.rs-stompenberg #feedback .feedback>.body>.thankYou>.share>.button {
  display: flex;
  margin: auto;
  padding: 2px 4px;
  border: 1px solid #4267b2;
  color: #FFF;
  border-radius: 3px;
  cursor: pointer;
}

.rs-stompenberg #feedback .feedback>.body>.thankYou>.share>.button>.rs-icon {
  margin-right: 5px;
}

.rs-stompenberg #feedback .feedback>.body>.thankYou>.share>.button>.link {
  display: flex;
  align-items: center;
  padding: 0 4px;
  text-decoration: none;
}

.rs-stompenberg #tutorial>.tutorial {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0 15px;
}

.rs-stompenberg #tutorial>.tutorial>.steps>.text>.list {
  padding: 0;
  margin-left: 45px;
  list-style: none;
  counter-reset: li;
}

.rs-stompenberg #tutorial>.tutorial>.steps>.text>.list+h2 {
  font-size: 22px;
}

.rs-stompenberg #tutorial>.tutorial>.steps>.text>.list>.step {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.1px;
  font-weight: 400;
  counter-increment: li;
  position: relative;
  margin-bottom: 20px;
}

@media screen and (max-width: 941px) {
  .rs-stompenberg #tutorial>.tutorial>.steps>.text>.list>.step {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0;
    font-weight: 400;
  }
}

.rs-stompenberg #tutorial>.tutorial>.steps>.text>.list>.step:before {
  position: absolute;
  display: flex;
  top: -4px;
  left: -30px;
  width: 30px;
  height: 30px;
  margin-left: -15px;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  content: counter(li);
  color: #adadad;
  border-radius: 50%;
  background: #f4f4f4;
}

.rs-stompenberg #tutorial>.tutorial>.tips>.text {
  display: flex;
}

.rs-stompenberg #tutorial>.tutorial>.tips>.text>.list {
  list-style: none;
  padding: 0;
}

.rs-stompenberg #tutorial>.tutorial>.tips>.text>.list>.tip {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.1px;
  font-weight: 400;
  margin-bottom: 20px;
}

@media screen and (max-width: 941px) {
  .rs-stompenberg #tutorial>.tutorial>.tips>.text>.list>.tip {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0;
    font-weight: 400;
  }
}

.rs-stompenberg #tutorial>.tutorial a {
  cursor: pointer;
  text-decoration: underline;
}

.rs-stompenberg #tutorial>.tutorial .text {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.1px;
  font-weight: 400;
  display: flex;
}

@media screen and (max-width: 941px) {
  .rs-stompenberg #tutorial>.tutorial .text {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0;
    font-weight: 400;
  }
}

.rs-stompenberg #tutorial>.tutorial .text>.list {
  flex-basis: 50%;
}

@media screen and (max-width: 941px) {
  .rs-stompenberg #tutorial>.tutorial .text {
    flex-direction: column;
  }

  .rs-stompenberg #tutorial>.tutorial .text .depiction {
    margin: auto;
    width: 90%;
    max-width: 450px;
    padding: 15px 0;
  }
}

.rs-stompenberg #tutorial>.tutorial .depiction {
  width: 100%;
  flex-basis: 50%;
  padding: 15px 0 15px 5px;
}

.rs-stompenberg #tutorial>.tutorial .depiction>.image {
  width: 100%;
  height: auto;
}

.rs-stompenberg #tutorial>.tutorial .depiction>.caption {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  color: #929292;
}

.rs-stompenberg.devices>.header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.rs-stompenberg.devices>.header>.title {
  margin: 0;
}

.rs-stompenberg.devices.grid-container {
  max-width: 942px;
  margin: 0 auto;
}

.rs-stompenberg.devices.grid-container #stompenberg-devices>.stompenberg {
  padding: 0;
}

.rs-stompenberg.devices #stompenberg-devices {
  -webkit-perspective: none;
  perspective: none;
}

.rs-stompenberg.devices #stompenberg-devices .stompenberg {
  position: relative;
  margin-bottom: 25px;
}

.rs-stompenberg.devices #stompenberg-devices .stompenberg>.spinner {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  height: 100%;
  z-index: 3;
  overflow: hidden;
  opacity: 0;
  background-color: #FFF;
  text-align: center;
  transition: opacity .2s ease;
}

.rs-stompenberg.devices #stompenberg-devices .stompenberg>.spinner .indicator {
  transition: top .05s ease;
  top: 100px;
}

.rs-stompenberg.devices #stompenberg-devices .stompenberg>.spinner .indicator.fixed {
  top: 50%;
}

.rs-stompenberg.devices #stompenberg-devices .stompenberg>.spinner .bottom {
  bottom: 100px;
}

.rs-stompenberg.devices #stompenberg-devices .stompenberg>.spinner.active {
  width: 100%;
  opacity: 1;
  background-color: rgba(255,255,255,0.75);
}

.rs-stompenberg.devices #stompenberg-devices .stompenberg>.spinner img {
  position: absolute;
  left: calc(50% - 19px);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rs-stompenberg.devices #stompenberg-devices .paging {
  display: flex;
  align-items: stretch;
  justify-content: center;
  margin: 0;
  padding: 0;
}

.rs-stompenberg.devices #stompenberg-devices .paging>.activePage {
  font-weight: 700;
}

.rs-stompenberg.devices #stompenberg-devices .paging>.next,
.rs-stompenberg.devices #stompenberg-devices .paging>.previous,
.rs-stompenberg.devices #stompenberg-devices .paging>.handle {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 0 6px;
  padding: 10px;
  font-size: 14px;
}

.rs-stompenberg.devices #stompenberg-devices .paging>.next,
.rs-stompenberg.devices #stompenberg-devices .paging>.previous {
  padding: 0 12px;
}

.rs-stompenberg.devices #stompenberg-devices .paging>.next {
  margin-right: 0;
}

.rs-stompenberg.devices #stompenberg-devices .paging>.inactive,
.rs-stompenberg.devices #stompenberg-devices .paging>.last,
.rs-stompenberg.devices #stompenberg-devices .paging>.first {
  display: none;
}

.rs-stompenberg.devices #stompenberg-devices .filter {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}

.rs-stompenberg.devices #stompenberg-devices .filter>div {
  display: flex;
  white-space: nowrap;
  margin-right: 10px;
}

.rs-stompenberg.devices #stompenberg-devices .filter>div>.twf-selectbox {
  min-width: 175px;
}

.rs-stompenberg.devices #stompenberg-devices .filter>div:nth-child(2) {
  position: relative;
  margin-right: 20px;
}

.rs-stompenberg.devices #stompenberg-devices .filter>div:nth-child(2):after {
  content: "";
  position: absolute;
  height: 60%;
  width: 1px;
  top: 50%;
  right: -11px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #dddddd;
}

.rs-stompenberg.devices #stompenberg-devices .filter>div:nth-child(3) .input {
  width: 100%;
}

.rs-stompenberg.devices #stompenberg-devices .filter>*:last-child {
  width: 250px;
  margin-right: 0;
}

.rs-stompenberg.devices #stompenberg-devices .filter>.search .field {
  text-align: center;
}

.rs-stompenberg.devices #stompenberg-devices .devices {
  display: flex;
  flex-wrap: wrap;
}

.rs-stompenberg.devices #stompenberg-devices .devices>.grid-row>.grid-column {
  margin-bottom: 30px;
}

.rs-stompenberg.devices #stompenberg-devices .devices>.grid-row>.grid-column.hidden {
  display: none;
}

.rs-stompenberg.devices #stompenberg-devices .devices .link {
  display: block;
  text-decoration: none;
}

.rs-stompenberg.devices #stompenberg-devices .devices .link>.board {
  position: relative;
  display: flex;
  height: 95px;
  width: 100%;
  overflow: hidden;
  border-radius: 3px;
  background: rgba(28,28,28,0.0475);
  transition: background-color .25s cubic-bezier(.25, .8, .25, 1);
  cursor: pointer;
}

.rs-stompenberg.devices #stompenberg-devices .devices .link>.board>.board {
  top: 50%;
  left: 5%;
  margin: auto;
  color: initial;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  -webkit-transform: scale(.75) rotate(-15deg);
  transform: scale(.75) rotate(-15deg);
}

.rs-stompenberg.devices #stompenberg-devices .devices .link>.board>.controls {
  position: absolute;
  left: 10px;
}

.rs-stompenberg.devices #stompenberg-devices .devices .link>.board>.controls>.tag {
  z-index: 2;
}

.rs-stompenberg.devices #stompenberg-devices .devices .link>.board>.availability {
  position: absolute;
  right: 7px;
  bottom: 25px;
}

.rs-stompenberg.devices #stompenberg-devices .devices .link>.board:after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: '';
  z-index: 2;
}

.rs-stompenberg.devices #stompenberg-devices .devices .link>.text {
  width: 100%;
  padding: 3px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: inherit;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.1px;
  font-weight: 400;
  line-height: normal;
}

.rs-stompenberg.devices #stompenberg-devices .devices .link>.text>.brand {
  font-weight: 700;
}

.rs-stompenberg.devices #stompenberg-devices .devices .link:hover {
  text-decoration: underline;
}

@media screen and (max-width: 941px) {
  .rs-stompenberg.devices #stompenberg-devices .grid-container .grid-column:first-child:nth-last-child(9):last-child:nth-child(odd),
  .rs-stompenberg.devices #stompenberg-devices .grid-container .grid-column:first-child:nth-last-child(9)~.grid-column:last-child:nth-child(odd) {
    display: none;
  }
}

.rs-stompenberg.images {
  max-width: 942px;
  margin: auto auto 10px;
}

.rs-stompenberg.images>.headline,
.rs-stompenberg.images>.about {
  text-align: center;
}

.rs-stompenberg.images>.about {
  width: 90%;
  margin: 10px auto 25px;
}

.rs-stompenberg.images .image-container {
  position: relative;
  cursor: pointer;
}

.rs-stompenberg.images .image-container>img {
  position: absolute;
  bottom: 0;
}

.thomann-content-module-stompenberg>.grid-container>.phat,
.thomann-content-module-stompenberg>.rs-stompenberg.devices.grid-container {
  margin-bottom: 75px;
}

body.controlled {
  cursor: ns-resize !important;
}

.rs-media-videobox {
  width: 100%;
  position: relative;
  float: left;
}

.rs-media-videobox .image-container {
  overflow: hidden;
  margin-bottom: 5px;
  position: relative;
  max-height: 135px;
  z-index: 1;
}

.rs-media-videobox .image-container>.picture {
  display: block;
}

.rs-media-videobox .image-container>.picture>.image {
  width: 100%;
}

.rs-media-videobox .image-container>.video-length {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 3px 8px;
  background: #3b3b3b;
  background: rgba(23,23,23,0.75);
  color: #fff;
  border-top-left-radius: 4px;
  font-size: 13px;
}

.rs-media-videobox .link {
  text-decoration: none;
  outline: 0 none;
  width: 100%;
}

.rs-media-videobox .link>.headline {
  font-size: 15px;
}

.rs-sidebar-box .rs-media-videobox .link>.headline {
  font-size: 14px;
}

.rs-media-videobox .headline {
  margin-bottom: 3px;
}

.rs-media-videobox .content>.date,
.rs-media-videobox .content>.linked {
  display: inline-block;
  color: #929292;
  font-size: 13px;
}

@media screen and (max-width: 941px) {
  .rs-media-videobox .content>.date,
  .rs-media-videobox .content>.linked {
    font-size: 12px;
  }
}

.rs-media-videobox .content>.linked>.link {
  text-decoration: underline;
  color: #929292;
}

.rs-media-videobox .content>.linked>.link:hover,
.rs-media-videobox .content>.linked>.link.hover {
  color: #01a3d4;
}

.rs-media-videobox .content>.linked>.link:active,
.rs-media-videobox .content>.linked>.link .active {
  color: #017da1;
}

.rs-media-videobox .content>.linked>.link:focus,
.rs-media-videobox .content>.linked>.link .focus {
  color: #017da1;
}

.rs-media-videobox .content>.date+.linked:before {
  content: "\2219";
  color: #adadad;
}

.rs-media-videobox .content>.linked>.likes>.like-icon {
  fill: #929292;
  width: 12px;
  height: 12px;
}

.rs-media-videobox .content>.description {
  margin-top: 3px;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.1px;
  font-weight: 400;
}

@media screen and (max-width: 941px) {
  .rs-media-videobox .content>.description {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0;
    font-weight: 400;
  }
}

.rs-sidebar-box .rs-media-videobox .content>.description {
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0;
  font-weight: 400;
}

@media screen and (max-width:1050px) {
  .rs-sidebar-box .rs-media-videobox .content>.description {
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0;
    font-weight: 400;
  }
}

.rs-media-videobox.hovering .image-container .play-icon-wrapper {
  background: #787878;
  background: rgba(59,59,59,0.85);
}

.rs-media-videobox.hovering:active .image-container .play-icon-wrapper {
  background: #000;
  background: rgba(0,0,0,0.85);
  width: 64px;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
}

.rs-media-videobox .video-box-addons .play-icon-wrapper {
  position: absolute;
  top: 50%;
  background: #3b3b3b;
  background: rgba(23,23,23,0.75);
  border-radius: 50%;
  left: 50%;
  fill: #fff;
  text-align: center;
  width: 60px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;
  transition: all .25s 0s cubic-bezier(.25, .8, .25, 1);
}

.rs-media-videobox .video-box-addons .play-icon-wrapper>.play-icon {
  position: relative;
  top: 50%;
  left: 2px;
  margin-top: -7px;
}

.rs-media-videobox .video-box-addons:hover .image-container .play-icon-wrapper {
  background: #787878;
  background: rgba(59,59,59,0.85);
}

.rs-media-videobox .video-box-addons:active .image-container .play-icon-wrapper {
  background: #000;
  background: rgba(0,0,0,0.85);
  width: 64px;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
}

.rs-media-video-gallery .rs-media-videobox {
  margin-left: 10px;
  margin-bottom: 20px;
}

.lt-ie9 .rs-media-video-gallery .rs-media-videobox {
  min-height: 260px;
}

.rs-media-video-gallery>.videos-grid {
  display: flex;
  flex-wrap: wrap;
}

.rs-media-video-gallery>.videos-grid.four-cols .rs-media-videobox {
  width: 25%;
  width: calc(25% - 7.5px);
}

.rs-media-video-gallery>.videos-grid.four-cols .rs-media-videobox:nth-child(4n+1) {
  padding-left: 0;
  margin-left: 0;
}

@media screen and (max-width: 1279px) {
  .rs-media-video-gallery>.videos-grid.four-cols .rs-media-videobox {
    width: 33.33%;
    width: calc(33.33% - 6.666px);
  }

  .rs-media-video-gallery>.videos-grid.four-cols .rs-media-videobox:nth-child(4n+1) {
    margin-left: 10px;
  }

  .rs-media-video-gallery>.videos-grid.four-cols .rs-media-videobox:nth-child(3n+1) {
    padding-left: 0;
    margin-left: 0;
  }
}

@media screen and (max-width: 941px) {
  .rs-media-video-gallery>.videos-grid.four-cols .rs-media-videobox {
    width: 50%;
    width: calc(50% - 5px);
  }

  .rs-media-video-gallery>.videos-grid.four-cols .rs-media-videobox:nth-child(3n+1) {
    margin-left: 10px;
  }

  .rs-media-video-gallery>.videos-grid.four-cols .rs-media-videobox:nth-child(2n+1) {
    padding-left: 0;
    margin-left: 0;
  }
}

.rs-thomanntv-overview>.header>.image {
  float: right;
  margin: 0 20px 20px;
}

.rs-thomanntv-overview>.categories>.header>.headline,
.rs-thomanntv-overview>.video-section>.header>.headline {
  margin-bottom: 8px;
}

.rs-thomanntv-overview>.categories>.list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: 40px;
}

.rs-thomanntv-overview>.categories>.list>.entry {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.1px;
  font-weight: 400;
}

@media screen and (max-width: 941px) {
  .rs-thomanntv-overview>.categories>.list>.entry {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0;
    font-weight: 400;
  }
}

.rs-thomanntv-overview>.categories>.list>.entry>.link {
  float: left;
  display: table;
  text-decoration: none;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.1px;
  font-weight: 400;
}

@media screen and (max-width: 941px) {
  .rs-thomanntv-overview>.categories>.list>.entry>.link {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0;
    font-weight: 400;
  }
}

.rs-thomanntv-overview>.categories>.list>.entry .image {
  display: table-cell;
  height: auto;
}

.rs-thomanntv-overview>.categories>.list>.entry .name {
  display: table-cell;
  vertical-align: middle;
  padding: 0 15px 0 10px;
}

.rs-thomanntv-overview>.video-section>.header {
  margin-bottom: 8px;
}

.rs-thomanntv-overview>.video-section>.header>.headline {
  display: inline-block;
  margin: 0 30px 0 0;
}

.rs-thomanntv-overview>.video-section>.header>.right {
  float: right;
}

@media screen and (max-width:1000px) {
  .rs-thomanntv-overview>.video-section>.header {
    margin-bottom: 16px;
  }

  .rs-thomanntv-overview>.video-section>.header>.headline {
    margin-bottom: 3px;
  }

  .rs-thomanntv-overview>.video-section>.header>.right {
    float: none;
  }
}

.rs-thomanntv-overview>.video-section.own-videos>.header>.headline {
  margin-top: 0;
}

.rs-thomanntv-overview>.video-section.own-videos>.header>.right #ttv-filter-form .order,
.rs-thomanntv-overview>.video-section.own-videos>.header>.right #ttv-filter-form .categories {
  display: inline-block;
}

.rs-thomanntv-overview>.video-section.own-videos>.header>.right #ttv-filter-form .categories {
  margin-left: 5px;
}

.rs-thomanntv-overview>.video-section.youtube-videos {
  margin: 40px 0 60px;
}

.rs-thomanntv-overview>.video-section.youtube-videos>.header>.right {
  position: relative;
  top: 5px;
}

.rs-thomanntv-overview>.video-section.youtube-videos>.header>.right>div {
  vertical-align: bottom !important;
}

.rs-thomanntv-overview>.video-section.youtube-videos>.header>.right>.button {
  padding: 2px 14px;
  margin-left: 4px;
  border-color: #ccc;
}

@media screen and (max-width:1000px) {
  .rs-thomanntv-overview>.video-section.youtube-videos>.header>.right {
    top: 3px;
  }
}

.rs-thomanntv-sidebar-searchvideos>.form>.search-input {
  margin-top: 4px;
}

.rs-thomanntv-sidebar-searchvideos>.form>.search-input .rs-input.input>.container>.input>.field.plain {
  text-align: center;
}

.rs-thomanntv-sidebar-searchvideos>.additional-content {
  margin-top: 20px;
  text-align: center;
}

.rs-thomanntv-sidebar-searchvideos>.additional-content>.box>.headline {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.1px;
  font-weight: 400;
  margin: 8px 0 4px;
}

@media screen and (max-width: 941px) {
  .rs-thomanntv-sidebar-searchvideos>.additional-content>.box>.headline {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0;
    font-weight: 400;
  }
}

.rs-thomanntv-sidebar-searchvideos>.additional-content>.box>.link {
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0;
  font-weight: 400;
}

@media screen and (max-width:1050px) {
  .rs-thomanntv-sidebar-searchvideos>.additional-content>.box>.link {
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0;
    font-weight: 400;
  }
}

.rs-thomanntv-sidebar-searchvideos>.additional-content>.categories>.headline {
  margin-bottom: 2px;
}

.rs-thomanntv-sidebar-searchvideos>.additional-content>.categories>.category {
  margin-right: 1px;
}

.rs-thomanntv-sidebar-searchvideos>.additional-content>.categories>.category:after {
  content: ',';
}

.rs-thomanntv-sidebar-searchvideos>.additional-content>.categories>.category:last-child:after {
  content: none;
}

.rs-thomanntv-sidebar-popularvideos>.list,
.rs-thomanntv-sidebar-latestvideos>.list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.rs-thomanntv-sidebar-popularvideos>.list>.item,
.rs-thomanntv-sidebar-latestvideos>.list>.item {
  display: table;
  margin-top: 10px;
  float: none;
}

.rs-thomanntv-sidebar-popularvideos>.list>.item:first-child,
.rs-thomanntv-sidebar-latestvideos>.list>.item:first-child {
  margin-top: 0;
}

.rs-thomanntv-sidebar-popularvideos>.list>.item>.link,
.rs-thomanntv-sidebar-latestvideos>.list>.item>.link {
  display: table-row;
  text-decoration: none;
}

.rs-thomanntv-sidebar-popularvideos>.list>.item>.link>.cell,
.rs-thomanntv-sidebar-latestvideos>.list>.item>.link>.cell {
  display: table-cell;
  vertical-align: middle;
}

.rs-thomanntv-sidebar-popularvideos>.list>.item>.link>.cell:first-child,
.rs-thomanntv-sidebar-latestvideos>.list>.item>.link>.cell:first-child {
  width: 40%;
  padding-right: 12px;
}

.rs-thomanntv-sidebar-popularvideos>.list>.item>.link>.cell:last-child,
.rs-thomanntv-sidebar-latestvideos>.list>.item>.link>.cell:last-child {
  width: 60%;
}

@media screen and (max-width: 941px) {
  .rs-thomanntv-sidebar-popularvideos>.list>.item>.link>.cell:first-child,
  .rs-thomanntv-sidebar-latestvideos>.list>.item>.link>.cell:first-child {
    width: 45%;
  }

  .rs-thomanntv-sidebar-popularvideos>.list>.item>.link>.cell:last-child,
  .rs-thomanntv-sidebar-latestvideos>.list>.item>.link>.cell:last-child {
    width: 55%;
  }
}

.rs-thomanntv-sidebar-popularvideos>.list>.item>.link>.cell>.image-container,
.rs-thomanntv-sidebar-latestvideos>.list>.item>.link>.cell>.image-container {
  overflow: hidden;
  position: relative;
  display: inline-block;
  max-height: 73px;
}

@media screen and (max-width: 769px) {
  .rs-thomanntv-sidebar-popularvideos>.list>.item>.link>.cell>.image-container,
  .rs-thomanntv-sidebar-latestvideos>.list>.item>.link>.cell>.image-container {
    max-height: 59px;
  }
}

.rs-thomanntv-sidebar-popularvideos>.list>.item>.link>.cell>.image-container>.play-icon-wrapper,
.rs-thomanntv-sidebar-latestvideos>.list>.item>.link>.cell>.image-container>.play-icon-wrapper {
  top: auto;
  left: auto;
  right: 2px;
  bottom: 2px;
  width: 12px;
  height: 12px;
  border-radius: 2px;
}

.rs-thomanntv-sidebar-popularvideos>.list>.item>.link>.cell>.image-container>.play-icon-wrapper>.play-icon,
.rs-thomanntv-sidebar-latestvideos>.list>.item>.link>.cell>.image-container>.play-icon-wrapper>.play-icon {
  left: .6px;
  margin-top: -3px;
  width: 4px;
  height: 6px;
}

.rs-thomanntv-sidebar-popularvideos>.list>.item>.link>.cell>.image-container>.picture,
.rs-thomanntv-sidebar-latestvideos>.list>.item>.link>.cell>.image-container>.picture {
  display: block;
}

.rs-thomanntv-sidebar-popularvideos>.list>.item>.link>.cell>.image-container>.picture>.image,
.rs-thomanntv-sidebar-latestvideos>.list>.item>.link>.cell>.image-container>.picture>.image {
  max-width: 100%;
  width: 100%;
  height: auto;
}

.rs-thomanntv-sidebar-popularvideos>.list>.item>.link>.cell>.title,
.rs-thomanntv-sidebar-latestvideos>.list>.item>.link>.cell>.title {
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0;
  font-weight: 400;
}

@media screen and (max-width:1050px) {
  .rs-thomanntv-sidebar-popularvideos>.list>.item>.link>.cell>.title,
  .rs-thomanntv-sidebar-latestvideos>.list>.item>.link>.cell>.title {
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0;
    font-weight: 400;
  }
}

.rs-thomanntv-sidebar-popularvideos>.list>.item>.link:hover .image-container>.play-icon-wrapper,
.rs-thomanntv-sidebar-latestvideos>.list>.item>.link:hover .image-container>.play-icon-wrapper {
  -webkit-transform: none;
  transform: none;
}

.rs-thomanntv-sidebar-relevantproduct>.product-box>.link {
  text-decoration: none;
}

.rs-thomanntv-sidebar-relevantproduct>.product-box>.link>.image-container {
  text-align: center;
  margin-bottom: 10px;
}

.rs-thomanntv-sidebar-relevantproduct>.product-box>.link>.image-container>.image {
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}

.rs-thomanntv-sidebar-relevantproduct>.product-box>.link>.articlename {
  font-size: 16px;
  line-height: 22px;
  font-weight: 300;
  letter-spacing: -0.1px;
}

@media screen and (max-width: 1279px) {
  .rs-thomanntv-sidebar-relevantproduct>.product-box>.link>.articlename {
    font-size: 15px;
    line-height: 20px;
  }
}

.rs-thomanntv-sidebar-relevantproduct>.product-box>.link>.rating {
  height: 18px;
}

.rs-thomanntv-sidebar-relevantproduct>.product-box>.link>.rating .count {
  position: relative;
  top: -2px;
}

.rs-thomanntv-sidebar-relevantproduct>.product-box>.availability {
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0;
  font-weight: 400;
}

@media screen and (max-width:1050px) {
  .rs-thomanntv-sidebar-relevantproduct>.product-box>.availability {
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0;
    font-weight: 400;
  }
}

.rs-thomanntv-sidebar-relevantproduct>.product-box>.availability .rs-layover-trigger {
  margin: 0;
}

.rs-thomanntv-sidebar-relevantproduct>.product-box>.price {
  margin-top: 10px;
  font-weight: 700;
  font-size: 17px;
}

@media screen and (max-width: 1279px) {
  .rs-thomanntv-sidebar-relevantproduct>.product-box>.price {
    font-size: 16px;
  }
}

.rs-thomanntv-sidebar-topvideos {
  padding: 10px 10px 5px;
}

.rs-thomanntv-sidebar-topvideos .list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.rs-thomanntv-sidebar-topvideos .list>.item.active {
  font-weight: 700;
}

.rs-thomanntv-sidebar-topvideos .list>.item>.link {
  display: block;
  margin: 1px 0;
  border-top: 1px solid #dddddd;
  padding: 4px 0;
  text-decoration: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.rs-thomanntv-sidebar-topvideos .list>.item:first-child>.link {
  border-top: 0;
  margin-top: -4px;
}

.rs-thomanntv-sidebar-topvideos .list>.item:last-child>.link {
  padding-bottom: 0;
}

.rs-thomanntv-search-results {
  margin-bottom: 60px;
}

.rs-thomanntv-search-results>.headline {
  margin-bottom: 3px;
}

@media screen and (max-width: 941px) {
  .rs-thomanntv-search-results>.headline {
    margin-bottom: 10px;
  }
}

.rs-thomanntv-search-results>.headline .german-quotes {
  quotes: '\201E' '\201D';
}

.rs-thomanntv-search-results>.headline .intl-quotes {
  quotes: '\201c' '\201d';
}

.rs-thomanntv-search-results>.headline .search-term:before {
  content: open-quote;
}

.rs-thomanntv-search-results>.headline .search-term:after {
  content: close-quote;
}

.rs-thomanntv-search-results>.headline.no-active-search {
  display: none;
}

.rs-thomanntv-search-results>.filter {
  float: right;
}

.rs-thomanntv-search-results>.filter .order,
.rs-thomanntv-search-results>.filter .categories {
  display: inline-block;
}

.rs-thomanntv-search-results>.filter .order {
  margin-right: 4px;
}

@media screen and (max-width: 941px) {
  .rs-thomanntv-search-results>.filter {
    float: none;
  }
}

.rs-thomanntv-search-results>.search-results-wrapper>.results>.count {
  float: left;
  margin-top: 8px;
}

@media screen and (max-width: 941px) {
  .rs-thomanntv-search-results>.search-results-wrapper>.results>.count {
    margin-top: 18px;
  }
}

.rs-thomanntv-search-results>.search-results-wrapper>.results>.list {
  clear: both;
}

.rs-thomanntv-search-results>.search-results-wrapper>.results>.list.appended {
  -webkit-animation: FadeIn 500ms ease-in;
  animation: FadeIn 500ms ease-in;
}

.rs-thomanntv-search-results>.search-results-wrapper>.results>.list.appended>.result-entry {
  -webkit-animation: Highlight 1s ease-out;
  animation: Highlight 1s ease-out;
}

.rs-thomanntv-search-results>.search-results-wrapper>.results>.list.appended>.result-entry:first-child {
  margin-top: 0;
}

@-webkit-keyframes Highlight {
  0% {
    background: rgba(246,255,170,0);
  }

  60% {
    background: rgba(246,255,170,0.25);
  }

  100% {
    background: rgba(246,255,170,0);
  }
}

@keyframes Highlight {
  0% {
    background: rgba(246,255,170,0);
  }

  60% {
    background: rgba(246,255,170,0.25);
  }

  100% {
    background: rgba(246,255,170,0);
  }
}

.rs-thomanntv-search-results>.search-results-wrapper>.results>.list>.result-entry {
  margin-bottom: 15px;
  padding: 0 0 5px;
}

@media screen and (max-width: 1279px) {
  .rs-thomanntv-search-results>.search-results-wrapper>.results>.list>.result-entry {
    margin-bottom: 12px;
  }
}

@media screen and (max-width: 941px) {
  .rs-thomanntv-search-results>.search-results-wrapper>.results>.list>.result-entry {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 769px) {
  .rs-thomanntv-search-results>.search-results-wrapper>.results>.list>.result-entry {
    margin-bottom: 9px;
  }
}

.rs-thomanntv-search-results>.search-results-wrapper>.results>.list>.result-entry:first-child {
  margin-top: 10px;
}

.rs-thomanntv-search-results>.search-results-wrapper>.results>.list>.result-entry .left {
  width: 33%;
}

.rs-thomanntv-search-results>.search-results-wrapper>.results>.list>.result-entry .right {
  width: 67%;
}

.rs-thomanntv-search-results>.search-results-wrapper>.results>.list>.result-entry .head.content {
  max-width: 100%;
  padding: 5px 5px 5px 0;
}

.rs-thomanntv-search-results>.search-results-wrapper>.results>.list>.result-entry.rs-media-videobox .linked {
  vertical-align: top;
}

.rs-thomanntv-search-results>.search-results-wrapper>.results>.list>.result-entry.rs-media-videobox .linked .link {
  display: inline;
}

.rs-thomanntv-search-results>.search-results-wrapper>.results>.list>.result-entry .image-container {
  margin-bottom: 0;
  max-height: 190px;
}

.rs-thomanntv-search-results>.search-results-wrapper>.results>.list>.result-entry .headline {
  line-height: 28px;
  font-size: 22px;
  font-weight: 100;
}

@media screen and (max-width: 1279px) {
  .rs-thomanntv-search-results>.search-results-wrapper>.results>.list>.result-entry .headline {
    line-height: 27px;
    font-size: 20px;
  }
}

@media screen and (max-width: 941px) {
  .rs-thomanntv-search-results>.search-results-wrapper>.results>.list>.result-entry .headline {
    line-height: 24px;
    font-size: 18px;
  }
}

.rs-thomanntv-search-results>.search-results-wrapper>.results>.list>.result-entry .video-tags {
  margin-top: 10px;
}

.rs-thomanntv-search-results>.search-results-wrapper>.results>.list>.result-entry .video-tags .tag {
  display: inline-block;
  width: auto;
}

.rs-thomanntv-search-results>.search-results-wrapper>.results>.list>.result-entry .description {
  margin-top: 10px;
}

@media screen and (max-width: 941px) {
  .rs-thomanntv-search-results>.search-results-wrapper>.results>.list>.result-entry .description {
    display: none;
  }
}

@media screen and (max-width: 1279px) {
  .rs-thomanntv-search-results>.search-results-wrapper>.results>.list>.result-entry .left {
    width: 40%;
  }

  .rs-thomanntv-search-results>.search-results-wrapper>.results>.list>.result-entry .right {
    width: 60%;
  }

  .rs-thomanntv-search-results>.search-results-wrapper>.results>.list>.result-entry .image-container {
    max-height: 170px;
  }
}

@media screen and (max-width: 941px) {
  .rs-thomanntv-search-results>.search-results-wrapper>.results>.list>.result-entry {
    padding: 0 0 4px;
  }
}

@media screen and (max-width:867px) {
  .rs-thomanntv-search-results>.search-results-wrapper>.results>.list>.result-entry {
    flex-wrap: wrap;
    flex-direction: column;
  }

  .rs-thomanntv-search-results>.search-results-wrapper>.results>.list>.result-entry .left,
  .rs-thomanntv-search-results>.search-results-wrapper>.results>.list>.result-entry .right {
    width: 100%;
  }

  .rs-thomanntv-search-results>.search-results-wrapper>.results>.list>.result-entry .right {
    padding-left: 0;
  }

  .rs-thomanntv-search-results>.search-results-wrapper>.results>.list>.result-entry .image-container {
    max-height: inherit;
  }

  .rs-thomanntv-search-results>.search-results-wrapper>.results>.list>.result-entry .head.content {
    padding: 5px 10px;
  }

  .rs-thomanntv-search-results>.search-results-wrapper>.results>.list>.result-entry .description {
    display: block;
  }
}

@media screen and (max-width: 941px) {
  .rs-thomanntv-search-results>.search-results-wrapper>.results>.list {
    margin-top: 10px;
  }
}

.rs-thomanntv-search-results>.search-results-wrapper>.rs-search-pagination {
  margin: 5px 0 0;
}

.rs-thomanntv-search-results>.search-results-wrapper>.no-results>.try-again {
  background: url(/static/tr/img/search/no-search-results-bg-v2.png) no-repeat center;
  height: 370px;
  margin: 15px 0 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.rs-thomanntv-search-results>.search-results-wrapper>.no-results>.try-again:after,
.rs-thomanntv-search-results>.search-results-wrapper>.no-results>.try-again:before {
  content: '';
  width: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
}

.rs-thomanntv-search-results>.search-results-wrapper>.no-results>.try-again:before {
  background: url(/static/tr/img/search/searchresults-not-found-border-left.png?m=1614861764) no-repeat left;
  left: 0;
}

.rs-thomanntv-search-results>.search-results-wrapper>.no-results>.try-again:after {
  background: url(/static/tr/img/search/searchresults-not-found-border-right.png?m=1614861764) no-repeat right;
  right: 0;
}

.rs-thomanntv-search-results>.search-results-wrapper>.no-results>.try-again #thumbleweed {
  position: absolute;
  left: -125px;
  bottom: 30px;
  width: 85px;
  height: 62px;
}

.rs-thomanntv-search-results>.search-results-wrapper>.no-results>.try-again #thumbleweed.go {
  -webkit-transform: scale(.8) skew(5deg) translateX(1600px) rotate(2000deg);
  transform: scale(.8) skew(5deg) translateX(1600px) rotate(2000deg);
}

.rs-thomanntv-search-results>.search-results-wrapper>.no-results>.try-again #thumbleweed.long {
  transition: all 12s 1s ease-in;
}

.rs-thomanntv-search-results>.search-results-wrapper>.no-results>.try-again #thumbleweed.medium {
  transition: all 14s 1s ease-in;
}

.rs-thomanntv-search-results>.search-results-wrapper>.no-results>.try-again #thumbleweed.short {
  transition: all 18s 1s ease-in;
}

.rs-thomanntv-search-results>.search-results-wrapper>.no-results>.try-again>.inner {
  width: 100%;
  height: 100%;
  padding: 5px 40px;
  position: relative;
}

.rs-thomanntv-search-results>.search-results-wrapper>.no-results>.try-again>.inner>.headline {
  font-size: 22px;
  font-weight: 300;
  text-align: center;
  margin: 0 0 20px;
}

.rs-thomanntv-search-results>.search-results-wrapper>.no-results>.try-again>.inner>.headline>.lr-search-results-no-results-sword {
  font-weight: 400;
}

.rs-thomanntv-search-results>.search-results-wrapper>.no-results>.try-again>.inner>.headline>.idle {
  margin-top: 6px;
  display: inline-block;
}

@media screen and (max-width: 769px) {
  .rs-thomanntv-search-results>.search-results-wrapper>.no-results>.try-again>.inner>.headline>.idle {
    margin-top: 0;
  }
}

@media screen and (max-width: 941px) {
  .rs-thomanntv-search-results>.search-results-wrapper>.no-results>.try-again>.inner>.headline {
    font-size: 17px;
  }
}

@media screen and (max-width: 890px) {
  .rs-thomanntv-search-results>.search-results-wrapper>.no-results>.try-again>.inner>.headline>.text {
    display: inline;
  }
}

@media screen and (max-width: 769px) {
  .rs-thomanntv-search-results>.search-results-wrapper>.no-results>.try-again>.inner>.headline {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
  }

  .rs-thomanntv-search-results>.search-results-wrapper>.no-results>.try-again>.inner>.headline>.lr-search-results-no-results-sword {
    font-weight: 700;
  }
}

.rs-thomanntv-search-results>.search-results-wrapper>.no-results>.try-again>.inner>form {
  position: absolute;
  top: 50%;
  margin-top: -21px;
  width: calc(100% -  80px);
}

.rs-thomanntv-search-results>.search-results-wrapper>.no-results>.try-again>.inner>form>.wrapper {
  display: table;
  width: 100%;
  border-spacing: 10px 0;
}

.rs-thomanntv-search-results>.search-results-wrapper>.no-results>.try-again>.inner>form>.wrapper>.search-input {
  width: 100%;
}

.rs-thomanntv-search-results>.search-results-wrapper>.no-results>.try-again>.inner>form>.wrapper>.search-button,
.rs-thomanntv-search-results>.search-results-wrapper>.no-results>.try-again>.inner>form>.wrapper>.search-input {
  display: table-cell;
  vertical-align: top;
  height: 42px;
}

.rs-thomanntv-search-results>.search-results-wrapper>.no-results>.try-again>.inner>form>.wrapper>.search-button {
  margin-left: 10px;
  width: 50px;
  background: #f4f4f4;
  background: rgba(255,255,255,0.7);
  border: 1px solid #c7c6c7;
  text-align: center;
  outline: 0 none;
}

.rs-thomanntv-search-results>.search-results-wrapper>.no-results>.try-again>.inner>form>.wrapper>.search-button:hover {
  background: #fff;
}

.rs-thomanntv-search-results>.search-results-wrapper>.no-results>.feedback-form {
  margin: 50px 0 0;
}

.rs-thomanntv-search-results>.search-results-wrapper>.no-results>.feedback-form>.headline {
  margin: 10px 0 5px;
}

.rs-thomanntv-search-results>.search-results-wrapper>.no-results>.feedback-form>.form {
  position: relative;
}

.rs-thomanntv-search-results>.search-results-wrapper>.no-results>.feedback-form>.form>.hidden {
  display: none;
}

.rs-thomanntv-search-results>.search-results-wrapper>.no-results>.feedback-form>.form>.response-message {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  border-left: 1px solid #c7c6c7;
  border-right: 1px solid #c7c6c7;
  border-bottom: 1px solid #c7c6c7;
  box-shadow: 0 3px 6px -2px #c7c6c7;
  transition: height .25s 0s cubic-bezier(.25, .8, .25, 1);
  opacity: 0;
}

.rs-thomanntv-search-results>.search-results-wrapper>.no-results>.feedback-form>.form>.response-message.fadeIn {
  -webkit-animation: FadeIn 300ms ease-in;
  animation: FadeIn 300ms ease-in;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.rs-thomanntv-search-results>.search-results-wrapper>.no-results>.feedback-form>.form>.textarea {
  margin-bottom: 10px;
}

.rs-thomanntv-search-results>.search-results-wrapper>.no-results>.feedback-form>.form>.email {
  margin-bottom: 20px;
}

.rs-thomanntv-search-results>.search-results-wrapper>.no-results>.rs-thomanntv-overview>.own-videos {
  margin: 50px 0 70px;
}

.rs-thomanntv-detail #ttv-video {
  position: relative;
}

.rs-thomanntv-detail #ttv-video>.video-js {
  width: 100%;
  height: 100%;
}

.rs-thomanntv-detail #ttv-video>.video-js>video {
  position: relative;
}

.rs-thomanntv-detail #ttv-video>.video-js .vjs-big-play-button {
  background: #f4f4f4 linear-gradient(to bottom, rgba(244,244,244,0.75), rgba(255,255,255,0) 35%, rgba(0,0,0,0.025) 75%, rgba(0,0,0,0.05) 100%);
}

.rs-thomanntv-detail #ttv-video .operation-update {
  display: none;
  border-radius: 50%;
  padding: 15px;
  background: #000;
  background: rgba(0,0,0,0.5);
  z-index: 1;
  width: 85px;
  height: 85px;
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
}

.rs-thomanntv-detail #ttv-video .operation-update,
.rs-thomanntv-detail #ttv-video .operation-update>.control-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  text-align: center;
}

.rs-thomanntv-detail #ttv-video .operation-update.active {
  display: inline-block;
  -webkit-animation: FadeIn 333ms ease-in;
  animation: FadeIn 333ms ease-in;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.rs-thomanntv-detail #ttv-video .operation-update>.control-icon {
  display: none;
}

.rs-thomanntv-detail #ttv-video .operation-update>.control-icon.active {
  display: block;
  -webkit-animation: FadeIn 200ms ease-in;
  animation: FadeIn 200ms ease-in;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.rs-thomanntv-detail #ttv-video .operation-update>.control-icon>.icon-selector {
  fill: #dddddd;
  transition: -webkit-transform .25s 0s cubic-bezier(.25, .8, .25, 1);
  transition: transform .25s 0s cubic-bezier(.25, .8, .25, 1);
  transition: transform .25s 0s cubic-bezier(.25, .8, .25, 1), -webkit-transform .25s 0s cubic-bezier(.25, .8, .25, 1);
  width: 50px;
  height: 50px;
}

.rs-thomanntv-detail #ttv-video .operation-update>.control-icon.volume-up>.icon-selector {
  -webkit-transform: scale3d(1.3, 1.3, 1.3);
  transform: scale3d(1.3, 1.3, 1.3);
}

.rs-thomanntv-detail #ttv-video .operation-update>.control-icon.volume-down>.icon-selector {
  -webkit-transform: scale3d(.6, .6, .6);
  transform: scale3d(.6, .6, .6);
}

.rs-thomanntv-detail #ttv-video .operation-update>.control-icon.volume-icon {
  margin-top: 1px;
}

.rs-thomanntv-detail #ttv-video .operation-update>.control-icon.volume-icon>.icon-selector {
  width: 45px;
  height: 37px;
}

.rs-thomanntv-detail #ttv-video .operation-update>.control-icon.play-icon>.icon-selector {
  width: 22px;
  height: 33px;
  margin-left: 5px;
}

.rs-thomanntv-detail #ttv-video .operation-update>.control-icon.pause-icon>.icon-selector {
  width: 22px;
  height: 33px;
}

.rs-thomanntv-detail>.video-data>.section>.title {
  margin: 12px 0 2px;
  line-height: 42px;
}

@media screen and (max-width: 1279px) {
  .rs-thomanntv-detail>.video-data>.section>.title {
    line-height: 40px;
  }
}

.rs-thomanntv-detail>.video-data>.section>.social-share {
  margin: 18px auto 0 30px;
  float: right;
}

.rs-thomanntv-detail>.video-data>.section>.social-share>.list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.rs-thomanntv-detail>.video-data>.section>.social-share>.list>.item {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  padding: 5px 14px;
  transition: all .25s 0s cubic-bezier(.25, .8, .25, 1);
}

@media screen and (max-width: 1279px) {
  .rs-thomanntv-detail>.video-data>.section>.social-share>.list>.item {
    padding: 5px 8px;
  }
}

.rs-thomanntv-detail>.video-data>.section>.social-share>.list>.item.mail {
  padding-top: 9px;
}

.rs-thomanntv-detail>.video-data>.section>.social-share>.list>.item>.link {
  display: table;
  width: 100%;
  text-decoration: none;
  margin-right: 10px;
}

.rs-thomanntv-detail>.video-data>.section>.social-share>.list>.item>.link>.label,
.rs-thomanntv-detail>.video-data>.section>.social-share>.list>.item>.link .share-icon {
  display: table-cell;
  vertical-align: middle;
}

.rs-thomanntv-detail>.video-data>.section>.social-share>.list>.item>.link>.label {
  padding-left: 3px;
}

@media screen and (max-width: 941px) {
  .rs-thomanntv-detail>.video-data>.section>.social-share>.list>.item>.link>.share-icon {
    -webkit-transform: scale(.75);
    transform: scale(.75);
  }
}

@media screen and (max-width: 769px) {
  .rs-thomanntv-detail>.video-data>.section>.social-share>.list>.item>.link>.share-icon {
    -webkit-transform: scale(.7);
    transform: scale(.7);
  }
}

@media screen and (max-width: 941px) {
  .rs-thomanntv-detail>.video-data>.section>.social-share>.list>.item {
    padding: 2px 12px;
  }

  .rs-thomanntv-detail>.video-data>.section>.social-share>.list>.item.mail {
    padding-top: 6px;
  }
}

@media screen and (max-width: 769px) {
  .rs-thomanntv-detail>.video-data>.section>.social-share>.list>.item {
    padding: 2px 8px;
  }
}

@media screen and (max-width: 941px) {
  .rs-thomanntv-detail>.video-data>.section>.social-share {
    margin: 15px auto 0;
    display: inline-block;
    float: none;
  }
}

.rs-thomanntv-detail>.video-data>.section>.subline {
  color: #929292;
  margin-bottom: 20px;
}

.rs-thomanntv-detail>.video-data>.section>.subline>.link {
  color: #929292;
}

.rs-thomanntv-detail>.video-data>.section>.subline>.link:hover,
.rs-thomanntv-detail>.video-data>.section>.subline>.link.hover {
  color: #01a3d4;
}

.rs-thomanntv-detail>.video-data>.section>.subline>.link:active,
.rs-thomanntv-detail>.video-data>.section>.subline>.link .active {
  color: #017da1;
}

.rs-thomanntv-detail>.video-data>.section>.subline>.link:focus,
.rs-thomanntv-detail>.video-data>.section>.subline>.link .focus {
  color: #017da1;
}

.rs-thomanntv-detail>.video-data>.section>.description {
  margin-top: 10px;
}

.rs-thomanntv-detail>.video-data>.section>.description>.headline {
  margin: 0 0 5px;
  font-weight: 300;
}

@media screen and (max-width: 941px) {
  .rs-thomanntv-detail>.video-data>.section>.description>.headline {
    font-weight: 400;
  }
}

.rs-thomanntv-detail>.video-data>.section>.description>.text {
  margin: 0;
}

@media screen and (max-width: 941px) {
  .rs-thomanntv-detail>.video-data>.section>.description {
    margin-top: 0;
  }
}

.rs-thomanntv-detail>.video-data>.section>.video-tags {
  margin-top: 35px;
  padding-top: 15px;
  border-top: 1px solid #efefef;
}

@media screen and (max-width: 941px) {
  .rs-thomanntv-detail>.video-data>.section>.video-tags {
    margin-top: 25px;
  }
}

@media screen and (max-width: 941px) {
  .rs-thomanntv-detail>.video-data>.section.top {
    text-align: center;
  }

  .rs-thomanntv-detail>.video-data>.section.top>.title,
  .rs-thomanntv-detail>.video-data>.section.top>.subline {
    text-align: left;
  }
}

.rs-thomanntv-detail>.section {
  margin-top: 50px;
}

.rs-thomanntv-detail>.section .headline {
  margin: 10px 0 5px;
}

.rs-thomanntv-detail>.section:last-child {
  margin-bottom: 70px;
}

.rs-thomanntv-detail>.smart-navigator {
  margin-top: 50px;
}

.rs-thomanntv-detail>.smart-navigator>.list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.rs-thomanntv-detail>.smart-navigator>.list>.item {
  padding: 1px 0;
}

#rs-thomanntv-detail-relatedprod h2.headline.header {
  margin: 50px 0 0 0;
}

.rs-thomanntv-detail-notfound {
  margin-bottom: 60px;
}

.rs-thomanntv-detail-notfound>.headline {
  margin-bottom: 8px;
}

.rs-thomanntv-detail-notfound>.teaser {
  max-width: 100%;
  height: auto;
  margin-bottom: 35px;
}

.rs-thomanntv-detail-notfound>.section.more-videos>.headline {
  margin-bottom: 10px;
}

.thomann-content-module-thomanntv .infobox {
  margin-top: 10px;
}

.thomann-content-module-thomanntv .infobox .msg {
  margin-bottom: 10px;
}

.rs-casefactory .rs-tabs-wrapper {
  background-color: #f0f0f0;
  padding: 0;
}

.rs-casefactory .rs-tabs-list,
.rs-casefactory .casetypes {
  width: 100%;
}

.rs-casefactory .casetypes .types {
  list-style: none;
  max-width: 1000px;
  display: block;
  padding: 0;
  font-size: 0;
}

.rs-casefactory .casetypes .types li {
  display: inline-block;
  width: calc(20% - 3px);
  padding: 0;
}

.rs-casefactory .casetypes .types li a {
  padding: 10px 0;
  width: 100%;
  display: inline-block;
  text-decoration: none;
}

.rs-casefactory .rs-tabs-list .tab,
.rs-casefactory .casetypes .type {
  background-color: #f0f0f0;
  width: 20%;
  margin-right: 0;
  text-align: center;
  padding: 8px 0 3px 0;
  border-right: 1px solid #fff;
}

.rs-casefactory .rs-tabs-list .tab:Last-child,
.rs-casefactory .casetypes .type:Last-child {
  border-right: 0;
}

@media screen and (max-width: 941px) {
  .rs-casefactory .rs-tabs-list .tab,
  .rs-casefactory .casetypes .type {
    border-bottom: 1px solid #fff;
  }
}

.rs-casefactory .rs-tabs-list .tab:last-child,
.rs-casefactory .casetypes .type:last-child {
  margin-right: 0;
}

.rs-casefactory .rs-tabs-list .tab img,
.rs-casefactory .casetypes .type img {
  opacity: .6;
  mix-blend-mode: multiply;
}

.rs-casefactory .rs-tabs-list .tab .name,
.rs-casefactory .casetypes .type .name {
  display: block;
  font-size: 12px;
  color: #5c5c5c;
}

.rs-casefactory .rs-tabs-list .tab.active,
.rs-casefactory .casetypes .type.active {
  background-color: #f9f9f9;
  padding-bottom: 0;
}

.rs-casefactory .rs-tabs-list .tab:hover,
.rs-casefactory .casetypes .type:hover {
  background-color: #dbdbdb;
}

.rs-casefactory .hidden {
  display: none;
}

.rs-casefactory.overview {
  font-family: 'Open Sans',Verdana,Tahoma,Arial,Helvetica,sans-serif;
  position: relative;
}

.rs-casefactory.overview .description-part {
  font-size: 14px;
}

.rs-casefactory.overview>.header .image {
  display: none;
}

.rs-casefactory.overview>.header>.text {
  display: table-cell;
  vertical-align: top;
}

.rs-casefactory.overview>.header>.text h1+h2 {
  margin-top: -16px;
}

.rs-casefactory.overview>.header>.image.show-wide {
  display: table-cell;
  vertical-align: middle;
}

.rs-casefactory.overview .track .view .item {
  text-align: center;
  vertical-align: top;
  position: relative;
  padding: 36px 40px 260px 40px;
}

.rs-casefactory.overview .track .view .item:focus {
  outline: none;
}

.rs-casefactory.overview .track .view .item.variation-keyboardcase {
  padding-bottom: 220px;
}

.rs-casefactory.overview .track .view .item .topseller-header {
  position: absolute;
  top: 9px;
  right: 0;
  width: 100%;
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #02c6ff;
  margin-bottom: 15px;
  letter-spacing: -0.2px;
}

.rs-casefactory.overview .track .view .item .name {
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.rs-casefactory.overview .track .view .item .name a {
  text-decoration: none;
}

.rs-casefactory.overview .track .view .item .usp {
  text-align: center;
  min-height: 42px;
}

.rs-casefactory.overview .track .view .item .prod-features {
  margin: 0;
  text-align: left;
}

.rs-casefactory.overview .track .view .item .prod-features li {
  margin-bottom: 10px;
}

.rs-casefactory.overview .track .view .item .preview-image {
  background: #ffffff;
}

.rs-casefactory.overview .track .view .item .preview-image img {
  display: inline-block;
  width: auto;
  height: auto;
  max-height: 100%;
}

.rs-casefactory.overview .track .view .item .preview-image a {
  display: block;
  width: 100%;
  text-align: center;
}

.rs-casefactory.overview .track .view .item .bottom-part {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  padding: 0 20px;
}

.rs-casefactory.overview .track .view .item .bottom-part .numbers {
  margin: 0;
  padding-left: 26px;
  padding-top: 16px;
}

.rs-casefactory.overview .track .view .item .bottom-part .numbers .number {
  text-align: left;
  margin-bottom: 10px;
}

.rs-casefactory.overview .track .view .item .bottom-part .price {
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  letter-spacing: -0.2px;
  margin-top: 43px;
}

.rs-casefactory.overview .track .view .item .bottom-part .price>.price-from {
  font-size: 16px;
}

.rs-casefactory.overview .track .view .item .bottom-part .subvariations {
  list-style: none;
  padding: 8px 0 8px 0;
  margin: 0;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.rs-casefactory.overview .track .view .item .bottom-part .subvariations>.label {
  position: relative;
  left: 2px;
}

.rs-casefactory.overview .track .view .item .bottom-part .subvariations li {
  margin-bottom: 3px;
}

.rs-casefactory.overview .track .view .item .bottom-part .rs-btn-secondary,
.rs-casefactory.overview .track .view .item .bottom-part .rs-btn-important {
  font-size: 18px;
  font-weight: bold;
  box-sizing: border-box;
  padding: 14px 21px;
  letter-spacing: .6px;
}

.rs-casefactory.overview .track .view .item .bottom-part .rs-btn-important {
  line-height: normal;
  height: auto;
}

.rs-casefactory.overview .track .view .item .bottom-part .rs-btn-secondary {
  text-transform: none;
}

.rs-casefactory.overview>.links {
  margin-top: 30px;
  margin-bottom: 30px;
}

.rs-casefactory.overview>.links>ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.rs-casefactory.overview>.links>ul>.link {
  margin-right: 8px;
  float: left;
  margin-bottom: 6px;
  width: calc(50% - 8px);
}

.rs-casefactory.overview>.links>ul>.link a {
  text-decoration: none;
  display: table-cell;
  vertical-align: middle;
  padding: 8px;
}

.rs-casefactory.overview>.links>ul>.link>.image {
  border: 1px solid #dddddd;
}

.rs-casefactory.overview>.links>ul>.link>.image img {
  height: auto;
}

.rs-casefactory.overview>.links>ul>.link>.text {
  width: 100%;
  border: 1px solid #dddddd;
  border-left: none;
  background: #f9f9f9;
}

.rs-casefactory.overview>.links>ul>.link:nth-child(2n) {
  margin-right: 0;
}

@media screen and (max-width: 1400px) {
  .rs-casefactory.overview #rs-casefactory-carousel .item .preview-image img {
    height: 200px;
  }

  .rs-casefactory.overview #rs-casefactory-carousel .item .topseller-header {
    font-size: 16px;
  }

  .rs-casefactory.overview #rs-casefactory-carousel .item .name {
    font-size: 18px;
  }

  .rs-casefactory.overview #rs-casefactory-carousel .item .bottom-part {
    padding: 0 15px;
  }
}

@media screen and (max-width: 1279px) {
  .rs-casefactory.overview #rs-casefactory-carousel .item .preview-image img {
    height: 140px;
  }

  .rs-casefactory.overview #rs-casefactory-carousel .item .topseller-header {
    font-size: 14px;
  }

  .rs-casefactory.overview #rs-casefactory-carousel .item .name {
    font-size: 16px;
  }

  .rs-casefactory.overview #rs-casefactory-carousel .item .bottom-part {
    padding: 0 15px;
  }
}

@media (max-width:942px) {
  .rs-casefactory.overview #rs-casefactory-carousel .header .image.show-wide {
    display: none;
  }

  .rs-casefactory.overview #rs-casefactory-carousel .header .text {
    display: block;
  }

  .rs-casefactory.overview #rs-casefactory-carousel .header .text .image.show-narrow {
    display: block;
    float: right;
  }

  .rs-casefactory.overview #rs-casefactory-carousel .item .bottom-part .rs-btn-important,
  .rs-casefactory.overview #rs-casefactory-carousel .item .bottom-part .rs-btn-secondary {
    font-size: 14px;
    padding: 10px 20px;
  }
}

.rs-casefactory div {
  box-sizing: border-box;
}

.rs-casefactory h2 {
  margin-bottom: 10px;
}

.rs-casefactory.rs-casefactory-calltoaction.virtualCase {
  opacity: .3;
  pointer-events: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.rs-casefactory.rs-casefactory-calltoaction {
  padding: 0;
  border: none;
}

.rs-casefactory.rs-casefactory-calltoaction:before {
  display: none;
}

.rs-casefactory.stage>.headline {
  padding-bottom: 5px;
}

.rs-casefactory.stage>.threedview {
  text-align: center;
  position: relative;
}

.rs-casefactory.stage>.threedview canvas {
  width: 100%;
  height: calc((75vw - 60px) / 1.471);
  max-height: 416px;
  max-width: 612px;
}

.rs-casefactory.stage>.threedview.nowebgl .position-default {
  display: none;
}

.rs-casefactory.stage>.threedview>.loading {
  background: #ffffff;
  position: absolute;
  width: 100%;
  height: 350px;
  z-index: 12;
  display: none;
}

.rs-casefactory.stage>.threedview>.fallback {
  background: #ffffff;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 13;
  display: none;
}

.rs-casefactory.stage>.threedview.has-fallback>.fallback {
  display: block;
}

.rs-casefactory.stage .case-infos {
  margin-bottom: 35px;
}

.rs-casefactory.stage .case-infos.virtualCase>.values {
  display: none;
}

.rs-casefactory.stage .case-infos.virtualCase>.novalues {
  display: block;
}

.rs-casefactory.stage .case-infos>.values {
  width: 100%;
  border: 1px solid #dddddd;
}

.rs-casefactory.stage .case-infos>.novalues {
  border: 1px solid #dddddd;
  display: none;
  height: 138px;
  text-align: center;
  line-height: 133px;
  padding-bottom: 5px;
  vertical-align: middle;
}

.rs-casefactory.stage .case-infos .value {
  vertical-align: top;
  padding: 8px;
}

.rs-casefactory.stage .case-infos .description {
  padding: 8px 8px 8px 18px;
  width: 62%;
}

.rs-casefactory.stage .case-infos .description>.edge {
  font-size: 11px;
}

.rs-casefactory.stage>.stage-controls {
  margin: 15px 0 9px 0;
  line-height: 54px;
  border-bottom: 1px solid #dddddd;
}

.rs-casefactory.stage>.stage-controls>.positions {
  overflow: visible;
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: left;
}

.rs-casefactory.stage>.stage-controls>.positions>.position {
  display: inline-block;
  vertical-align: middle;
  width: 43px;
  border: 1px solid #dddddd;
  cursor: pointer;
  text-align: center;
  position: relative;
  overflow: visible;
  height: 43px;
  opacity: .6;
}

.rs-casefactory.stage>.stage-controls>.positions>.position:before {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  left: -1px;
  height: 4px;
  top: -4px;
  background-color: transparent;
}

.rs-casefactory.stage>.stage-controls>.positions>.position.active {
  opacity: 1;
}

.rs-casefactory.stage>.stage-controls>.positions>.position.active:before {
  background-color: #272727;
}

.rs-casefactory.stage>.stage-controls>.positions>.position:hover {
  opacity: 1;
}

.rs-casefactory.stage>.stage-controls>.positions>.position:hover:before {
  background-color: #017da1;
}

.rs-casefactory.stage>.stage-controls>.zoom {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: right;
  border: none;
  font-size: 0;
}

.rs-casefactory.stage>.stage-controls>.zoom>.help {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  margin-right: 7px;
  text-decoration: underline;
}

.rs-casefactory.stage>.stage-controls>.zoom>.help .rs-tooltip {
  width: 210px;
  font-size: 12px;
}

.rs-casefactory.stage>.stage-controls>.zoom>.zoom-in,
.rs-casefactory.stage>.stage-controls>.zoom .zoom-out {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

.rs-casefactory.stage>.stage-controls>.zoom>.zoom-in svg:hover,
.rs-casefactory.stage>.stage-controls>.zoom .zoom-out svg:hover {
  fill: #787878;
}

.rs-casefactory-calltoaction .feedback {
  text-align: center;
  width: 100%;
  display: inline-block;
}

.rs-casefactory-calltoaction .feedback svg {
  position: relative;
  top: 3px;
  margin-left: 5px;
  width: 13px;
  height: 13px;
}

.rs-casefactory .rangeslider {
  display: inline-block;
  position: relative;
}

.rs-casefactory .rangeslider-bar {
  position: absolute;
}

.rs-casefactory .rangeslider.horizontal {
  width: 100%;
}

.rs-casefactory .rangeslider.horizontal .rangeslider-handle {
  position: relative;
  cursor: default;
  display: inline-block;
}

.rs-casefactory .rangeslider.horizontal .rangeslider-rail {
  background: #c7c6c7;
  width: 100%;
  height: 2px;
  position: relative;
  top: 13px;
}

.rs-casefactory .rangeslider.horizontal .rangeslider-bar {
  background: #017da1;
  height: 100%;
}

.rs-casefactory .rangeslider.horizontal .rangeslider-handle:after {
  display: inline-block;
  position: relative;
  background: transparent url(/static/tr/img/sprite_slider_handlebars_responsive.png?m=1512046082) no-repeat;
  width: 24px;
  height: 24px;
  background-size: 72px;
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
  cursor: -moz-grab;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.rs-casefactory .rangeslider.horizontal .rangeslider-handle:hover:after {
  background-position: -24px 0;
}

.rs-casefactory .rangeslider.horizontal .rangeslider-handle.grabbed:after {
  background-position: -48px 0;
}

.rs-casefactory.accessories {
  margin-top: 35px;
}

.rs-casefactory .choices {
  border: none;
  padding: 0;
}

.rs-casefactory .choices:before {
  display: none;
}

.rs-casefactory .choices .headline {
  font-weight: 500;
  font-size: 14px;
  margin: 0;
  padding: 7px 0;
  position: relative;
}

.rs-casefactory .choices .accordion-tab .headline {
  cursor: pointer;
}

.rs-casefactory .choices .keyboard-select label {
  display: block;
  margin: 7px 0 2px 0;
  font-style: normal;
  height: auto;
}

.rs-casefactory .choices .customkeyboard {
  width: 100%;
  box-sizing: border-box;
}

.rs-casefactory .choices>.reset-button {
  width: 100%;
  padding-top: 10px;
  border-top: 1px solid #dddddd;
}

.rs-casefactory .choices>.reset-button a {
  display: block;
  text-align: center;
}

.rs-casefactory .choices>.dimensions>.sliders .alerts>.alert {
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 8px;
  padding-bottom: 8px;
}

.rs-casefactory .choices>.dimensions>.sliders .alerts>.alert:last-child {
  border-bottom: 1px solid #dddddd;
}

.rs-casefactory .choices>.dimensions>.sliders .alerts>.alert>.attention {
  font-style: italic;
}

.rs-casefactory .choices .keyboardcases {
  font-size: 11px;
  margin-top: 11px;
  padding-top: 6px;
  border-top: 1px solid #dddddd;
}

.rs-casefactory .choices .keyboardcases>.notfound {
  text-decoration: underline;
  cursor: pointer;
}

.rs-casefactory .choices>.dimensions>.sliders .exterior {
  font-size: 11px;
  text-align: center;
}

.rs-casefactory .choices>.dimensions>.sliders .dimension-select {
  margin-bottom: 6px;
}

.rs-casefactory .choices>.dimensions .headline {
  display: inline-block;
}

.rs-casefactory .choices .dimension-unit {
  white-space: pre;
}

.rs-casefactory .choices .dimension-input>.input {
  background: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  text-decoration: underline;
  width: 68px;
  text-align: right;
  padding: 5px 28px 5px 5px;
}

.rs-casefactory .choices .dimension-input>.input.mm {
  padding-right: 33px;
}

.rs-casefactory .choices .dimension-input>.input+.dimension-unit {
  text-decoration: underline;
}

.rs-casefactory .choices .dimension-input>.input:focus {
  background: #dddddd;
  border: 1px solid #f9f9f9;
  text-decoration: none;
}

.rs-casefactory .choices .dimension-input>.input:focus+.dimension-unit {
  text-decoration: none;
}

.rs-casefactory .choices>.dimensions {
  margin-bottom: 18px;
}

.rs-casefactory .choices>.dimensions h3 {
  margin: 0 0 .2em 0;
}

.rs-casefactory .choices>.dimensions p {
  margin-top: 0;
}

.rs-casefactory .choices>.dimensions .validation {
  display: none;
}

.rs-casefactory .choices>.dimensions .slider {
  position: relative;
}

.rs-casefactory .choices>.dimensions .slider label {
  padding: 5px 0;
  line-height: 20px;
}

.rs-casefactory .choices>.dimensions .slider-line {
  height: 31px;
  padding: 0 12px;
}

.rs-casefactory .choices>.dimensions .slider.error .validation {
  display: block;
  color: red;
  font-size: 10px;
  text-align: right;
  margin-top: 2px;
}

.rs-casefactory .choices>.dimensions .slider.error .input,
.rs-casefactory .choices>.dimensions .slider.error .input:focus {
  border: 1px solid red;
  outline: none;
}

.rs-casefactory .choices>.dimensions .unit {
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  padding: 0 5px;
  line-height: 21px;
}

.rs-casefactory .choices>.dimensions .unit:hover {
  text-decoration: none;
}

.rs-casefactory .choices>.dimensions .unit.active {
  display: none;
}

.rs-casefactory .choices>.dimensions .unit.active:hover {
  cursor: default;
  color: #272727;
}

.rs-casefactory .choices>.dimensions .unit-selector {
  margin-top: 5px;
  float: right;
}

.rs-casefactory .choices>.dimensions .slider .dimension-input {
  position: absolute;
  right: 0;
  top: -5px;
  color: #333;
  line-height: 20px;
}

.rs-casefactory .choices>.dimensions .slider .dimension-input .input {
  font-family: 'Open Sans',Verdana,Tahoma,Arial,Helvetica,sans-serif;
}

.rs-casefactory .choices>.dimensions .slider .dimension-input .dimension-unit {
  pointer-events: none;
  position: absolute;
  right: 2px;
  display: inline-block;
  padding: 5px;
}

.rs-casefactory .choices>.color-picker {
  margin-bottom: 8px;
}

.rs-casefactory .choices>.color-picker h3 {
  margin: 8px 0 0;
}

.rs-casefactory .choices>.color-picker .explanation {
  margin-top: 6px;
  margin-bottom: 6px;
  font-size: 12px;
  line-height: 16px;
}

.rs-casefactory .choices>.color-picker .colors {
  min-width: 214px;
}

.rs-casefactory .choices>.color-picker .colors>.color {
  box-sizing: border-box;
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-bottom: 5.5px;
  margin-right: 5.5px;
  position: relative;
}

.rs-casefactory .choices>.color-picker .colors>.color:hover {
  cursor: pointer;
  border: 2px solid #808080;
}

.rs-casefactory .choices>.color-picker .colors>.color .rs-icon-haken {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 12px;
  height: 11px;
  fill: white;
}

.rs-casefactory .choices>.color-picker .colors>.color.bright .rs-icon-haken {
  fill: black;
}

.rs-casefactory .choices>.color-picker .colors>.color.active {
  border: 2px solid #020202;
}

.rs-casefactory .choices>.color-picker .colors>.color.active svg {
  display: block;
}

.rs-casefactory .choices>.color-picker .colors>.color.active:hover {
  cursor: default;
  border: 2px solid #020202;
}

.rs-casefactory .choices .part-picker .part {
  position: relative;
}

.rs-casefactory .choices .part-picker .part:last-child {
  margin-bottom: 8px;
}

.rs-casefactory .choices .part-picker .part .input {
  margin-top: 2px;
  margin-right: 9px;
}

.rs-casefactory .choices .part-picker .part .input[type=checkbox] {
  margin-right: 4px;
}

.rs-casefactory .choices .part-picker .part>.name {
  font-weight: bold;
  padding: 6px;
  font-size: 11px;
  position: relative;
  display: inline-block;
}

.rs-casefactory .choices .part-picker .part>.image-label {
  float: right;
  display: block;
}

.rs-casefactory .choices .part-picker .part>.image-label .image {
  max-width: 60px;
  max-height: 60px;
  margin-left: 8px;
  margin-top: 8px;
}

.rs-casefactory .choices .part-picker .part .text-label {
  font-size: 12px;
  width: 130px;
  cursor: pointer;
}

.rs-casefactory .choices .part-picker .part>.description {
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 12px;
}

.rs-casefactory .choices .options>.option {
  width: 100%;
  padding-bottom: 8px;
}

.rs-casefactory .choices .options>.option.disabled {
  opacity: .7;
}

.rs-casefactory .choices .options>.option:first-of-type {
  padding-top: 6px;
}

.rs-casefactory .choices .options>.option input[type=checkbox] {
  margin-right: 4px;
}

.rs-casefactory .choices .accordion-tab strong.headline {
  display: block;
  border-top: 1px solid #dddddd;
}

.rs-casefactory .choices .accordion-tab strong.headline .rs-icon-minus {
  display: none;
}

.rs-casefactory .choices .accordion-tab strong.headline .rs-icon {
  float: right;
  position: relative;
  top: 4px;
}

.rs-casefactory .choices .accordion-tab.open .headline {
  border-bottom: 1px solid #dddddd;
}

.rs-casefactory .choices .accordion-tab.open .headline .rs-icon-minus {
  display: inline-block;
}

.rs-casefactory .choices .accordion-tab.open .headline .rs-icon-plus {
  display: none;
}

.rs-casefactory .popup-container {
  position: relative;
  display: inline-block;
}

.rs-casefactory .popup-container svg {
  display: inline-block;
  margin-left: 4px;
  width: 14px;
  height: 14px;
}

.rs-casefactory .popup-container svg:hover+.rs-tooltip {
  display: block;
}

.rs-casefactory .popup-container .rs-tooltip {
  left: -116px;
  top: 28px;
}

.rs-casefactory .disabled .popup-container svg+.rs-tooltip {
  display: none;
}

.thomann-content-module-casefactory .article-slider {
  margin-top: 55px;
}

#rs-article-accessories-carousel {
  padding-bottom: 56px;
}

#rs-article-accessories-carousel,
#rs-similar-article-carousel {
  padding-top: 56px;
}

.rs-guide-topic~.rs-guide-topic-footer>div:not(:first-child),
.rs-guide-topic~.rs-guide-page-footer>div:not(:first-child),
.rs-guide-page~.rs-guide-topic-footer>div:not(:first-child),
.rs-guide-page~.rs-guide-page-footer>div:not(:first-child) {
  margin-top: 50px;
}

.rs-guide-topic~.rs-guide-topic-footer>div:not(:first-child).rs-popular-products-carousel,
.rs-guide-topic~.rs-guide-page-footer>div:not(:first-child).rs-popular-products-carousel,
.rs-guide-page~.rs-guide-topic-footer>div:not(:first-child).rs-popular-products-carousel,
.rs-guide-page~.rs-guide-page-footer>div:not(:first-child).rs-popular-products-carousel {
  margin-top: 40px;
}

.rs-guide-topic~.rs-guide-topic-footer>div:not(:first-child).rs-onlineexpert-manufacturers-register,
.rs-guide-topic~.rs-guide-page-footer>div:not(:first-child).rs-onlineexpert-manufacturers-register,
.rs-guide-page~.rs-guide-topic-footer>div:not(:first-child).rs-onlineexpert-manufacturers-register,
.rs-guide-page~.rs-guide-page-footer>div:not(:first-child).rs-onlineexpert-manufacturers-register {
  margin-top: 15px;
}

.rs-guide-topic~.rs-guide-topic-footer>div:not(:first-child).rs-onlineexpert-manufacturers-register.active~.rs-popular-products-carousel,
.rs-guide-topic~.rs-guide-page-footer>div:not(:first-child).rs-onlineexpert-manufacturers-register.active~.rs-popular-products-carousel,
.rs-guide-page~.rs-guide-topic-footer>div:not(:first-child).rs-onlineexpert-manufacturers-register.active~.rs-popular-products-carousel,
.rs-guide-page~.rs-guide-page-footer>div:not(:first-child).rs-onlineexpert-manufacturers-register.active~.rs-popular-products-carousel {
  margin-top: 50px;
}

.rs-guide-topic~.rs-guide-topic-footer>div:not(:first-child):last-of-type,
.rs-guide-topic~.rs-guide-page-footer>div:not(:first-child):last-of-type,
.rs-guide-page~.rs-guide-topic-footer>div:not(:first-child):last-of-type,
.rs-guide-page~.rs-guide-page-footer>div:not(:first-child):last-of-type {
  margin-bottom: 70px;
}

.rs-onlineexpert-manufacturers-register {
  zoom: 1;
  display: none;
}

.rs-onlineexpert-manufacturers-register:before,
.rs-onlineexpert-manufacturers-register:after {
  content: "";
  display: table;
}

.rs-onlineexpert-manufacturers-register:after {
  clear: both;
}

.rs-onlineexpert-manufacturers-register.active {
  display: block;
}

.rs-onlineexpert-manufacturers-register .manufacturers-list>.list-items {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.1px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 23px;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
}

@media screen and (max-width: 941px) {
  .rs-onlineexpert-manufacturers-register .manufacturers-list>.list-items {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0;
    font-weight: 400;
  }
}

@media screen and (max-width: 941px) {
  .rs-onlineexpert-manufacturers-register .manufacturers-list>.list-items {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    line-height: 21px;
  }
}

@media screen and (max-width: 769px) {
  .rs-onlineexpert-manufacturers-register .manufacturers-list>.list-items {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

.rs-onlineexpert-manufacturers-register .manufacturers-list>.list-items>.item {
  margin: 0;
  padding: 0;
}

.rs-onlineexpert-manufacturers-register .manufacturers-list>.list-items>.item>a {
  text-decoration: none;
}

.rs-onlineexpert-manufacturers-register .manufacturers-list>.list-items>.item>a>.cnt {
  color: #929292;
  font-weight: 400;
}

.rs-onlineexpert-manufacturers-register .manufacturers-list>.list-items>.item.highlight>a,
.rs-onlineexpert-manufacturers-register .manufacturers-list>.list-items>.item.highlight>a>span.title {
  font-weight: 700;
}

.rs-onlineexpert-manufacturers-register .manufacturers-list>.list-items-cnt-1 {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}

.rs-sidebar-categories-recommended-list {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
}

.rs-sidebar-categories-recommended-list-entry {
  list-style: none;
  margin: 10px 0;
  padding: 0;
}

.rs-sidebar-categories-recommended-list-entry-image {
  display: table-cell;
  vertical-align: middle;
}

.rs-sidebar-categories-recommended-list-entry-info {
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
  line-height: normal;
}

.rs-sidebar-categories-recommended-list-entry-link {
  font-size: 11px;
  text-decoration: underline;
}

.rs-sidebar-categories-recommended-list-entry .left {
  margin-right: 15px;
}

#bf-tabs BODY,
#bf-content BODY,
#bf-footer BODY {
  font-family: Verdana,Tahoma,Arial,Helvetica;
  font-size: 1em;
  background-color: #999;
  color: #000;
}

#bf-tabs P,
#bf-content P,
#bf-footer P {
  padding-bottom: 1%;
}

#bf-tabs H1,
#bf-content H1,
#bf-footer H1 {
  font-size: 1.5em;
  font-weight: normal;
  line-height: 1.5em;
  margin-bottom: 3%;
}

#bf-tabs H2,
#bf-content H2,
#bf-footer H2 {
  margin-top: 3%;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.5em;
  margin-bottom: 1%;
}

#bf-tabs H3,
#bf-content H3,
#bf-footer H3 {
  margin-top: 2%;
}

#bf-tabs A,
#bf-content A,
#bf-footer A {
  color: #000;
  text-decoration: underline;
}

#bf-tabs A:focus,
#bf-content A:focus,
#bf-footer A:focus,
#bf-tabs A:active,
#bf-content A:active,
#bf-footer A:active,
#bf-tabs A:hover,
#bf-content A:hover,
#bf-footer A:hover {
  outline: 3px solid #30F !important;
  text-decoration: none !important;
  font-weight: bold;
  font-size: 110%;
  padding: 0 3px;
}

#bf-tabs A:visited,
#bf-content A:visited,
#bf-footer A:visited {
  color: #30F;
}

#bf-tabs INPUT:focus,
#bf-content INPUT:focus,
#bf-footer INPUT:focus,
#bf-tabs SELECT:focus,
#bf-content SELECT:focus,
#bf-footer SELECT:focus,
#bf-tabs TEXTAREA:focus,
#bf-content TEXTAREA:focus,
#bf-footer TEXTAREA:focus {
  outline: 3px solid #30F;
}

#bf-tabs li,
#bf-content li,
#bf-footer li {
  list-style: none;
}

#bf-tabs {
  background-color: #000;
  border: 2px solid #000;
}

#bf-tabs .bf-thologo {
  line-height: 1em;
  margin: 0;
}

#bf-tabs .bf-thologo a:focus,
#bf-tabs .bf-thologo a:active,
#bf-tabs .bf-thologo a:hover {
  outline: 0 !important;
  font-size: 0 !important;
  padding: 0 !important;
}

#bf-tabs #bf-tabs img {
  float: left;
}

#bf-tabs ul#bf-tablist {
  display: inline-block;
  margin-left: 2%;
}

#bf-tabs ul#bf-tablist li {
  float: left;
  line-height: 50px;
}

#bf-tabs ul#bf-tablist li a {
  text-decoration: none;
  display: block;
  padding: 0 1em;
  color: #fff;
  border-right: 1px solid #fff;
}

#bf-tabs ul#bf-tablist li a.bf-tabsel {
  background-color: #fff;
  font-weight: bold;
  color: #000;
}

#bf-content {
  background-color: #fff;
  padding: 2%;
}

#bf-content .bf-liststyle-disc {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 3%;
  margin-bottom: 3%;
}

#bf-content .bf-skiplink-top {
  position: absolute;
  top: -300px;
  left: -300px;
}

#bf-content .bf-skiplink-bottom {
  position: absolute;
  bottom: 300px;
  left: -300px;
}

#bf-content a.bf-anker {
  text-decoration: none;
}

#bf-content a.bf-anker:hover,
#bf-content a.bf-anker:focus {
  font-size: 100% !important;
  padding: 0 !important;
  outline: 0 !important;
}

#bf-content a.bf-anker-white {
  color: #fff;
  text-decoration: none;
}

#bf-content ul.bf-list {
  margin: 2% 0;
  line-height: 200%;
}

#bf-content li.bf-list-deadline {
  border: 0 !important;
}

#bf-content .bf-notice {
  font-size: .8em;
  color: #666;
}

#bf-content .bf-buttonlist li {
  border: 0 !important;
}

#bf-content .bf-form-button {
  background: none;
  border: 0 none;
  cursor: pointer;
  font-family: Verdana,Tahoma,Arial,Helvetica;
  font-size: 1em;
  padding: 0;
  text-decoration: underline;
}

#bf-content .bf-submit-button {
  padding: 1%;
  background-color: #000;
  border: 2px outset #ccc;
  font-size: 1.2em;
  color: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#bf-content .bf-submit-go {
  margin-left: 1%;
  font-size: 1em;
}

#bf-content #bf-currentflag {
  float: right;
  margin: 1%;
  font-size: .8em;
}

#bf-content #bf-currentflag a {
  display: inline-block;
}

#bf-content ul.bf-flaglist {
  margin: 2% 0;
}

#bf-content ul.bf-flaglist li a {
  padding-left: 2%;
}

#bf-content .bf-flags-permchoice-text {
  font-size: .8em;
}

#bf-content .bf-searchform {
  margin: 4% 0;
}

#bf-content .bf-searchform-input {
  font-size: 1em;
  border: 1px solid #999;
  background-color: #eee;
}

#bf-content ul.bf-searchform-categories {
  margin-top: 1%;
}

#bf-content .bf-searchform-categories li {
  margin-bottom: 1%;
}

#bf-content .bf-contact-table {
  border-collapse: separate;
  border-spacing: 10px;
  padding: 0;
  border: 0;
}

#bf-content .bf-contact-flag {
  border: 1px solid #000;
}

#bf-content .bf-glossary-form {
  margin: 20px 0;
}

#bf-content .bf-glossary-backlink {
  margin: 3% 0;
}

#bf-content .bf-glossary-error {
  color: red;
}

#bf-content .bf-browse-form-select {
  font-size: 1em;
  margin: 1% 0;
}

#bf-content ul.bf-browse-prodlist {
  margin-bottom: 5%;
}

#bf-content ul.bf-browse-prodlist li {
  border-bottom: 1px solid #333;
}

#bf-content .bf-browse-thumb {
  float: left;
  margin: 0 1% 1% 0;
}

#bf-content ul.bf-browse-pager li {
  float: left;
  padding: 0 1%;
}

#bf-content ul.bf-prod-features {
  list-style-type: disc;
  margin: 1% 0 3% 3%;
}

#bf-content ul.bf-prod-features li {
  padding: .3%;
}

#bf-content .bf-prod-price-tag {
  line-height: 1.5em;
}

#bf-content .bf-prod-price-data {
  font-size: 1.2em;
  font-weight: bold;
}

#bf-content .bf-prod-price-data td:last-child {
  vertical-align: middle !important;
}

#bf-content dl.bf-prod-hdlist {
  margin-bottom: 2%;
}

#bf-content dl.bf-prod-dlist,
#bf-content dl.bf-prod-vlist {
  margin-top: 1%;
  margin-bottom: 2%;
}

#bf-content dl.bf-prod-dlist dt,
#bf-content dl.bf-prod-vlist dt,
#bf-content dl.bf-prod-hdlist dt {
  float: left;
  margin-right: 1%;
}

#bf-content dl.bf-prod-vlist dt,
#bf-content dl.bf-prod-vlist dd,
#bf-content dl.bf-prod-hdlist dd {
  padding: .3%;
}

#bf-content dl.bf-prod-vlist dt {
  font-weight: bold;
}

#bf-content .bf-prod-order-form {
  margin: 2% 0;
}

#bf-content .bf-prod-vwblock {
  line-height: 1.7em;
}

#bf-content .bf-prod-disclaimer {
  font-size: .8em;
}

#bf-content .bf-prodnews-wgntitle {
  color: #fff;
  background-color: #787878;
  margin-top: 5%;
  padding: .5% 1%;
  text-decoration: none;
}

#bf-content .bf-prod-submit-button {
  padding: 1%;
  background-color: #000;
  border: 2px outset #ccc;
  font-size: 1.2em;
  text-decoration: none;
  color: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#bf-content .bf-prod-submit-button:hover {
  padding: 1%;
  font-size: 1.2em;
}

#bf-content .bf-prod-submit-button:visited {
  color: #fff;
}

#bf-content #bf-fastnav {
  margin-bottom: 2em;
}

#bf-content .bf-fastnav-title {
  font-size: .8em;
  float: left;
  margin: 0;
}

#bf-content ul.bf-fastnav-list li {
  float: left;
  margin-left: 2%;
}

#bf-content ul.bf-fastnav-list li a {
  font-size: .8em;
  line-height: 1.2em;
}

#bf-content ul.bf-mlinks-list {
  margin: 1% 0;
  display: inline-block;
}

#bf-content ul.bf-mlinks-list li {
  height: 60px;
  float: left;
  list-style: none;
}

#bf-content ul.bf-mlinks-list li a {
  border: 1px solid #333;
  padding: .3em .7em;
  margin: .3em;
  text-decoration: none;
  display: block;
}

#bf-content ul.bf-mlinks-list li a:hover {
  background-color: #000;
  color: #fff;
}

#bf-content ul.bf-mlinks-mlist li {
  padding: .3em 0;
}

#bf-content ul.bf-news-list li {
  padding-bottom: 3%;
  border-bottom: 1px solid #333;
}

#bf-content .bf-news-date {
  padding: 0;
  color: #666;
}

#bf-content .bf-login-form {
  display: block;
  margin: 3% 0;
}

#bf-content .bf-login-label {
  font-weight: bold;
}

#bf-content .bf-login-label,
#bf-content .bf-login-user,
#bf-content .bf-login-pwd {
  display: block;
  margin: 1% 0;
}

#bf-content .bf-login-user,
#bf-content .bf-login-pwd {
  font-size: 1.5em;
  margin-bottom: 2%;
  border: 1px solid #999;
  background-color: #eee;
}

#bf-content .bf-login-button {
  display: block;
  padding: 1%;
  margin: 2% 0;
  background-color: #000;
  border: 2px outset #ccc;
  font-size: 1.5em;
  color: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#bf-content .bf-login-error {
  color: red;
}

#bf-content .bf-register-form {
  margin-top: 30px;
}

#bf-content .bf-register-form label {
  margin-bottom: 10px;
  display: inline-block;
}

#bf-content .bf-register-input {
  font-size: 1em;
  margin-left: 10px;
  margin-bottom: 10px;
  border: 1px solid #999;
  background-color: #eee;
}

#bf-content .bf-register-select {
  font-size: 1em;
  margin-left: 10px;
  margin-bottom: 10px;
}

#bf-content .bf-register-button {
  display: inline-block;
  padding: 1%;
  margin: 2% 0;
  background-color: #000;
  border: 2px outset #ccc;
  font-size: 1.5em;
  color: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#bf-content .bf-form-error {
  color: red;
}

#bf-content dl.bf-shipping-list {
  margin: 1% 0 3% 0;
}

#bf-content dl.bf-shipping-list dt {
  font-weight: bold;
  padding: 2% 0;
}

#bf-content dl.bf-shipping-list dd {
  padding-left: 5%;
}

#bf-content table.bf-shipping-kgtable {
  margin-top: 2%;
}

#bf-content table.bf-shipping-kgtable th,
#bf-content table.bf-shipping-kgtable td {
  padding: .5em;
  border: 1px solid black;
}

#bf-content table.bf-table,
#bf-content .wkv2 {
  width: 96%;
  margin: 0;
}

#bf-content table.bf-table thead th,
#bf-content .wkv2 th {
  background-color: #333;
  color: #fff;
  line-height: 1.6em;
}

#bf-content tr.bf-table-entry td,
#bf-content .wkv2 td {
  border-bottom: 1px solid #000;
  padding: 10px 0;
}

#bf-content tr.bf-table-sumline td {
  border-top: 3px solid #000;
  padding: 1% 0;
  font-weight: bold;
  line-height: 1.6em;
}

#bf-content .bf-basket-buttonline {
  width: 100%;
  text-align: center;
  margin-bottom: 3%;
}

#bf-content .bf-basket-buttonline input {
  display: inline;
  margin: 0 1%;
}

#bf-content .bf-checkout-addressform {
  border: 0;
  margin-top: 1%;
  width: 100%;
}

#bf-content .bf-checkout-addressform td {
  padding: 5px 0;
}

#bf-content .bf-checkout-addressform input,
#bf-content .bf-checkout-addressform select {
  font-size: 1em;
  margin-left: 2%;
}

#bf-content .bf-checkout-payment-ccbox {
  float: left;
}

#bf-content .bf-checkout-payment-ccform {
  margin-left: 100px;
  float: left;
}

#bf-content .bf-checkout-payment-entry {
  padding: 1% 0;
}

#bf-content .bf-checkout-payment-entry-sub {
  padding-top: 10px;
}

#bf-content .bf-checkout-payment-ccdata {
  float: left;
  margin-right: 15px;
}

#bf-content .bf-checkout-payment-ccdata-line {
  margin-right: 15px;
  margin-top: 10px;
}

#bf-content .bf-checkout-payment-ccdata input,
#bf-content .bf-checkout-payment-ccdata select {
  font-size: 1em;
  margin-right: 15px;
  margin-top: 5px;
  margin-bottom: 5px;
}

#bf-content .bf-checkout-payment-ccdata input,
#bf-content .bf-checkout-payment-ccdata-line input,
#bf-content .bf-checkout-addressform input {
  font-size: 1em;
  border: 1px solid #999;
  background-color: #eee;
}

#bf-content ul.bf-checkout-options li {
  padding: .5% 0;
}

#bf-content .bf-fastnav-show {
  display: list-item !important;
}

#bf-content .bf-ratings {
  max-width: 860px;
}

#bf-content .basket-option {
  display: none;
}

#bf-content .basket-option-show {
  display: block !important;
}

#bf-content #basket-option-errorLterm1,
#bf-content #basket-option-errorLterm2,
#bf-content #basket-option-errorCoupon1,
#bf-content #basket-option-errorCoupon2,
#bf-content #basket-option-errorCoupon3 {
  display: none;
}

#bf-content #basket #basket-ppOverlay {
  display: none;
}

#bf-content .basket-trEuVat,
#bf-content .basket-trEuVat .basket-trEuVatAnim {
  display: none;
}

#bf-content .ppxLogoWrapper {
  cursor: pointer;
}

#bf-footer {
  background-color: #000;
  padding: 10px;
  text-align: right;
  font-size: .7em;
  color: #fff;
}

#bf-footer ul.bf-footer-links {
  float: right;
}

#bf-footer ul.bf-footer-links li {
  float: left;
  margin: 0 15px;
}

#bf-footer ul.bf-footer-links li a {
  color: #fff;
  text-decoration: none;
}

#bf-footer ol.bf-topseller-prodlist {
  list-style-type: decimal;
  margin-left: 5%;
}

#bf-footer ol.bf-topseller-prodlist li {
  margin: 1% 0;
}

.guitarlab .about {
  text-align: center;
}

.guitarlab .about>p {
  margin-bottom: 1.75rem;
}

.guitarlab .button {
  display: inline-block;
  padding: .5rem;
  border-radius: 4px;
  border: 1px solid #adadad;
  background: #f4f4f4;
  text-decoration: none;
  cursor: pointer;
  font-size: small;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: border-color .25s cubic-bezier(.25,.8,.25,1) 0s,background .25s cubic-bezier(.25,.8,.25,1) 0s;
}

.guitarlab .button:hover {
  border-color: #787878;
  color: #171717!important;
  background: #f4f4f4 linear-gradient(180deg,hsla(0,0%,95.7%,.75),hsla(0,0%,100%,0) 35%,rgba(0,0,0,.025) 75%,rgba(0,0,0,.05));
}

.guitarlab .button.active,
.guitarlab .button:active {
  background-color: #eee;
  border-color: #3b3b3b;
  color: #171717!important;
}

.guitarlab .checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.guitarlab .checkbox.block {
  width: 100%;
}

.guitarlab .checkbox:hover {
  text-decoration: underline;
}

.guitarlab .checkbox>.field {
  margin-right: .5rem;
  cursor: pointer;
  pointer-events: none;
}

.guitarlab .checkbox>.label {
  cursor: pointer;
}

.guitarlab .grid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.guitarlab .grid>.guitar {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 25%;
  margin: auto auto 1rem;
}

.guitarlab .grid>.guitar>.thumb {
  -webkit-mask-image: linear-gradient(270deg,transparent 0,#000 5%);
  mask-image: linear-gradient(270deg,transparent 0,#000 5%);
}

.guitarlab .grid>.guitar>.thumb>.image {
  padding: .15rem 0;
  height: auto;
}

@media screen and (max-width:1200px) {
  .guitarlab .grid>.guitar {
    width: 33.33333%;
  }
}

@media screen and (max-width:768px) {
  .guitarlab .grid>.guitar {
    width: 50%;
  }
}

.guitarlab .dropdown {
  display: inline-block;
  position: relative;
}

.guitarlab .dropdown.open>.menu {
  max-height: 175px;
  margin-top: 2px;
  padding: .25rem;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  border-color: #3b3b3b;
  -webkit-animation: overflow .25s;
  animation: overflow .25s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.guitarlab .dropdown.open>.toggle {
  border-color: #3b3b3b;
  background: #f4f4f4;
}

.guitarlab .dropdown.open>.toggle:before {
  bottom: -4px;
  opacity: 1;
}

.guitarlab .dropdown>.toggle {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 3;
  transition: border .25s cubic-bezier(.25,.8,.25,1) 0s;
  box-sizing: content-box;
}

.guitarlab .dropdown>.toggle>.icon {
  position: relative;
  display: block;
  width: 12px;
  top: 1px;
  left: 0;
  height: 2px;
  color: #171717;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  transition: left .25s cubic-bezier(.25,.8,.25,1) 0s,-webkit-transform .25s cubic-bezier(.25,.8,.25,1) 0s;
  transition: transform .25s cubic-bezier(.25,.8,.25,1) 0s,left .25s cubic-bezier(.25,.8,.25,1) 0s;
  transition: transform .25s cubic-bezier(.25,.8,.25,1) 0s,left .25s cubic-bezier(.25,.8,.25,1) 0s,-webkit-transform .25s cubic-bezier(.25,.8,.25,1) 0s;
}

.guitarlab .dropdown>.toggle>.icon:after,
.guitarlab .dropdown>.toggle>.icon:before {
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  top: 0;
  left: 0;
  background: currentColor;
  opacity: 0;
}

.guitarlab .dropdown>.toggle>.icon:after {
  height: 2px;
  width: 12px;
  left: 0;
  opacity: 0;
  transition: width .25s cubic-bezier(.25,.8,.25,1) 0s,left .25s cubic-bezier(.25,.8,.25,1) 0s,opacity .25s cubic-bezier(.25,.8,.25,1) 0s,-webkit-transform .25s cubic-bezier(.25,.8,.25,1) 0s;
  transition: width .25s cubic-bezier(.25,.8,.25,1) 0s,left .25s cubic-bezier(.25,.8,.25,1) 0s,opacity .25s cubic-bezier(.25,.8,.25,1) 0s,transform .25s cubic-bezier(.25,.8,.25,1) 0s;
  transition: width .25s cubic-bezier(.25,.8,.25,1) 0s,left .25s cubic-bezier(.25,.8,.25,1) 0s,opacity .25s cubic-bezier(.25,.8,.25,1) 0s,transform .25s cubic-bezier(.25,.8,.25,1) 0s,-webkit-transform .25s cubic-bezier(.25,.8,.25,1) 0s;
}

.guitarlab .dropdown>.toggle>.icon:before {
  top: -5px;
  left: 5px;
  height: 12px;
  width: 2px;
  opacity: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: height .25s cubic-bezier(.25,.8,.25,1) 0s,top .25s cubic-bezier(.25,.8,.25,1) 0s,opacity .25s cubic-bezier(.25,.8,.25,1) 0s,-webkit-transform .25s cubic-bezier(.25,.8,.25,1) 0s;
  transition: height .25s cubic-bezier(.25,.8,.25,1) 0s,top .25s cubic-bezier(.25,.8,.25,1) 0s,opacity .25s cubic-bezier(.25,.8,.25,1) 0s,transform .25s cubic-bezier(.25,.8,.25,1) 0s;
  transition: height .25s cubic-bezier(.25,.8,.25,1) 0s,top .25s cubic-bezier(.25,.8,.25,1) 0s,opacity .25s cubic-bezier(.25,.8,.25,1) 0s,transform .25s cubic-bezier(.25,.8,.25,1) 0s,-webkit-transform .25s cubic-bezier(.25,.8,.25,1) 0s;
}

.guitarlab .dropdown>.toggle>.icon.minus:after {
  opacity: 1;
}

.guitarlab .dropdown>.toggle>.icon.minus:before {
  height: 6px;
  opacity: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  transition: opacity .25s cubic-bezier(.25,.8,.25,1) 0s,-webkit-transform .25s cubic-bezier(.25,.8,.25,1) 0s;
  transition: transform .25s cubic-bezier(.25,.8,.25,1) 0s,opacity .25s cubic-bezier(.25,.8,.25,1) 0s;
  transition: transform .25s cubic-bezier(.25,.8,.25,1) 0s,opacity .25s cubic-bezier(.25,.8,.25,1) 0s,-webkit-transform .25s cubic-bezier(.25,.8,.25,1) 0s;
}

.guitarlab .dropdown>.toggle>.icon.plus:after,
.guitarlab .dropdown>.toggle>.icon.plus:before {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}

.guitarlab .dropdown>.toggle>.icon.check {
  left: 0;
  top: 2px;
  height: 7px;
}

.guitarlab .dropdown>.toggle>.icon.check:after {
  opacity: 1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.guitarlab .dropdown>.toggle>.icon.check:before {
  opacity: 1;
  left: 1px;
  top: -1px;
  height: 6px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  transition: opacity .25s cubic-bezier(.25,.8,.25,1) 0s,-webkit-transform .25s cubic-bezier(.25,.8,.25,1) 0s;
  transition: opacity .25s cubic-bezier(.25,.8,.25,1) 0s,transform .25s cubic-bezier(.25,.8,.25,1) 0s;
  transition: opacity .25s cubic-bezier(.25,.8,.25,1) 0s,transform .25s cubic-bezier(.25,.8,.25,1) 0s,-webkit-transform .25s cubic-bezier(.25,.8,.25,1) 0s;
  transition-delay: 20ms!important;
}

.guitarlab .dropdown>.toggle:before {
  content: "";
  position: absolute;
  left: -1px;
  bottom: 4px;
  width: 100%;
  height: 6px;
  background: #f4f4f4;
  border-right: 1px solid #3b3b3b;
  border-left: 1px solid #3b3b3b;
  box-sizing: content-box;
  opacity: 0;
  transition: border-color .25s cubic-bezier(.25,.8,.25,1) 0s;
}

.guitarlab .dropdown>.toggle>.label {
  pointer-events: none;
}

.guitarlab .dropdown>.toggle>.label+.icon {
  margin-left: .8rem;
}

.guitarlab .dropdown>.toggle:hover+.menu {
  border-color: #3b3b3b;
}

.guitarlab .dropdown>.menu {
  position: absolute;
  top: 100%;
  max-height: 0;
  min-height: 0;
  min-width: 100%;
  padding: 0;
  margin: 0;
  z-index: 2;
  overflow: hidden;
  background: #f4f4f4;
  border: 1px solid #929292;
  border-radius: 0 0 4px 4px;
  opacity: 0;
  transition: opacity .25s cubic-bezier(.25,.8,.25,1) 0s,max-height .25s cubic-bezier(.25,.8,.25,1) 0s,-webkit-transform .25s cubic-bezier(.25,.8,.25,1) 0s;
  transition: opacity .25s cubic-bezier(.25,.8,.25,1) 0s,max-height .25s cubic-bezier(.25,.8,.25,1) 0s,transform .25s cubic-bezier(.25,.8,.25,1) 0s;
  transition: opacity .25s cubic-bezier(.25,.8,.25,1) 0s,max-height .25s cubic-bezier(.25,.8,.25,1) 0s,transform .25s cubic-bezier(.25,.8,.25,1) 0s,-webkit-transform .25s cubic-bezier(.25,.8,.25,1) 0s;
  -webkit-transform: translateY(-1rem);
  transform: translateY(-1rem);
  box-sizing: content-box;
}

.guitarlab .dropdown>.menu>.item {
  display: flex;
  padding: .15rem;
  text-decoration: none;
  font-size: small;
  list-style-type: none;
  border-radius: 4px;
  transition: background .25s cubic-bezier(.25,.8,.25,1) 0s;
}

.guitarlab .dropdown>.menu>.item:hover {
  background: rgba(28,28,28,.047);
}

@-webkit-keyframes overflow {
  to {
    overflow-y: auto;
  }
}

@keyframes overflow {
  to {
    overflow-y: auto;
  }
}

.guitarlab>.result {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.guitarlab>.result>.headline {
  text-align: center;
}

.guitarlab>.result>.empty {
  width: 350px;
  margin: -45px auto -55px;
}

.guitarlab>.result>.label {
  color: #929292;
}

.guitarlab .guitar {
  text-align: center;
  width: 33.333%;
  padding: 1rem;
  border-radius: 4px;
  transition: background .25s cubic-bezier(.25,.8,.25,1) 0s;
  -webkit-animation: fade-in .25s cubic-bezier(.25,.8,.25,1);
  animation: fade-in .25s cubic-bezier(.25,.8,.25,1);
}

.guitarlab .guitar>.price {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  font-weight: 700;
}

.guitarlab .guitar>.price.shine {
  width: 65px;
}

.guitarlab .guitar>.price>.currency+.value,
.guitarlab .guitar>.price>.value+.currency {
  margin-left: .5rem;
}

.guitarlab .guitar>.controls {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.guitarlab .guitar>.controls>.info {
  cursor: pointer;
}

.guitarlab .guitar>.controls>.info>.sprite {
  width: 100%!important;
  height: 100%!important;
}

.guitarlab .guitar>.controls>.search {
  cursor: pointer;
}

.guitarlab .guitar>.controls>.score {
  position: relative;
  display: flex;
  width: 130px!important;
  height: 35px!important;
  border-radius: 35px!important;
  background: #ddd;
  font-size: small;
}

.guitarlab .guitar>.controls>.score>.gradient {
  position: absolute;
  height: 100%;
  width: 200%;
  transition: all .25s cubic-bezier(.25,.8,.25,1) 0s;
  -webkit-animation: slide .25s cubic-bezier(.25,.8,.25,1);
  animation: slide .25s cubic-bezier(.25,.8,.25,1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  background-image: var(--gradient);
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-clip-path: polygon(0 0,calc(var(--width) - 25%) 0,calc(var(--width) + 25%) 100%,0 100%);
  clip-path: polygon(0 0,calc(var(--width) - 25%) 0,calc(var(--width) + 25%) 100%,0 100%);
}

@-webkit-keyframes slide {
  0% {
    opacity: 0;
    left: -200%;
  }

  to {
    opacity: 1;
    left: -50%;
  }
}

@keyframes slide {
  0% {
    opacity: 0;
    left: -200%;
  }

  to {
    opacity: 1;
    left: -50%;
  }
}

.guitarlab .guitar>.controls>.score>.label {
  z-index: 2;
  font-weight: 700;
}

.guitarlab .guitar>.controls>.plus {
  cursor: pointer;
}

.guitarlab .guitar>.controls>.plus>.gradient {
  z-index: 0;
  position: absolute;
  height: 100%;
  left: 0;
}

.guitarlab .guitar>.controls>.plus:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
  transition: background .25s cubic-bezier(.25,.8,.25,1) 0s;
}

.guitarlab .guitar>.controls>.plus>.sprite {
  z-index: 2;
  width: 55%!important;
  height: 55%!important;
}

.guitarlab .guitar>.controls>.plus:hover:after {
  background: hsla(0,0%,57.3%,.25);
}

.guitarlab .guitar>.controls.skeleton>.control {
  background-color: #e2e5e7;
  background-image: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));
  background-size: 40px 100%;
  background-repeat: no-repeat;
  background-position: left -40px top 0;
  -webkit-animation: shine 1s ease infinite;
  animation: shine 1s ease infinite;
  border-radius: 4px;
  border-radius: 35px;
}

.guitarlab .guitar>.controls.skeleton>.control,
.guitarlab .guitar>.controls.skeleton>.control * {
  color: transparent!important;
  pointer-events: none!important;
}

.guitarlab .guitar>.controls.skeleton>.control>* {
  display: none;
}

.guitarlab .guitar>.controls>.control {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  min-width: 35px;
  min-height: 35px;
  background: #ddd;
  margin-right: .5rem;
  border-radius: 50%;
  transition: all .25s cubic-bezier(.25,.8,.25,1) 0s;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.guitarlab .guitar>.controls>.control:hover {
  background: hsla(0,0%,57.3%,.25);
}

.guitarlab .guitar>.controls>.control:last-child {
  margin-right: 0;
}

.guitarlab .guitar>.controls>.control>.sprite {
  width: 60%;
  height: 60%;
}

.guitarlab .guitar.skeleton>.thumb {
  width: 100%;
}

.guitarlab .guitar.skeleton>.label {
  width: 85%;
}

.guitarlab .guitar.skeleton>.price {
  margin: 0 auto .15rem;
}

.guitarlab .guitar.skeleton>.links {
  margin-right: auto;
  margin-left: auto;
  width: 35%;
  height: 25px;
}

.guitarlab .guitar>.thumb {
  margin-bottom: .5rem;
  position: relative;
  overflow: hidden;
}

.guitarlab .guitar>.thumb>.image {
  width: auto;
  max-height: 75px;
}

@media screen and (max-width:768px) {
  .guitarlab .guitar>.thumb>.image {
    max-height: 90px;
  }
}

.guitarlab .guitar>.label {
  display: block;
  font-size: small;
  text-align: center;
  margin: 0 auto .15rem;
}

.guitarlab .guitar>.label+.controls {
  margin-top: .5rem;
}

.guitarlab .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.guitarlab .header>.reset {
  text-decoration: none;
  color: #01a3d4;
  opacity: 0;
  transition: opacity .25s cubic-bezier(.25,.8,.25,1) 0s;
}

.guitarlab .header>.reset.active {
  opacity: 1;
}

.guitarlab .header>.reset:hover {
  text-decoration: underline;
}

.guitarlab .input {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 30px;
  background: #f4f4f4;
  border: 1px solid #adadad;
  border-radius: 4px;
  cursor: text;
  transition: border-color .25s cubic-bezier(.25,.8,.25,1) 0s;
}

.guitarlab .input.focus,
.guitarlab .input:active,
.guitarlab .input:focus {
  border-color: #017da1;
}

.guitarlab .input>.prefix,
.guitarlab .input>.suffix {
  padding: 0 .5rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.guitarlab .input>.prefix+.field {
  padding: 0 .5rem 0 0;
}

.guitarlab .input>.field {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0 .5rem;
  line-height: 1rem;
  outline: none;
  border: none;
  background: transparent;
  height: 1rem;
}

.guitarlab .input>.field+.suffix {
  padding: 0 .5rem 0 0;
}

.guitarlab .popular>.headline {
  text-align: center;
}

.guitarlab .scroll {
  position: relative;
  width: 100%;
  -webkit-animation: fade-in .25s cubic-bezier(.25,.8,.25,1);
  animation: fade-in .25s cubic-bezier(.25,.8,.25,1);
}

.guitarlab .scroll>.arrow {
  display: flex;
  position: absolute;
  top: 50%;
  width: 1.5rem;
  height: 2.5rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 4px;
  transition: background .25s cubic-bezier(.25,.8,.25,1) 0s,opacity .25s cubic-bezier(.25,.8,.25,1) 0s;
  opacity: 0;
  z-index: 3;
}

.guitarlab .scroll>.arrow.active {
  cursor: pointer;
  opacity: 1;
}

.guitarlab .scroll>.arrow.active:hover {
  background: hsla(0,0%,57.3%,.1);
}

.guitarlab .scroll>.arrow.active:hover .chevron {
  border-color: #787878;
}

.guitarlab .scroll>.arrow:first-child {
  left: -1rem;
}

.guitarlab .scroll>.arrow:first-child>.chevron {
  margin-left: .5rem;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

.guitarlab .scroll>.arrow:last-child {
  right: -1rem;
}

.guitarlab .scroll>.arrow:last-child>.chevron {
  margin-right: .5rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.guitarlab .scroll>.arrow>.chevron {
  display: inline-block;
  width: .75rem;
  height: .75rem;
  margin: auto;
  border-top: 2px solid #929292;
  border-right: 2px solid #929292;
  transition: border-color .25s cubic-bezier(.25,.8,.25,1) 0s;
}

.guitarlab .scroll.dragging>.boundary>.wrapper {
  scroll-behavior: auto;
  cursor: ew-resize;
  transition: none;
}

.guitarlab .scroll.dragging>.boundary>.wrapper>.items {
  transition: none;
}

.guitarlab .scroll>.boundary {
  overflow: hidden;
}

.guitarlab .scroll>.boundary>.wrapper {
  width: 100%;
  height: 100%;
  overflow-y: hidden;
  overflow-x: scroll;
  overflow: -moz-scrollbars-none;
  scroll-behavior: smooth;
  transition: margin .25s cubic-bezier(.25,.8,.25,1) 0s;
}

.guitarlab .scroll>.boundary>.wrapper>.items {
  display: inline-flex;
  height: 100%;
  width: auto;
  max-width: 100%;
  transition: margin .25s cubic-bezier(.25,.8,.25,1) 0s;
}

.guitarlab .scroll>.boundary>.wrapper>.items>.item {
  opacity: 1;
  transition: opacity .25s cubic-bezier(.25,.8,.25,1) 0s;
}

.guitarlab .scroll>.boundary>.wrapper>.items .hidden {
  opacity: 0;
}

.guitarlab .scroll>.boundary>.wrapper::-webkit-scrollbar {
  display: none;
}

.guitarlab .section {
  padding: 1.5rem 1rem;
  box-sizing: border-box;
  transition: all .25s cubic-bezier(.25,.8,.25,1) 0s;
  max-height: 1000px;
}

.guitarlab .section.bordered {
  border-radius: 4px;
  border: 1px solid #adadad;
}

.guitarlab>.sprite {
  height: 0;
  width: 0;
  display: none;
}

.guitarlab .switch {
  position: relative;
  display: inline-flex;
  align-items: center;
  background: #ddd;
  border: 1px solid #adadad;
  border-radius: 50px/50px;
  overflow: hidden;
}

.guitarlab .switch>.entry {
  padding: 5px 15px;
  z-index: 2;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: .75;
  transition: opacity .25s cubic-bezier(.25,.8,.25,1) 0s;
}

.guitarlab .switch>.entry.active:hover+.entry+.pill,
.guitarlab .switch>.entry.active:hover+.pill {
  background: #f4f4f4 linear-gradient(180deg,hsla(0,0%,95.7%,.75),hsla(0,0%,100%,0) 35%,rgba(0,0,0,.025) 75%,rgba(0,0,0,.05));
}

.guitarlab .switch>.entry.active,
.guitarlab .switch>.entry:hover {
  opacity: 1;
}

.guitarlab .switch>.pill {
  position: absolute;
  height: 100%;
  z-index: 1;
  background: #f4f4f4;
  border-radius: 50px/50px;
  box-shadow: 0 0 5px #adadad;
}

.guitarlab .switch>.pill,
.guitarlab .symbol {
  transition: all .25s cubic-bezier(.25,.8,.25,1) 0s;
}

.guitarlab .symbol {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  min-width: 25px;
  min-height: 25px;
  background: #ddd;
  border-radius: 50%;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.guitarlab .symbol>.sprite {
  width: 60%;
  height: 60%;
}

.guitarlab .thumb {
  position: relative;
}

.guitarlab .thumb.shine {
  -webkit-mask-image: none!important;
  mask-image: none!important;
}

.guitarlab .thumb.shine>.image {
  height: 85px;
  width: 100%;
}

.guitarlab .icon {
  background-image: none!important;
}

.guitarlab>.container>.main {
  display: flex;
  flex-flow: row wrap;
}

.guitarlab>.container>.main>.color {
  width: 33%;
  padding: 0;
  margin: auto;
}

.guitarlab>.container>.main>.color>.wheel {
  position: relative;
}

.guitarlab>.container>.main>.color>.wheel.active .icon,
.guitarlab>.container>.main>.color>.wheel.active .middle {
  cursor: pointer;
  opacity: 1!important;
}

.guitarlab>.container>.main>.color>.wheel.active .overlay {
  fill: hsla(0,0%,95.7%,.5)!important;
}

.guitarlab>.container>.main>.color>.wheel>.vector {
  --color-1: hsla(0,0%,95.7%,0.75);
  --color-2: hsla(0,0%,100%,0);
  --color-3: rgba(0,0,0,0.025);
  --color-4: rgba(0,0,0,0.05);
}

.guitarlab>.container>.main>.color>.wheel>.vector>.middle {
  position: relative;
  fill: #fff;
  opacity: 0;
  transition: opacity .25s cubic-bezier(.25,.8,.25,1) 0s,fill .25s cubic-bezier(.25,.8,.25,1) 0s;
}

.guitarlab>.container>.main>.color>.wheel>.vector>.middle:hover {
  fill: url(#wheelGradient);
}

.guitarlab>.container>.main>.color>.wheel>.vector>.middle:hover+.icon {
  stroke: #000;
}

.guitarlab>.container>.main>.color>.wheel>.vector>.icon {
  stroke: #171717;
  fill: transparent;
  stroke-width: .3;
  pointer-events: none;
  opacity: 0;
  transition: stroke .25s cubic-bezier(.25,.8,.25,1) 0s,opacity .25s cubic-bezier(.25,.8,.25,1) 0s;
}

.guitarlab>.container>.main>.color>.wheel>.vector>.icon:hover {
  stroke: #000;
}

.guitarlab>.container>.main>.color>.wheel>.vector>.overlay {
  fill: transparent;
  pointer-events: none;
  transition: all .25s cubic-bezier(.25,.8,.25,1) 0s;
}

.guitarlab>.container>.main>.color>.wheel>.vector>.color {
  stroke: transparent;
  stroke-width: 0;
  cursor: pointer;
  transition: all .25s cubic-bezier(.25,.8,.25,1) 0s;
}

.guitarlab>.container>.main>.color>.wheel>.vector>.color.active,
.guitarlab>.container>.main>.color>.wheel>.vector>.color:hover {
  stroke-width: .2;
  z-index: 2;
  stroke: #171717;
}

.guitarlab>.container>.main>.color>.wheel {
  max-width: 250px;
  margin: auto;
}

@media screen and (max-width:768px) {
  .guitarlab>.container>.main>.color {
    width: 100%;
  }
}

.guitarlab>.container>.main>.filter {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0;
}

.guitarlab>.container>.main>.filter>.filters {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  max-height: 0;
  margin: auto;
  padding-top: .5rem;
  opacity: 0;
  overflow: hidden;
  border-top: 1px solid #adadad;
  transition: max-height .25s cubic-bezier(.25,.8,.25,1) 0s;
}

.guitarlab>.container>.main>.filter>.filters .stars {
  display: flex;
  align-items: center;
}

.guitarlab>.container>.main>.filter>.filters .stars>.star {
  width: 18px;
  height: 18px;
  fill: #c7c6c7;
  cursor: pointer;
  transition: fill .25s cubic-bezier(.25,.8,.25,1) 0s;
}

.guitarlab>.container>.main>.filter>.filters .stars>.star.highlight {
  fill: #ffcd45;
}

.guitarlab>.container>.main>.filter>.filters .stars>.sprite:last-of-type {
  margin-right: .25rem;
}

.guitarlab>.container>.main>.filter>.filters .stars>.count {
  display: flex;
  color: #929292;
}

.guitarlab>.container>.main>.filter>.filters>.manufacturer .input {
  width: 100%;
  background: #fff;
}

.guitarlab>.container>.main>.filter>.filters>.manufacturer>.menu {
  overflow-y: scroll;
}

.guitarlab>.container>.main>.filter>.filters>.manufacturer .entry {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: .25rem 1.75rem;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  transition: border-color .25s cubic-bezier(.25,.8,.25,1) 0s,opacity .25s cubic-bezier(.25,.8,.25,1) 0s;
}

.guitarlab>.container>.main>.filter>.filters>.manufacturer .entry.active {
  background: hsla(0,0%,57.3%,.25);
}

.guitarlab>.container>.main>.filter>.filters>.manufacturer .entry>.thumb {
  width: 100px;
  padding: .25rem;
}

.guitarlab>.container>.main>.filter>.filters>.manufacturer .entry>.thumb>.image {
  width: 100%;
}

.guitarlab>.container>.main>.filter>.filters.open {
  opacity: 1;
  max-height: 250px;
  overflow: unset;
}

.guitarlab>.container>.main>.filter>.filters>.dropdown {
  margin-right: .5rem;
}

.guitarlab>.container>.main>.filter>.filters .range {
  display: flex;
  align-items: center;
  justify-content: center;
}

.guitarlab>.container>.main>.filter>.filters .range>.label {
  margin: 0 .5rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.guitarlab>.container>.main>.filter>.filters .range>.input {
  width: 4.375rem;
  background: #fff;
}

.guitarlab>.container>.main>.filter>.filters .range>.input>.field {
  text-align: right;
}

@media screen and (max-width:768px) {
  .guitarlab>.container>.main>.filter {
    width: 100%;
  }
}

.guitarlab>.container>.main>.reference {
  display: flex;
  flex-direction: column;
  text-align: center;
  width: 33%;
  padding: 1.5rem 0;
}

.guitarlab>.container>.main>.reference>.title {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  margin-bottom: .5rem;
}

.guitarlab>.container>.main>.reference>.title>.symbol {
  position: absolute;
  right: 0;
  bottom: 50%;
  margin: auto;
  cursor: pointer;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}

.guitarlab>.container>.main>.reference>.container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 200px;
  background: hsla(0,0%,57.3%,.1);
  border-radius: 4px;
  box-sizing: border-box;
}

.guitarlab>.container>.main>.reference>.container>.label {
  padding: .25rem;
  background: #c7c6c7;
  color: #5c5c5c;
  border-radius: 50px/50px;
  font-size: smaller;
  cursor: pointer;
  transition: color .25s cubic-bezier(.25,.8,.25,1) 0s;
}

.guitarlab>.container>.main>.reference>.container>.label:hover {
  color: #171717;
  border-color: #787878;
}

.guitarlab>.container>.main>.reference>.container>.label {
  padding: .5rem 3rem;
}

.guitarlab>.container>.main>.reference>.container>.guitar {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: .5rem;
  margin: auto;
  justify-content: center;
  align-items: center;
}

.guitarlab>.container>.main>.reference>.container>.guitar>.label {
  padding: 0;
  margin: 0;
}

.guitarlab>.container>.main>.reference>.container>.guitar>.thumb {
  width: 100%;
}

.guitarlab>.container>.main>.reference>.container>.guitar>.thumb>.image {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.guitarlab>.container>.main>.reference>.container>.guitar>.controls {
  position: absolute;
  top: 0;
  right: 0;
  margin: .5rem;
}

.guitarlab>.container>.main>.reference>.container>.guitar>.controls>.control {
  background: hsla(0,0%,57.3%,.15);
}

.guitarlab>.container>.main>.reference>.container>.guitar>.controls>.control:hover {
  background: hsla(0,0%,57.3%,.25);
}

@media screen and (max-width:768px) {
  .guitarlab>.container>.main>.reference {
    width: 100%;
  }
}

.guitarlab>.container>.main>.shape {
  position: relative;
  display: inline-block;
  text-align: center;
  max-height: 500px;
  width: 100%;
  margin: 0 0 1rem;
  padding: 0 1rem;
  background: hsla(0,0%,57.3%,.1);
  box-shadow: inset 0 0 5px #ddd;
  transition: all .25s cubic-bezier(.25,.8,.25,1) 0s;
}

.guitarlab>.container>.main>.shape .chooser {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -10px 0;
  min-height: 175px;
}

.guitarlab>.container>.main>.shape .chooser .choice {
  display: flex;
  flex-direction: column;
  padding: 5px;
  margin: 0 2px;
  cursor: pointer;
  border-radius: 4px;
  transition: background .25s cubic-bezier(.25,.8,.25,1) 0s,opacity .25s cubic-bezier(.25,.8,.25,1) 0s;
}

.guitarlab>.container>.main>.shape .chooser .choice>.sprite {
  height: 150px;
  width: 90px;
  margin-bottom: .5rem;
  fill: #929292;
  transition: fill .25s cubic-bezier(.25,.8,.25,1) 0s;
}

.guitarlab>.container>.main>.shape .chooser .choice>.label {
  font-size: small;
  margin-bottom: .15rem;
}

.guitarlab>.container>.main>.shape .chooser .choice.active>.sprite {
  fill: #3b3b3b;
}

.guitarlab>.container>.main>.shape .chooser .choice:focus,
.guitarlab>.container>.main>.shape .chooser .choice:hover {
  outline: none;
  background: hsla(0,0%,57.3%,.1);
}

.guitarlab>.container>.main>.shape .chooser .choice:focus>.sprite,
.guitarlab>.container>.main>.shape .chooser .choice:hover>.sprite {
  fill: #787878;
}

.guitarlab>.container>.main>.shape .chooser>.scroll>.arrow {
  background: hsla(0,0%,57.3%,.1);
}

.guitarlab>.container>.main>.shape .chooser>.scroll>.arrow:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-right: 1px solid #adadad;
  border-bottom: 1px solid #adadad;
  border-top: 1px solid #adadad;
}

.guitarlab>.container>.main>.shape .chooser>.scroll>.arrow:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-left: 1px solid #adadad;
  border-bottom: 1px solid #adadad;
  border-top: 1px solid #adadad;
}

.guitarlab>.container>.main>.shape .chooser>.scroll .boundary {
  -webkit-mask-image: linear-gradient(90deg,transparent,#fff 2%,#fff 98%,transparent);
  mask-image: linear-gradient(90deg,transparent,#fff 2%,#fff 98%,transparent);
}

.guitarlab>.container>.main>.shape .chooser>.scroll .boundary .items {
  display: flex;
  justify-content: space-between;
}

.guitarlab>.container>.main>.shape>.placeholder {
  justify-content: center;
  align-items: center;
}

.guitarlab>.container>.main>.shape>.placeholder>.label {
  pointer-events: none;
}

.guitarlab>.container>.main>.shape>.placeholder>.label+i {
  margin-left: .8rem;
}

.guitarlab>.container>.main>.shape>.placeholder>i {
  position: relative;
  display: block;
  width: 12px;
  top: 1px;
  left: 0;
  float: right;
  height: 2px;
  color: #171717;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

.guitarlab>.container>.main>.shape>.placeholder>i:after,
.guitarlab>.container>.main>.shape>.placeholder>i:before {
  position: absolute;
  content: "";
  left: 0;
  background: currentColor;
}

.guitarlab>.container>.main>.shape>.placeholder>i:after {
  height: 2px;
  width: 12px;
}

.guitarlab>.container>.main>.shape>.placeholder>i:before {
  top: -5px;
  left: 5px;
  height: 12px;
  width: 2px;
}

.guitarlab>.container>.main>.shape:before {
  position: absolute;
  content: "";
  top: 20px;
  left: 0;
  width: 100%;
  height: 100px;
  background-image: linear-gradient(0deg,#ddd 2.38%,transparent 0,transparent 50%,#ddd 0,#ddd 52.38%,transparent 0,transparent);
  background-size: 42px 42px;
}

.guitarlab>.container>.main>.shape.hidden>.choose {
  display: flex;
}

.guitarlab>.container>.main>.shape.hidden>.chooser,
.guitarlab>.container>.main>.shape.hidden>.switch {
  display: none;
}

.guitarlab>.container>.main>.shape.closed {
  border-right: none;
  border-left: none;
  border-bottom: none;
  max-height: 10px;
}

.guitarlab>.container>.main>.shape.closed>.chooser,
.guitarlab>.container>.main>.shape.closed>.switch {
  opacity: 0;
  -webkit-animation-name: hide;
  animation-name: hide;
}

.guitarlab>.container>.main>.shape.closed>.choose {
  opacity: 1;
  -webkit-animation-name: show;
  animation-name: show;
}

.guitarlab>.container>.main>.shape.closed:before {
  content: none;
}

.guitarlab>.container>.main>.shape>.choose {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  opacity: 0;
  transition: opacity .25s cubic-bezier(.25,.8,.25,1) 0s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: .25s;
  animation-duration: .25s;
  -webkit-animation-timing-function: cubic-bezier(.25,.8,.25,1);
  animation-timing-function: cubic-bezier(.25,.8,.25,1);
}

.guitarlab>.container>.main>.shape>.switch {
  -webkit-animation-name: show;
  animation-name: show;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: .25s;
  animation-duration: .25s;
  -webkit-animation-timing-function: cubic-bezier(.25,.8,.25,1);
  animation-timing-function: cubic-bezier(.25,.8,.25,1);
}

.guitarlab>.container>.main>.shape>.switch.category {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.guitarlab>.container>.main>.shape>.switch.handling {
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}

.guitarlab>.container>.main>.shape>.chooser {
  -webkit-animation-name: show;
  animation-name: show;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: .25s;
  animation-duration: .25s;
  -webkit-animation-timing-function: cubic-bezier(.25,.8,.25,1);
  animation-timing-function: cubic-bezier(.25,.8,.25,1);
}

.guitarlab>.container>.main>.shape .toggle {
  position: absolute;
}

@keyframes show {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes hide {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.guitarlab>.container>.main>.weighting {
  width: 33%;
  text-align: center;
}

.guitarlab>.container>.main>.weighting .slider {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  margin-bottom: .5rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.guitarlab>.container>.main>.weighting .slider.dragging .handle {
  transition: border .25s cubic-bezier(.25,.8,.25,1) 0s!important;
}

.guitarlab>.container>.main>.weighting .slider>.label,
.guitarlab>.container>.main>.weighting .slider>.minimum {
  position: absolute;
  top: 0;
}

.guitarlab>.container>.main>.weighting .slider>.label {
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.guitarlab>.container>.main>.weighting .slider>.minimum {
  right: 0;
  color: #adadad;
  font-size: small;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.guitarlab>.container>.main>.weighting .slider>.wrapper {
  display: flex;
  position: relative;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
}

.guitarlab>.container>.main>.weighting .slider>.wrapper:after {
  content: "";
  position: absolute;
  left: 1px;
  top: 50%;
  width: calc(100% - 2px);
  height: 1px;
  background: #adadad;
}

.guitarlab>.container>.main>.weighting .slider>.wrapper>.handle {
  display: inline-block;
  position: relative;
  cursor: pointer;
  z-index: 2;
  height: 25px;
  width: 25px;
  background: #f4f4f4;
  border: 1px solid #adadad;
  border-radius: 50%;
  transition: border .25s cubic-bezier(.25,.8,.25,1) 0s,left .25s cubic-bezier(.25,.8,.25,1) 0s;
}

.guitarlab>.container>.main>.weighting .slider>.wrapper>.handle:hover {
  border-color: #787878;
  background: #f4f4f4 linear-gradient(180deg,hsla(0,0%,95.7%,.75),hsla(0,0%,100%,0) 35%,rgba(0,0,0,.025) 75%,rgba(0,0,0,.05));
}

.guitarlab>.container>.main>.weighting .slider>.wrapper>.handle:active {
  border-color: #3b3b3b;
}

.guitarlab>.container>.main>.weighting .title {
  margin-bottom: .5rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media screen and (max-width:768px) {
  .guitarlab>.container>.main>.weighting {
    width: 100%;
  }
}

.guitarlab>.container>.main>.title {
  width: 100%;
}

.guitarlab>.container>.search>.result {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 4.8125rem;
}

.guitarlab>.container>.search>.result .scroll>.arrow:first-child {
  left: 0;
  margin-left: -3.5rem;
}

.guitarlab>.container>.search>.result .scroll>.arrow:last-child {
  right: 0;
  margin-right: -3.5rem;
}

.guitarlab>.container>.search>.result .scroll .item {
  flex: 0 0 100%;
}

.guitarlab>.container>.search>.result .scroll .item>.batch {
  display: flex;
  flex: 0 0 50%;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media screen and (max-width:768px) {
  .guitarlab>.container>.search>.result .scroll .item>.batch>.guitar {
    width: 50%;
  }

  .guitarlab>.container>.search>.result .scroll .item>.batch>.guitar:nth-child(-n+2) {
    margin-bottom: 1.75rem;
  }
}

.guitarlab>.container>.search>.result .scroll .item>.batch>.guitar:nth-child(-n+3) {
  margin-bottom: 1.75rem;
}

.guitarlab>.container>.search>.result .scroll .item>.batch>.guitar:last-child {
  margin-bottom: 0;
}

.guitarlab>.container>.search>.result .scroll .item>.batch>.guitar>.thumb {
  -webkit-mask-image: linear-gradient(270deg,transparent 0,#000 15%);
  mask-image: linear-gradient(270deg,transparent 0,#000 15%);
}

.guitarlab>.container>.search>.result .scroll .item>.batch>.guitar>.thumb>.image {
  max-height: none;
  height: 75px;
}

.guitarlab>.container>.search>.empty {
  display: flex;
  flex-direction: column;
}

.guitarlab>.container>.search>.empty>.sprite {
  width: 350px;
  height: 250px;
  margin: -35px auto auto;
}

.guitarlab>.container>.search>.empty>.text {
  color: #929292;
  text-align: center;
  margin: 0;
}

.guitarlab>.container>.search>.head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 1.5rem;
}

.guitarlab>.container>.search>.head .close {
  width: 26px;
  height: 26px;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  border-radius: 50%;
  cursor: pointer;
  color: #171717;
  outline: none;
  transition: all .25s cubic-bezier(.25,.8,.25,1) 0s;
}

.guitarlab>.container>.search>.head .close:hover {
  border-color: #787878;
  color: #171717!important;
  background: #f4f4f4 linear-gradient(180deg,hsla(0,0%,95.7%,.75),hsla(0,0%,100%,0) 35%,rgba(0,0,0,.025) 75%,rgba(0,0,0,.05));
}

.guitarlab>.container>.search>.head .close.active,
.guitarlab>.container>.search>.head .close:active {
  background-color: #eee;
  border-color: #3b3b3b;
  color: #171717!important;
}

.guitarlab>.container>.search>.head .close>.vector>.icon {
  stroke: currentColor;
  fill: transparent;
  stroke-width: 1;
  pointer-events: none;
  transition: stroke .25s cubic-bezier(.25,.8,.25,1) 0s,color .25s cubic-bezier(.25,.8,.25,1) 0s;
}

.guitarlab>.container>.search>.head>.input {
  text-align: center;
  width: 250px;
  padding: 0 0 0 .5rem;
  background: #ddd;
  border-radius: 50px/50px;
}

.guitarlab>.container>.search>.head>.input>.field {
  text-align: center;
  padding-right: 0;
}

.guitarlab>.container>.search>.head>.input>.suffix {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 0;
}

.guitarlab>.container>.search>.head>.input>.suffix>.close {
  width: 1.5rem;
  height: 1.5rem;
  padding: .15rem;
  background: hsla(0,0%,57.3%,.1);
}

.guitarlab>.container>.search>.head>.input>.suffix>.close:hover {
  background: transparent;
}

.guitarlab>.container>.container {
  padding: 1rem;
  background: #dcdae9;
  background: linear-gradient(145deg,rgba(220,218,233,.5),rgba(245,241,244,.5) 50%,rgba(248,246,244,.5));
  border-radius: 4px;
  min-width: 576px;
  margin-bottom: 3rem;
}

.guitarlab .skeleton,
.guitarlab .skeleton>.shine {
  color: transparent!important;
  pointer-events: none!important;
}

.guitarlab .skeleton>.shine {
  background-color: #e2e5e7;
  background-image: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));
  background-size: 40px 100%;
  background-repeat: no-repeat;
  background-position: left -40px top 0;
  -webkit-animation: shine 1s ease infinite;
  animation: shine 1s ease infinite;
  border-radius: 4px;
}

.guitarlab .skeleton>.shine * {
  color: transparent!important;
  pointer-events: none!important;
}

@-webkit-keyframes shine {
  to {
    background-position: right -40px top 0;
  }
}

@keyframes shine {
  to {
    background-position: right -40px top 0;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.rs-guitarlab {
  margin: 10px 10px 75px;
}

.rs-guitarlab>* {
  margin: auto;
  width: 960px;
}

/*# sourceMappingURL=https://sourcemap-sourcemap.apps.io.thobits.com/sm?v=6701&n=style.css.map */