@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap";
@import "https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap";
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  line-height: 1.15;
}

body {
  margin: 0;
}

article, aside, footer, header, nav, section {
  display: block;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

figcaption, figure, main {
  display: block;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace;
  font-size: 1em;
}

a {
  -webkit-text-decoration-skip: objects;
  background-color: #0000;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: inherit;
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace;
  font-size: 1em;
}

dfn {
  font-style: italic;
}

mark {
  color: #000;
  background-color: #ff0;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

audio, video {
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="button"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="reset"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring {
  outline: 1px dotted buttontext;
}

[type="button"]:-moz-focusring {
  outline: 1px dotted buttontext;
}

[type="reset"]:-moz-focusring {
  outline: 1px dotted buttontext;
}

[type="submit"]:-moz-focusring {
  outline: 1px dotted buttontext;
}

fieldset {
  padding: .35em .75em .625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  white-space: normal;
  max-width: 100%;
  padding: 0;
  display: table;
}

progress {
  vertical-align: baseline;
  display: inline-block;
}

textarea {
  overflow: auto;
}

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button {
  height: auto;
}

[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details, menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template, [hidden] {
  display: none;
}

:root {
  --clr-primary: #fbc50a;
}

.opc-notifications .notifications-dimmer {
  z-index: 1200;
  opacity: .5;
  background-color: #252525;
  margin: 0;
  padding: 0;
  position: fixed;
  inset: 0;
}

.opc-notifications .notifications-modal {
  z-index: 1200;
  padding: 0;
  position: fixed;
  inset: 0;
  overflow-y: auto;
}

.opc-notifications .notifications-dialog {
  background-color: #fff;
  outline: 0;
  max-width: 500px;
  min-height: 110px;
  margin: 5% auto;
  padding: 24px 24px 0;
  position: relative;
}

.opc-notifications .notifications-dialog[data-op-capture="1"]:before {
  content: "";
  z-index: 1;
  display: block;
  position: absolute;
  inset: 0;
}

.opc-notifications .notifications-reset {
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  display: inline !important;
  position: absolute !important;
}

.opc-notifications .notifications-commands {
  z-index: 2;
  margin: -14px 24px 0 0;
  position: absolute;
  right: 4px;
}

.opc-notifications .notifications-commands button {
  cursor: pointer;
  background-color: #0000;
  background-position: center;
  background-repeat: no-repeat;
  border: 0;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  padding: 10px;
  display: none;
}

.opc-notifications .notifications-commands button.notifications-close {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAh0lEQVQYlY2QsQ0EIQwEB9cBAR1CJUaI/gigDnwR6NBL/7/xWLNrZ2b8EwGotVpr7eOitWa1VjugiNB7R1UPrKrWe0dEAHBbXUqxMQbeewDmnHjvyTm7C3zDwAUd9c63YQdUVdu6EAJzzquz7HXvTiklt+H9DQFYaxFjvDqllFyMkbXWvfpXHjJrWFgdBq/hAAAAAElFTkSuQmCC");
}

.opc-notifications .notifications-commands button.notifications-maximize {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAOUlEQVQYlWP8//8/AzGAhYGBgaG4uBiv6t7eXkYmooxjYGAgWiELsvHYFMCcRX2rSXcjoSBiJDbAAeD+EGu+8BZcAAAAAElFTkSuQmCC");
}

.opc-notifications .notifications-header {
  background-color: #fff;
  margin: -24px -24px 0;
  padding: 16px 24px;
}

.opc-notifications .notifications-body {
  min-height: 56px;
}

.opc-notifications .notifications-body .notifications-content {
  padding: 16px 24px 16px 16px;
}

.opc-notifications .notifications-footer {
  background-color: #fff;
  min-height: 43px;
  margin-left: -24px;
  margin-right: -24px;
  padding: 4px;
}

.opc-notifications .notifications-footer .notifications-buttons[data-op-type="primary"] {
  text-align: right;
}

.opc-notifications .notifications-footer .notifications-buttons[data-op-type="primary"] .opc-button, .opc-notifications .notifications-footer .notifications-buttons[data-op-type="primary"] .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-notifications .notifications-footer .notifications-buttons[data-op-type="primary"] a, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons[data-op-type="primary"] .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons[data-op-type="primary"] .notifications-ok, .opc-notifications .notifications-footer .notifications-buttons[data-op-type="primary"] .opc-compare-button, .opc-notifications .notifications-footer .notifications-buttons[data-op-type="primary"] .opc-favorite-button {
  margin: 4px;
}

.opc-notifications .notifications-footer .notifications-buttons[data-op-type="auxiliary"] {
  float: left;
  clear: none;
  text-align: left;
}

.opc-notifications .notifications-footer .notifications-buttons[data-op-type="auxiliary"] .opc-button, .opc-notifications .notifications-footer .notifications-buttons[data-op-type="auxiliary"] .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-notifications .notifications-footer .notifications-buttons[data-op-type="auxiliary"] a, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons[data-op-type="auxiliary"] .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons[data-op-type="auxiliary"] .notifications-ok, .opc-notifications .notifications-footer .notifications-buttons[data-op-type="auxiliary"] .opc-compare-button, .opc-notifications .notifications-footer .notifications-buttons[data-op-type="auxiliary"] .opc-favorite-button {
  margin: 4px;
}

.opc-notifications .notifications-footer .notifications-buttons .opc-button, .opc-notifications .notifications-footer .notifications-buttons .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-notifications .notifications-footer .notifications-buttons a, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-footer .notifications-buttons .opc-compare-button, .opc-notifications .notifications-footer .notifications-buttons .opc-favorite-button {
  min-width: 88px;
  min-height: 35px;
}

.opc-notifications .notifications-handle {
  z-index: 1;
  cursor: se-resize;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMS8xNEDQYmMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQ0lEQVQYlaXNMQoAIAxD0dT7H657l0KX3iJuUlBUNOsPPCGJm7VDp6ryeMxMuDsAQH7owW3pyn3RS26iKxERMLN3ugOaAkaL3sWVigAAAABJRU5ErkJggg==");
  width: 10px;
  height: 10px;
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: scaleX(1);
}

.opc-notifications.is-no-overflow .notifications-body .notifications-content {
  overflow: hidden !important;
}

.opc-notifications[data-op-no-padding="1"].is-maximized .notifications-body .notifications-content {
  padding: 0;
  left: 0;
  right: 0;
}

.opc-notifications[data-op-no-padding="1"]:not(.is-maximized) .notifications-body {
  margin-left: -24px;
  margin-right: -24px;
}

.opc-notifications[data-op-no-padding="1"]:not(.is-maximized) .notifications-body .notifications-content {
  padding: 0;
}

.opc-notifications[data-op-no-padding="1"].is-resizable .notifications-body .notifications-content {
  left: 0;
  right: 0;
}

.opc-notifications.is-maximizable .notifications-commands button.notifications-maximize, .opc-notifications.is-maximizable .notifications-commands button.notifications-restore, .opc-notifications.is-closable .notifications-commands button.notifications-close {
  display: inline-block;
}

.opc-notifications.is-maximized.is-modeless .notifications-modal {
  min-height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  position: fixed !important;
}

.opc-notifications.is-maximized .notifications-commands button.notifications-maximize {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAASklEQVQYlZWQ0QkAMQhDtXRincOZX78KVtrDCwgqJNEoIB3MPLj7lRUROlpyVXGzby6zWuY+kz6tj5sBMTMAyVV3/595RbOh3cAXsww1raeiOcoAAAAASUVORK5CYII=");
}

.opc-notifications.is-resizable .notifications-dialog, .opc-notifications.is-maximized .notifications-dialog {
  padding: 0;
}

.opc-notifications.is-resizable .notifications-commands, .opc-notifications.is-maximized .notifications-commands {
  margin: 14px 24px 0 0;
}

.opc-notifications.is-resizable .notifications-header, .opc-notifications.is-maximized .notifications-header {
  margin: 0;
  padding: 16px 24px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.opc-notifications.is-resizable .notifications-body, .opc-notifications.is-maximized .notifications-body {
  min-height: 224px;
  display: inline-block;
}

.opc-notifications.is-resizable .notifications-body .notifications-content, .opc-notifications.is-maximized .notifications-body .notifications-content {
  position: absolute;
  inset: 50px 24px;
  overflow: auto;
}

.opc-notifications.is-resizable .notifications-footer, .opc-notifications.is-maximized .notifications-footer {
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.opc-notifications.is-resizable:not(.is-maximized) .notifications-dialog {
  min-width: 548px;
}

.opc-notifications.is-resizable:not(.is-maximized) .notifications-handle {
  display: block;
}

.opc-notifications.is-movable:not(.is-maximized) .notifications-header {
  cursor: move;
}

.opc-notifications.is-modeless .notifications-dimmer, .opc-notifications.is-modeless .notifications-reset {
  display: none;
}

.opc-notifications.is-modeless .notifications-modal {
  max-width: none;
  max-height: 0;
  overflow: visible;
}

.opc-notifications.is-modeless.is-pinnable .notifications-commands button.notifications-pin {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQklEQVQYlcWPMQ4AIAwCqU9u38GbcbHRWN1MvKQDhQFMEpKImGJA0gCgnYw0V0rwxseg5erT4oSkQVI5d9f+e9+xA0NbLpWfitPXAAAAAElFTkSuQmCC");
  display: inline-block;
}

.opc-notifications.is-modeless.is-unpinned .notifications-modal {
  position: absolute;
}

.opc-notifications.is-modeless.is-unpinned .notifications-commands button.notifications-pin {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAO0lEQVQYlWP8//8/AzGAiShV6AqLi4txGs+CLoBLMYbC3t5eRmyaWfBZhwwYkX2NTxPRvibKjRhW4wMAhxkYGbLu3pEAAAAASUVORK5CYII=");
}

.opc-notifications.is-modeless:not(.is-unpinned) .notifications-body {
  max-height: 500px;
  overflow: auto;
}

.opc-notifications[data-op-basic="1"] .notifications-header {
  opacity: 0;
}

.opc-notifications[data-op-basic="1"] .notifications-footer {
  visibility: hidden;
}

.opc-notifications.is-frameless .notifications-header {
  opacity: 0;
  z-index: 1;
  min-height: 60px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.opc-notifications.is-frameless .notifications-footer {
  display: none;
}

.opc-notifications.is-frameless .notifications-body .notifications-content {
  position: absolute;
  inset: 0;
}

.opc-notifications.is-frameless:not(.is-resizable) .notifications-dialog {
  padding-top: 0;
}

.opc-notifications.is-frameless:not(.is-resizable) .notifications-dialog .notifications-commands {
  margin-top: 0;
}

.is-no-overflow {
  outline: none;
  overflow: hidden !important;
}

.is-no-overflow.is-fixed {
  position: fixed;
  inset: 0;
  overflow-y: scroll !important;
}

[data-op-no-selection="1"], [data-op-no-selection="1"] * {
  -webkit-user-select: none;
  user-select: none;
}

@media screen and (width <= 568px) {
  .opc-notifications .notifications-dialog {
    min-width: 150px;
  }

  .opc-notifications:not(.is-maximized) .notifications-modal {
    padding: 0 5%;
  }

  .opc-notifications:not(.is-maximized).notifications-resizable .notifications-dialog {
    min-width: initial;
    min-width: auto;
  }
}

@document url-prefix() {
  .opc-notifications button:focus {
    outline: 1px dotted #3593d2;
  }
}

.opc-notifications .notifications-dimmer, .opc-notifications .notifications-modal {
  transition-property: opacity, visibility;
  transition-duration: .25s;
  transition-timing-function: linear;
  transform: translate3d(0, 0, 0);
}

.opc-notifications.is-hidden .notifications-dimmer, .opc-notifications.is-hidden .notifications-modal {
  visibility: hidden;
  opacity: 0;
}

.opc-notifications.is-progress-in:not(.is-hidden) .notifications-dialog {
  animation-duration: .5s;
}

.opc-notifications.is-progress-out.is-hidden .notifications-dialog {
  animation-duration: .25s;
}

.opc-notifications .notifications-dialog.notifications-shake {
  animation-name: notifications-shake;
  animation-duration: .1s;
  animation-fill-mode: both;
}

@keyframes notifications-shake {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}

.opc-notifications[data-op-slide="1"].is-progress-in:not(.is-hidden) .notifications-dialog {
  animation-name: notifications-slideIn;
  animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
}

.opc-notifications[data-op-slide="1"].is-progress-out.is-hidden .notifications-dialog {
  animation-name: notifications-slideOut;
  animation-timing-function: cubic-bezier(.6, -.28, .735, .045);
}

.opc-notifications[data-op-zoom="1"].is-progress-in:not(.is-hidden) .notifications-dialog {
  animation-name: notifications-zoomIn;
}

.opc-notifications[data-op-zoom="1"].is-progress-out.is-hidden .notifications-dialog {
  animation-name: notifications-zoomOut;
}

.opc-notifications[data-op-fade="1"].is-progress-in:not(.is-hidden) .notifications-dialog {
  animation-name: notifications-fadeIn;
}

.opc-notifications[data-op-fade="1"].is-progress-out.is-hidden .notifications-dialog {
  animation-name: notifications-fadeOut;
}

.opc-notifications[data-op-pulse="1"].is-progress-in:not(.is-hidden) .notifications-dialog {
  animation-name: notifications-pulseIn;
}

.opc-notifications[data-op-pulse="1"].is-progress-out.is-hidden .notifications-dialog {
  animation-name: notifications-pulseOut;
}

.opc-notifications[data-op-flipx="1"].is-progress-in:not(.is-hidden) .notifications-dialog {
  animation-name: notifications-flipInX;
}

.opc-notifications[data-op-flipx="1"].is-progress-out.is-hidden .notifications-dialog {
  animation-name: notifications-flipOutX;
}

.opc-notifications[data-op-flipy="1"].is-progress-in:not(.is-hidden) .notifications-dialog {
  animation-name: notifications-flipInY;
}

.opc-notifications[data-op-flipy="1"].is-progress-out.is-hidden .notifications-dialog {
  animation-name: notifications-flipOutY;
}

@keyframes notifications-pulseIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

@keyframes notifications-pulseOut {
  20% {
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes notifications-zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(.25, .25, .25);
  }

  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

@keyframes notifications-zoomOut {
  0% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }

  100% {
    opacity: 0;
    transform: scale3d(.25, .25, .25);
  }
}

@keyframes notifications-fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes notifications-fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes notifications-flipInX {
  0% {
    opacity: 0;
    transition-timing-function: ease-in;
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  }

  40% {
    transition-timing-function: ease-in;
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  }

  60% {
    opacity: 1;
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    transform: perspective(400px);
  }
}

@keyframes notifications-flipOutX {
  0% {
    transform: perspective(400px);
  }

  30% {
    opacity: 1;
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  }

  100% {
    opacity: 0;
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  }
}

@keyframes notifications-flipInY {
  0% {
    opacity: 0;
    transition-timing-function: ease-in;
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  }

  40% {
    transition-timing-function: ease-in;
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  }

  60% {
    opacity: 1;
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    transform: perspective(400px);
  }
}

@keyframes notifications-flipOutY {
  0% {
    transform: perspective(400px);
  }

  30% {
    opacity: 1;
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
  }

  100% {
    opacity: 0;
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  }
}

@keyframes notifications-slideIn {
  0% {
    margin-top: -100%;
  }

  100% {
    margin-top: 5%;
  }
}

@keyframes notifications-slideOut {
  0% {
    margin-top: 5%;
  }

  100% {
    margin-top: -100%;
  }
}

.opc-notifications-notifier {
  z-index: 1982;
  width: 0;
  position: fixed;
  overflow: visible;
  transform: translate3d(0, 0, 0);
}

.opc-notifications-notifier .notifications-message {
  opacity: 0;
  width: 260px;
  max-height: 0;
  margin: 0;
  padding: 0;
  transition-duration: .25s;
  transition-timing-function: linear;
  position: relative;
  transform: translate3d(0, 0, 0);
}

.opc-notifications-notifier .notifications-message.is-visible {
  opacity: 1;
  max-height: 100%;
  margin-top: 10px;
  padding: 15px;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
}

.opc-notifications-notifier .notifications-message.is-success {
  background: #5bbd72f2;
}

.opc-notifications-notifier .notifications-message.is-error {
  background: #d95c5cf2;
}

.opc-notifications-notifier .notifications-message.is-warning {
  background: #fcf8d7f2;
}

.opc-notifications-notifier .notifications-message .notifications-close {
  cursor: pointer;
  background-color: #00000080;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAABGdBTUEAALGPC/xhBQAAAFBJREFUGBl1j0EKADEIA+ve/P9f9bh1hEihNBfjVCO1v7RKVqJK4h8gM5cAPR42AkQEpSXPwMTyoi13n5N9YqJehm3Fnr7nL1D0ZEbD5OubGyC7a9gx+9eNAAAAAElFTkSuQmCC");
  background-position: center;
  background-repeat: no-repeat;
  border-top-right-radius: 2px;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  right: 0;
}

.opc-notifications-notifier[data-op-notifier-top="1"] {
  top: 10px;
}

.opc-notifications-notifier[data-op-notifier-bottom="1"] {
  bottom: 10px;
}

.opc-notifications-notifier[data-op-notifier-right="1"] {
  right: 10px;
}

.opc-notifications-notifier[data-op-notifier-right="1"] .notifications-message {
  right: -320px;
}

.opc-notifications-notifier[data-op-notifier-right="1"] .notifications-message.is-visible {
  right: 290px;
}

.opc-notifications-notifier[data-op-notifier-left="1"] {
  left: 10px;
}

.opc-notifications-notifier[data-op-notifier-left="1"] .notifications-message {
  left: -300px;
}

.opc-notifications-notifier[data-op-notifier-left="1"] .notifications-message.is-visible {
  left: 0;
}

.opc-notifications-notifier[data-op-notifier-center="1"] {
  left: 50%;
}

.opc-notifications-notifier[data-op-notifier-center="1"] .notifications-message {
  transform: translateX(-50%);
}

.opc-notifications-notifier[data-op-notifier-center="1"] .notifications-message.is-visible {
  transition-timing-function: cubic-bezier(.57, .43, .1, .65);
  left: 50%;
}

.opc-notifications-notifier[data-op-notifier-center="1"][data-op-notifier-top="1"] .notifications-message {
  top: -300px;
}

.opc-notifications-notifier[data-op-notifier-center="1"][data-op-notifier-top="1"] .notifications-message.is-visible {
  top: 0;
}

.opc-notifications-notifier[data-op-notifier-center="1"][data-op-notifier-bottom="1"] .notifications-message {
  bottom: -300px;
}

.opc-notifications-notifier[data-op-notifier-center="1"][data-op-notifier-bottom="1"] .notifications-message.is-visible {
  bottom: 0;
}

.flatpickr-calendar {
  opacity: 0;
  text-align: center;
  visibility: hidden;
  box-sizing: border-box;
  touch-action: manipulation;
  touch-action: manipulation;
  direction: ltr;
  background: #fff;
  border: 0;
  border-radius: 5px;
  width: 100%;
  padding: 0;
  font-size: 14px;
  line-height: 24px;
  animation: none;
  display: none;
  position: absolute;
  box-shadow: 1px 0 #e6e6e6, -1px 0 #e6e6e6, 0 1px #e6e6e6, 0 -1px #e6e6e6, 0 3px 13px #00000014;
}

.flatpickr-calendar.open, .flatpickr-calendar.inline {
  opacity: 1;
  visibility: visible;
  max-height: 640px;
}

.flatpickr-calendar.open {
  z-index: 99999;
  display: inline-block;
  position: relative;
}

.flatpickr-calendar.animate.open {
  animation: .3s cubic-bezier(.23, 1, .32, 1) fpFadeInDown;
}

.flatpickr-calendar.inline {
  width: 100%;
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  box-shadow: none !important;
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  box-shadow: -2px 0 #e6e6e6, 5px 0 #e6e6e6;
}

.flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  border-top: 1px solid #e6e6e6;
  height: 40px;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:before, .flatpickr-calendar:after {
  pointer-events: none;
  content: "";
  border: solid #0000;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  left: 22px;
}

.flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}

.flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  width: 100%;
  display: inline-block;
  position: relative;
}

.flatpickr-months {
  display: flex;
  display: flexbox;
  display: flex;
}

.flatpickr-months .flatpickr-month {
  color: #000000e6;
  fill: #000000e6;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  background: none;
  flex: 1;
  height: 40px;
  line-height: 1;
  position: relative;
  overflow: hidden;
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  z-index: 3;
  color: #000000e6;
  fill: #000000e6;
  height: 34px;
  padding: 10px;
  text-decoration: none;
  position: absolute;
  top: 0;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}

.flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i {
  position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  left: 0;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  right: 0;
}

.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}

.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}

.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {
  fill: inherit;
  transition: fill .1s;
}

.numInputWrapper {
  height: auto;
  position: relative;
}

.numInputWrapper input, .numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

.numInputWrapper input::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}

.numInputWrapper input::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}

.numInputWrapper span {
  opacity: 0;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid #39393926;
  width: 14px;
  height: 50%;
  padding: 0 4px 0 2px;
  line-height: 50%;
  position: absolute;
  right: 0;
}

.numInputWrapper span:hover {
  background: #0000001a;
}

.numInputWrapper span:active {
  background: #0003;
}

.numInputWrapper span:after {
  content: "";
  display: block;
  position: absolute;
}

.numInputWrapper span.arrowUp {
  border-bottom: 0;
  top: 0;
}

.numInputWrapper span.arrowUp:after {
  border-bottom: 4px solid #39393999;
  border-left: 4px solid #0000;
  border-right: 4px solid #0000;
  top: 26%;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-top: 4px solid #39393999;
  border-left: 4px solid #0000;
  border-right: 4px solid #0000;
  top: 40%;
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: #00000080;
}

.numInputWrapper:hover {
  background: #0000000d;
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: var(--typ-h5-size, 135%);
  font-weight: var(--typ-h5-weight, 300);
  color: inherit;
  text-align: center;
  justify-content: space-between;
  width: 75%;
  height: auto;
  padding: 0;
  line-height: 1;
  display: flex;
  position: absolute;
  left: 12.5%;
  transform: translate3d(0, 0, 0);
}

.flatpickr-current-month span.cur-month {
  color: inherit;
  margin-left: .5ch;
  padding: 0;
  font-family: inherit;
  font-weight: 700;
  display: inline-block;
}

.flatpickr-current-month span.cur-month:hover {
  background: #0000000d;
}

.flatpickr-current-month .numInputWrapper {
  width: auto;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #000000e6;
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #000000e6;
}

.flatpickr-current-month input.cur-year {
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  vertical-align: initial;
  appearance: textfield;
  background: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 1rem 2rem;
  display: inline-block;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
  color: #00000080;
  pointer-events: none;
  background: none;
  font-size: 100%;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  background: rgba(var(--tk-grey80-rgb, #ccc), .1);
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  height: auto;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  vertical-align: initial;
  box-sizing: border-box;
  appearance: menulist;
  border: none;
  border-radius: 0;
  outline: none;
  width: 80%;
  margin: -1px 0 0;
  padding: 1rem 2rem;
  position: relative;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: #0000000d;
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: #0000;
  outline: none;
  padding: 0;
}

.flatpickr-weekdays {
  text-align: center;
  width: 100%;
  display: flex;
  display: flexbox;
  background: none;
  align-items: center;
  height: 28px;
  display: flex;
  overflow: hidden;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: flex;
  display: flexbox;
  flex: 1;
  display: flex;
}

span.flatpickr-weekday {
  cursor: default;
  color: #0000008a;
  text-align: center;
  background: none;
  flex: 1;
  margin: 0;
  font-size: 90%;
  font-weight: bolder;
  line-height: 1;
  display: block;
}

.dayContainer, .flatpickr-weeks {
  padding: 1px 0 0;
}

.flatpickr-days {
  display: flex;
  display: flexbox;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  text-align: left;
  width: 100%;
  min-width: inherit;
  max-width: inherit;
  box-sizing: border-box;
  display: inline-block;
  display: flexbox;
  opacity: 1;
  outline: 0;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 0;
  display: flex;
  transform: translate3d(0, 0, 0);
}

.dayContainer + .dayContainer {
  box-shadow: -1px 0 #e6e6e6;
}

.flatpickr-day {
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  width: 14.2857%;
  max-width: inherit;
  text-align: center;
  background: none;
  border: 1px solid #0000;
  border-radius: 150px;
  flex-basis: 14.2857%;
  justify-content: center;
  height: 39px;
  margin: 0;
  font-weight: 400;
  line-height: 39px;
  display: inline-block;
  position: relative;
}

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  background: #e6e6e6;
  border-color: #e6e6e6;
  outline: 0;
}

.flatpickr-day.today {
  border-color: #959ea9;
}

.flatpickr-day.today:hover, .flatpickr-day.today:focus {
  color: #fff;
  background: #959ea9;
  border-color: #959ea9;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: var(--clr-primary, #fc8200);
  box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: var(--clr-primary, #fc8200);
}

.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: -10px 0 0 var(--clr-primary, #fc8200);
  box-shadow: -10px 0 0 var(--clr-primary, #fc8200);
}

.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  box-shadow: -5px 0 #e6e6e6, 5px 0 #e6e6e6;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
  color: #3939394d;
  cursor: default;
  background: none;
  border-color: #0000;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: #3939391a;
}

.flatpickr-day.week.selected {
  box-shadow: -5px 0 0 var(--clr-primary, #fc8200), 5px 0 0 var(--clr-primary, #fc8200);
  box-shadow: -5px 0 0 var(--clr-primary, #fc8200), 5px 0 0 var(--clr-primary, #fc8200);
  border-radius: 0;
}

.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  box-shadow: 1px 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
  color: #3939394d;
  cursor: default;
  background: none;
  border: none;
  width: 100%;
  max-width: none;
  display: block;
}

.flatpickr-innerContainer {
  display: flex;
  display: flexbox;
  box-sizing: border-box;
  display: flex;
  overflow: hidden;
}

.flatpickr-rContainer {
  box-sizing: border-box;
  width: 100%;
  padding: 0;
  display: inline-block;
}

.flatpickr-time {
  text-align: center;
  box-sizing: border-box;
  outline: 0;
  height: 0;
  max-height: 40px;
  line-height: 40px;
  display: flex;
  overflow: hidden;
}

.flatpickr-time:after {
  content: "";
  clear: both;
  display: table;
}

.flatpickr-time .numInputWrapper {
  float: left;
  flex: 1;
  width: 40%;
  height: 40px;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  box-shadow: none;
  box-shadow: none;
  text-align: center;
  height: inherit;
  line-height: inherit;
  color: #393939;
  box-sizing: border-box;
  appearance: textfield;
  background: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  font-size: 14px;
  position: relative;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  border: 0;
  outline: 0;
}

.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  -webkit-user-select: none;
  user-select: none;
  align-self: center;
  width: 2%;
  font-weight: bold;
}

.flatpickr-time .flatpickr-am-pm {
  cursor: pointer;
  text-align: center;
  outline: 0;
  width: 18%;
  font-weight: 400;
}

.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.tippy-box[data-animation="fade"][data-state="hidden"] {
  opacity: 0;
}

[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.tippy-box {
  color: #000;
  white-space: normal;
  background-color: #ffc107;
  border-radius: 4px;
  outline: 0;
  font-size: 14px;
  line-height: 1.4;
  transition-property: transform, visibility, opacity;
  position: relative;
}

.tippy-box[data-placement^="top"] > .tippy-arrow {
  bottom: 0;
}

.tippy-box[data-placement^="top"] > .tippy-arrow:before {
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: top;
  bottom: -7px;
  left: 0;
}

.tippy-box[data-placement^="bottom"] > .tippy-arrow {
  top: 0;
}

.tippy-box[data-placement^="bottom"] > .tippy-arrow:before {
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: bottom;
  top: -7px;
  left: 0;
}

.tippy-box[data-placement^="left"] > .tippy-arrow {
  right: 0;
}

.tippy-box[data-placement^="left"] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  transform-origin: 0;
  right: -7px;
}

.tippy-box[data-placement^="right"] > .tippy-arrow {
  left: 0;
}

.tippy-box[data-placement^="right"] > .tippy-arrow:before {
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: 100%;
  left: -7px;
}

.tippy-box[data-inertia][data-state="visible"] {
  transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11);
}

.tippy-arrow {
  color: #ffc107;
  width: 16px;
  height: 16px;
}

.tippy-arrow:before {
  content: "";
  border-style: solid;
  border-color: #0000;
  position: absolute;
}

.tippy-content {
  z-index: 1;
  padding: 5px 9px;
  position: relative;
}

.opc-autocomplete .opc-input[data-op-type="autocomplete"], .opc-autocomplete .page-checkout .checkout-addresses [data-op-type="autocomplete"].not-editable, .page-checkout .checkout-addresses .opc-autocomplete [data-op-type="autocomplete"].not-editable {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22%3E%3Cpath d%3D%22M24 24H0V0h24v24z%22 fill%3D%22none%22 opacity%3D%22.87%22%2F%3E%3Cpath d%3D%22M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z%22%2F%3E%3C%2Fsvg%3E");
  background-position: calc(100% - 1rem);
  background-repeat: no-repeat;
  background-size: 1.8rem;
  position: relative;
  padding-right: 3.5rem !important;
}

.opc-autocomplete.is-loading .opc-input[data-op-type="autocomplete"], .opc-autocomplete.is-loading .page-checkout .checkout-addresses [data-op-type="autocomplete"].not-editable, .page-checkout .checkout-addresses .opc-autocomplete.is-loading [data-op-type="autocomplete"].not-editable {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 version%3D%221.0%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23999%22 viewBox%3D%220 0 128 128%22 xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3ClinearGradient id%3D%22linear-gradient%22%3E%3Cstop offset%3D%220%25%22 stop-color%3D%22%23ffffff%22%2F%3E%3Cstop offset%3D%22100%25%22 stop-color%3D%22%23000000%22%2F%3E%3C%2FlinearGradient%3E%3Cpath d%3D%22M63.85 0A63.85 63.85 0 1 1 0 63.85 63.85 63.85 0 0 1 63.85 0zm.65 19.5a44 44 0 1 1-44 44 44 44 0 0 1 44-44z%22 fill%3D%22url%28%23linear-gradient%29%22 fill-rule%3D%22evenodd%22%2F%3E%3CanimateTransform attributeName%3D%22transform%22 type%3D%22rotate%22 from%3D%220 64 64%22 to%3D%22360 64 64%22 dur%3D%221080ms%22 repeatCount%3D%22indefinite%22%3E%3C%2FanimateTransform%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.opc-autocomplete .form-field-list {
  border-top: none;
  display: block;
  overflow: hidden;
}

.opc-autocomplete .form-field-list .select-list {
  z-index: 1000;
  box-sizing: border-box;
  max-height: inherit;
  overflow: auto;
}

.opc-autocomplete .form-field-list .select-list li {
  display: flex;
}

.opc-autocomplete .form-field-list .select-list .list-item-image {
  max-width: 100px;
  max-height: 100px;
  padding-right: 1rem;
}

.opc-autocomplete .form-field-list .select-list .list-item-name, .opc-autocomplete .form-field-list .select-list .list-item-description {
  display: block;
}

.opc-autocomplete .form-field-list .select-list .autocomplete-group {
  background: #eee;
}

.opc-autocomplete .form-field-list .select-list .selected, .opc-autocomplete .form-field-list .select-list li:hover:not(.autocomplete-group) {
  cursor: pointer;
  background: #eee;
}

.opc-autocomplete .form-field-list.is-hidden {
  display: none;
}

.opc-autocomplete .autocomplete-highlight {
  color: #313141;
  font-weight: bold;
}

.clearfix {
  clear: both;
  width: 100%;
  display: block;
}

.section-wrapper, .offcanvas-menu-wrapper, .mainnav-wrapper, .topbar-wrapper, .opc-search[data-op-type="fullscreen"] .search-head {
  width: 100%;
  padding-left: 10.6667px;
  padding-right: 10.6667px;
}

@media only screen and (width >= 800px) {
  .section-wrapper, .offcanvas-menu-wrapper, .mainnav-wrapper, .topbar-wrapper, .opc-search[data-op-type="fullscreen"] .search-head {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media only screen and (width >= 1400px) {
  .section-wrapper, .offcanvas-menu-wrapper, .mainnav-wrapper, .topbar-wrapper, .opc-search[data-op-type="fullscreen"] .search-head {
    padding-left: 32px;
    padding-right: 32px;
  }
}

.section-wrapper .section-inner, .offcanvas-menu-wrapper .offcanvas-menu-inner, .mainnav-wrapper .mainnav-inner, .header-wrapper .header-top-inner, .header-wrapper .header-bottom-inner, .header__inner, .topbar-wrapper .topbar-inner {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.is-visuallyhidden {
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  border: 0 !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  position: absolute !important;
}

.spacer, .spacer[data-op-spacer="small"] {
  margin-bottom: 2rem;
}

.spacer[data-op-spacer="medium"] {
  margin-bottom: 3rem;
}

.spacer[data-op-spacer="large"] {
  margin-bottom: 4rem;
}

.loader {
  border: 8px solid #ccc;
  border-top-color: #313141;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: 2s linear infinite spin;
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.fetch-loader-frame {
  opacity: .6;
  z-index: 99999;
  cursor: progress;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: grid;
  position: absolute;
}

.opc-row, .page-checkout .checkout-addresses {
  clear: both;
}

.opc-row:after, .page-checkout .checkout-addresses:after {
  content: " ";
  clear: both;
  display: block;
}

.opc-row, .page-checkout .checkout-addresses {
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.opc-col {
  width: 100%;
  margin-bottom: 2rem;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

[data-op-col="1"] {
  width: 8.33333%;
  max-width: 8.33333%;
}

[data-op-col="2"] {
  width: 16.6667%;
  max-width: 16.6667%;
}

[data-op-col="3"] {
  width: 25%;
  max-width: 25%;
}

[data-op-col="4"] {
  width: 33.3333%;
  max-width: 33.3333%;
}

[data-op-col="5"] {
  width: 41.6667%;
  max-width: 41.6667%;
}

[data-op-col="6"] {
  width: 50%;
  max-width: 50%;
}

[data-op-col="7"] {
  width: 58.3333%;
  max-width: 58.3333%;
}

[data-op-col="8"] {
  width: 66.6667%;
  max-width: 66.6667%;
}

[data-op-col="9"] {
  width: 75%;
  max-width: 75%;
}

[data-op-col="10"] {
  width: 83.3333%;
  max-width: 83.3333%;
}

[data-op-col="11"] {
  width: 91.6667%;
  max-width: 91.6667%;
}

[data-op-col="12"] {
  width: 100%;
  max-width: 100%;
}

@media only screen and (width >= 640px) {
  [data-op-col="12-6-3"] {
    width: 100%;
    max-width: 100%;
  }
}

@media only screen and (width >= 800px) {
  [data-op-col="12-6-3"] {
    width: 50%;
    max-width: 50%;
  }
}

@media only screen and (width >= 1024px) {
  [data-op-col="12-6-3"] {
    width: 25%;
    max-width: 25%;
  }
}

@media only screen and (width >= 640px) {
  [data-op-col="12-6-4"] {
    width: 100%;
    max-width: 100%;
  }
}

@media only screen and (width >= 800px) {
  [data-op-col="12-6-4"] {
    width: 50%;
    max-width: 50%;
  }
}

@media only screen and (width >= 1024px) {
  [data-op-col="12-6-4"] {
    width: 33.3333%;
    max-width: 33.3333%;
  }
}

[data-op-col="12-6"] {
  width: 100%;
}

@media only screen and (width >= 640px) {
  [data-op-col="12-6"] {
    width: 100%;
    max-width: 100%;
  }
}

@media only screen and (width >= 800px) {
  [data-op-col="12-6"] {
    width: 50%;
    max-width: 50%;
  }
}

@media only screen and (width >= 640px) {
  [data-op-col="12-8"] {
    width: 100%;
    max-width: 100%;
  }
}

@media only screen and (width >= 800px) {
  [data-op-col="12-8"] {
    width: 66.6667%;
    max-width: 66.6667%;
  }
}

@media only screen and (width >= 640px) {
  [data-op-col="12-4"] {
    width: 100%;
    max-width: 100%;
  }
}

@media only screen and (width >= 800px) {
  [data-op-col="12-4"] {
    width: 33.3333%;
    max-width: 33.3333%;
  }
}

h1, .h1, .opc-carousel h2 span {
  margin: 0 0 .5em;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 5.5rem;
  font-weight: 800;
  line-height: 1.2;
}

h2, .h2 {
  margin: 0 0 .5em;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 3.4rem;
  font-weight: 800;
  line-height: 1.2;
}

h3, .h3, .basket-modal h2, .opc-category-navigation ul .category-item .category-item-title, .opc-art-spec .art-spec-label {
  margin: 0 0 .5em;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 3rem;
  font-weight: 800;
  line-height: 1.2;
}

h4, .opc-directsearch-suggest h3, .h4, .opc-compare .compare-group-title .group-title-inner, .article-list-item .article-list-item-details .article-list-item-title {
  margin: 0 0 .5em;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 2.3rem;
  font-weight: 800;
  line-height: 1.2;
}

h5, .h5 {
  margin: 0 0 .5em;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 1.2;
}

h6, .h6 {
  margin: 0 0 .5em;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1.2;
}

.lead, .opc-iconbox p {
  margin: 0 0 .5em;
  font-family: Roboto;
  font-size: 2.24rem;
  font-weight: 400;
  line-height: 1.25;
}

p, .copy, .text, .basket-modal .opc-price, .opc-category-navigation ul .category-item .category-item-description, .opc-art-spec .art-spec-data, li {
  margin: 0 0 .5em;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 1.6rem;
  font-weight: 200;
  line-height: 1.5;
}

small, .small {
  margin: 0 0 .5em;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 1.2rem;
  font-weight: 200;
  line-height: 1.5;
}

[class^="op-icon-"], div[class*=" op-icon-"], [class^="opc-icon-"], div[class*=" opc-icon-"], [class="opc-icon"] {
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  width: 1em;
  height: 1em;
  font-size: 1.2em;
  display: inline-block;
}

svg {
  pointer-events: none;
}

svg title {
  display: none !important;
}

a {
  text-decoration: none;
  position: relative;
}

a:link, a:visited {
  color: #313141;
}

a:hover {
  color: #747497;
}

a:active {
  color: #47475e;
}

a[data-op-style="animated"]:after {
  content: "";
  background: #747497;
  height: 2px;
  transition: all .2s ease-in-out .1s;
  position: absolute;
  top: 100%;
  left: 0;
  right: 100%;
}

a[data-op-style="animated"]:hover {
  color: #747497;
}

a[data-op-style="animated"]:hover:after {
  right: 0;
}

.opc-button, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a.is-active, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-compare-button, .opc-favorite-button {
  cursor: pointer;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 1px solid #0000;
  outline: none;
  justify-content: center;
  align-items: center;
  height: 4rem;
  padding: 0 2.5rem;
  font-size: 1.8rem;
  transition: all .2s ease-in-out;
  display: inline-flex;
  overflow: hidden;
}

.opc-button svg, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a.is-active svg, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok svg, .opc-compare-button svg, .opc-favorite-button svg {
  flex-shrink: 0;
  margin-right: .5rem;
  font-size: 1.4em;
}

.opc-button.is-progress, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a.is-progress, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .is-progress.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .is-progress.notifications-ok, .is-progress.opc-compare-button, .is-progress.opc-favorite-button {
  pointer-events: none;
  transform: scale(.8);
}

.opc-button.is-hidden, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a.is-hidden, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .is-hidden.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .is-hidden.notifications-ok, .is-hidden.opc-compare-button, .is-hidden.opc-favorite-button {
  display: none;
}

.opc-button:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:disabled, .opc-compare-button:disabled, .opc-favorite-button:disabled {
  cursor: not-allowed;
  opacity: .65;
}

.opc-button[data-op-style="primary"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].notifications-ok, [data-op-style="primary"].opc-compare-button, [data-op-style="primary"].opc-favorite-button {
  color: #fff;
  background: #fbc50a;
  border-radius: 1px;
}

.opc-button[data-op-style="primary"]:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary"]:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].notifications-ok:hover, [data-op-style="primary"].opc-compare-button:hover, [data-op-style="primary"].opc-favorite-button:hover, .opc-button[data-op-style="primary"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].notifications-ok:focus, [data-op-style="primary"].opc-compare-button:focus, [data-op-style="primary"].opc-favorite-button:focus {
  color: #fff;
  background: #171717;
}

.opc-button[data-op-style="primary"]:hover:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary"]:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].notifications-cancel:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].notifications-ok:hover:disabled, [data-op-style="primary"].opc-compare-button:hover:disabled, [data-op-style="primary"].opc-favorite-button:hover:disabled, .opc-button[data-op-style="primary"]:focus:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary"]:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].notifications-cancel:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].notifications-ok:focus:disabled, [data-op-style="primary"].opc-compare-button:focus:disabled, [data-op-style="primary"].opc-favorite-button:focus:disabled {
  color: #fff;
  background: #fbc50a;
}

.opc-button[data-op-style="primary"][data-op-type="radio"] label, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary"][data-op-type="radio"] label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"][data-op-type="radio"].notifications-cancel label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"][data-op-type="radio"].notifications-ok label, [data-op-style="primary"][data-op-type="radio"].opc-compare-button label, [data-op-style="primary"][data-op-type="radio"].opc-favorite-button label {
  color: #fff;
  background: #fbc50a;
  border-radius: 1px;
}

.opc-button[data-op-style="primary"][data-op-type="radio"] label:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary"][data-op-type="radio"] label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"][data-op-type="radio"].notifications-cancel label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"][data-op-type="radio"].notifications-ok label:hover, [data-op-style="primary"][data-op-type="radio"].opc-compare-button label:hover, [data-op-style="primary"][data-op-type="radio"].opc-favorite-button label:hover, .opc-button[data-op-style="primary"][data-op-type="radio"] label:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary"][data-op-type="radio"] label:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"][data-op-type="radio"].notifications-cancel label:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"][data-op-type="radio"].notifications-ok label:focus, [data-op-style="primary"][data-op-type="radio"].opc-compare-button label:focus, [data-op-style="primary"][data-op-type="radio"].opc-favorite-button label:focus {
  color: #fff;
  background: #171717;
}

.opc-button[data-op-style="primary"][data-op-type="radio"] label:hover:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary"][data-op-type="radio"] label:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"][data-op-type="radio"].notifications-cancel label:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"][data-op-type="radio"].notifications-ok label:hover:disabled, [data-op-style="primary"][data-op-type="radio"].opc-compare-button label:hover:disabled, [data-op-style="primary"][data-op-type="radio"].opc-favorite-button label:hover:disabled, .opc-button[data-op-style="primary"][data-op-type="radio"] label:focus:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary"][data-op-type="radio"] label:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"][data-op-type="radio"].notifications-cancel label:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"][data-op-type="radio"].notifications-ok label:focus:disabled, [data-op-style="primary"][data-op-type="radio"].opc-compare-button label:focus:disabled, [data-op-style="primary"][data-op-type="radio"].opc-favorite-button label:focus:disabled {
  color: #fff;
  background: #fbc50a;
}

.opc-button[data-op-style="primary"].is-progress, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary"].is-progress, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].is-progress.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].is-progress.notifications-ok, [data-op-style="primary"].is-progress.opc-compare-button, [data-op-style="primary"].is-progress.opc-favorite-button {
  background: #e8e9ea !important;
}

.opc-button[data-op-style="primary"].is-success, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary"].is-success, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].is-success.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].is-success.notifications-ok, [data-op-style="primary"].is-success.opc-compare-button, [data-op-style="primary"].is-success.opc-favorite-button {
  background: #127f58 !important;
}

.opc-button[data-op-style="secondary"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-ok, [data-op-style="secondary"].opc-compare-button, [data-op-style="secondary"].opc-favorite-button {
  color: #171717;
  background: #fff;
  border: 1px solid #f2f2f2;
  border-radius: 1px;
}

.opc-button[data-op-style="secondary"]:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary"]:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-ok:hover, [data-op-style="secondary"].opc-compare-button:hover, [data-op-style="secondary"].opc-favorite-button:hover, .opc-button[data-op-style="secondary"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-ok:focus, [data-op-style="secondary"].opc-compare-button:focus, [data-op-style="secondary"].opc-favorite-button:focus {
  color: #c7c7c7;
  background: #c7c7c7;
}

.opc-button[data-op-style="secondary"]:hover:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary"]:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-cancel:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-ok:hover:disabled, [data-op-style="secondary"].opc-compare-button:hover:disabled, [data-op-style="secondary"].opc-favorite-button:hover:disabled, .opc-button[data-op-style="secondary"]:focus:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary"]:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-cancel:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-ok:focus:disabled, [data-op-style="secondary"].opc-compare-button:focus:disabled, [data-op-style="secondary"].opc-favorite-button:focus:disabled {
  color: #171717;
  background: #fff;
}

.opc-button[data-op-style="secondary"].is-progress, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary"].is-progress, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].is-progress.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].is-progress.notifications-ok, [data-op-style="secondary"].is-progress.opc-compare-button, [data-op-style="secondary"].is-progress.opc-favorite-button {
  background: #e8e9ea !important;
}

.opc-button[data-op-style="secondary"].is-success, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary"].is-success, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].is-success.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].is-success.notifications-ok, [data-op-style="secondary"].is-success.opc-compare-button, [data-op-style="secondary"].is-success.opc-favorite-button {
  background: #127f58 !important;
}

.opc-button[data-op-style="loud"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, [data-op-style="loud"].opc-compare-button, [data-op-style="loud"].opc-favorite-button, .opc-button[data-op-style="basket"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="basket"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="basket"].notifications-cancel, [data-op-style="basket"].opc-compare-button, [data-op-style="basket"].opc-favorite-button {
  color: #171717;
  background: #fbc50a;
  border-radius: 1px;
  gap: 8px;
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.opc-button[data-op-style="loud"]:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud"]:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:hover, [data-op-style="loud"].opc-compare-button:hover, [data-op-style="loud"].opc-favorite-button:hover, .opc-button[data-op-style="loud"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:focus, [data-op-style="loud"].opc-compare-button:focus, [data-op-style="loud"].opc-favorite-button:focus, .opc-button[data-op-style="basket"]:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="basket"]:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="basket"].notifications-cancel:hover, [data-op-style="basket"].opc-compare-button:hover, [data-op-style="basket"].opc-favorite-button:hover, .opc-button[data-op-style="basket"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="basket"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="basket"].notifications-cancel:focus, [data-op-style="basket"].opc-compare-button:focus, [data-op-style="basket"].opc-favorite-button:focus {
  color: #fff;
  background: #171717;
}

.opc-button[data-op-style="loud"]:hover:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud"]:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"].notifications-cancel:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:hover:disabled, [data-op-style="loud"].opc-compare-button:hover:disabled, [data-op-style="loud"].opc-favorite-button:hover:disabled, .opc-button[data-op-style="loud"]:focus:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud"]:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"].notifications-cancel:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:focus:disabled, [data-op-style="loud"].opc-compare-button:focus:disabled, [data-op-style="loud"].opc-favorite-button:focus:disabled, .opc-button[data-op-style="basket"]:hover:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="basket"]:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="basket"].notifications-cancel:hover:disabled, [data-op-style="basket"].opc-compare-button:hover:disabled, [data-op-style="basket"].opc-favorite-button:hover:disabled, .opc-button[data-op-style="basket"]:focus:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="basket"]:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="basket"].notifications-cancel:focus:disabled, [data-op-style="basket"].opc-compare-button:focus:disabled, [data-op-style="basket"].opc-favorite-button:focus:disabled {
  color: #fff;
  background: #fbc50a;
}

.opc-button[data-op-style="loud"][data-op-type="radio"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud"][data-op-type="radio"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"][data-op-type="radio"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-ok, [data-op-style="loud"][data-op-type="radio"].opc-compare-button, [data-op-style="loud"][data-op-type="radio"].opc-favorite-button, .opc-button[data-op-style="basket"][data-op-type="radio"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="basket"][data-op-type="radio"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="basket"][data-op-type="radio"].notifications-cancel, [data-op-style="basket"][data-op-type="radio"].opc-compare-button, [data-op-style="basket"][data-op-type="radio"].opc-favorite-button {
  background: none;
  border: none;
}

.opc-button[data-op-style="loud"][data-op-type="radio"] label, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud"][data-op-type="radio"] label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"][data-op-type="radio"].notifications-cancel label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-ok label, [data-op-style="loud"][data-op-type="radio"].opc-compare-button label, [data-op-style="loud"][data-op-type="radio"].opc-favorite-button label, .opc-button[data-op-style="basket"][data-op-type="radio"] label, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="basket"][data-op-type="radio"] label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="basket"][data-op-type="radio"].notifications-cancel label, [data-op-style="basket"][data-op-type="radio"].opc-compare-button label, [data-op-style="basket"][data-op-type="radio"].opc-favorite-button label {
  color: #fff;
  background: #fbc50a;
  border-radius: 1px;
}

.opc-button[data-op-style="loud"][data-op-type="radio"] label:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud"][data-op-type="radio"] label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"][data-op-type="radio"].notifications-cancel label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-ok label:hover, [data-op-style="loud"][data-op-type="radio"].opc-compare-button label:hover, [data-op-style="loud"][data-op-type="radio"].opc-favorite-button label:hover, .opc-button[data-op-style="loud"][data-op-type="radio"] label:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud"][data-op-type="radio"] label:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"][data-op-type="radio"].notifications-cancel label:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-ok label:focus, [data-op-style="loud"][data-op-type="radio"].opc-compare-button label:focus, [data-op-style="loud"][data-op-type="radio"].opc-favorite-button label:focus, .opc-button[data-op-style="basket"][data-op-type="radio"] label:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="basket"][data-op-type="radio"] label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="basket"][data-op-type="radio"].notifications-cancel label:hover, [data-op-style="basket"][data-op-type="radio"].opc-compare-button label:hover, [data-op-style="basket"][data-op-type="radio"].opc-favorite-button label:hover, .opc-button[data-op-style="basket"][data-op-type="radio"] label:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="basket"][data-op-type="radio"] label:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="basket"][data-op-type="radio"].notifications-cancel label:focus, [data-op-style="basket"][data-op-type="radio"].opc-compare-button label:focus, [data-op-style="basket"][data-op-type="radio"].opc-favorite-button label:focus {
  color: #fff;
  background: #171717;
}

.opc-button[data-op-style="loud"][data-op-type="radio"] label:hover:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud"][data-op-type="radio"] label:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"][data-op-type="radio"].notifications-cancel label:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-ok label:hover:disabled, [data-op-style="loud"][data-op-type="radio"].opc-compare-button label:hover:disabled, [data-op-style="loud"][data-op-type="radio"].opc-favorite-button label:hover:disabled, .opc-button[data-op-style="loud"][data-op-type="radio"] label:focus:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud"][data-op-type="radio"] label:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"][data-op-type="radio"].notifications-cancel label:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-ok label:focus:disabled, [data-op-style="loud"][data-op-type="radio"].opc-compare-button label:focus:disabled, [data-op-style="loud"][data-op-type="radio"].opc-favorite-button label:focus:disabled, .opc-button[data-op-style="basket"][data-op-type="radio"] label:hover:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="basket"][data-op-type="radio"] label:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="basket"][data-op-type="radio"].notifications-cancel label:hover:disabled, [data-op-style="basket"][data-op-type="radio"].opc-compare-button label:hover:disabled, [data-op-style="basket"][data-op-type="radio"].opc-favorite-button label:hover:disabled, .opc-button[data-op-style="basket"][data-op-type="radio"] label:focus:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="basket"][data-op-type="radio"] label:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="basket"][data-op-type="radio"].notifications-cancel label:focus:disabled, [data-op-style="basket"][data-op-type="radio"].opc-compare-button label:focus:disabled, [data-op-style="basket"][data-op-type="radio"].opc-favorite-button label:focus:disabled {
  color: #fff;
  background: #fbc50a;
}

.opc-button[data-op-style="loud"].is-progress, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud"].is-progress, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"].is-progress.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .is-progress.notifications-ok, [data-op-style="loud"].is-progress.opc-compare-button, [data-op-style="loud"].is-progress.opc-favorite-button, .opc-button[data-op-style="basket"].is-progress, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="basket"].is-progress, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="basket"].is-progress.notifications-cancel, [data-op-style="basket"].is-progress.opc-compare-button, [data-op-style="basket"].is-progress.opc-favorite-button {
  background: #e8e9ea !important;
}

.opc-button[data-op-style="loud"].is-success, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud"].is-success, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"].is-success.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .is-success.notifications-ok, [data-op-style="loud"].is-success.opc-compare-button, [data-op-style="loud"].is-success.opc-favorite-button, .opc-button[data-op-style="basket"].is-success, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="basket"].is-success, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="basket"].is-success.notifications-cancel, [data-op-style="basket"].is-success.opc-compare-button, [data-op-style="basket"].is-success.opc-favorite-button {
  background: #127f58 !important;
}

.opc-button[data-op-style="primary-lined"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary-lined"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].notifications-ok, [data-op-style="primary-lined"].opc-compare-button, [data-op-style="primary-lined"].opc-favorite-button {
  color: #fbc50a;
  background: none;
  border-color: #fbc50a;
  border-radius: 1px;
}

.opc-button[data-op-style="primary-lined"]:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary-lined"]:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].notifications-ok:hover, [data-op-style="primary-lined"].opc-compare-button:hover, [data-op-style="primary-lined"].opc-favorite-button:hover, .opc-button[data-op-style="primary-lined"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary-lined"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].notifications-ok:focus, [data-op-style="primary-lined"].opc-compare-button:focus, [data-op-style="primary-lined"].opc-favorite-button:focus {
  color: #171717;
  border-color: #171717;
}

.opc-button[data-op-style="primary-lined"]:hover:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary-lined"]:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].notifications-cancel:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].notifications-ok:hover:disabled, [data-op-style="primary-lined"].opc-compare-button:hover:disabled, [data-op-style="primary-lined"].opc-favorite-button:hover:disabled, .opc-button[data-op-style="primary-lined"]:focus:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary-lined"]:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].notifications-cancel:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].notifications-ok:focus:disabled, [data-op-style="primary-lined"].opc-compare-button:focus:disabled, [data-op-style="primary-lined"].opc-favorite-button:focus:disabled {
  color: #fbc50a;
  border-color: #fbc50a;
}

.opc-button[data-op-style="primary-lined"][data-op-type="radio"] label, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary-lined"][data-op-type="radio"] label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"][data-op-type="radio"].notifications-cancel label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"][data-op-type="radio"].notifications-ok label, [data-op-style="primary-lined"][data-op-type="radio"].opc-compare-button label, [data-op-style="primary-lined"][data-op-type="radio"].opc-favorite-button label {
  color: #fbc50a;
  background: none;
  border-color: #fbc50a;
  border-radius: 1px;
}

.opc-button[data-op-style="primary-lined"][data-op-type="radio"] label:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary-lined"][data-op-type="radio"] label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"][data-op-type="radio"].notifications-cancel label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"][data-op-type="radio"].notifications-ok label:hover, [data-op-style="primary-lined"][data-op-type="radio"].opc-compare-button label:hover, [data-op-style="primary-lined"][data-op-type="radio"].opc-favorite-button label:hover, .opc-button[data-op-style="primary-lined"][data-op-type="radio"] label:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary-lined"][data-op-type="radio"] label:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"][data-op-type="radio"].notifications-cancel label:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"][data-op-type="radio"].notifications-ok label:focus, [data-op-style="primary-lined"][data-op-type="radio"].opc-compare-button label:focus, [data-op-style="primary-lined"][data-op-type="radio"].opc-favorite-button label:focus {
  color: #fff;
  background: #fbc50a;
  border-color: #171717;
}

.opc-button[data-op-style="primary-lined"][data-op-type="radio"] label:hover:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary-lined"][data-op-type="radio"] label:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"][data-op-type="radio"].notifications-cancel label:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"][data-op-type="radio"].notifications-ok label:hover:disabled, [data-op-style="primary-lined"][data-op-type="radio"].opc-compare-button label:hover:disabled, [data-op-style="primary-lined"][data-op-type="radio"].opc-favorite-button label:hover:disabled, .opc-button[data-op-style="primary-lined"][data-op-type="radio"] label:focus:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary-lined"][data-op-type="radio"] label:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"][data-op-type="radio"].notifications-cancel label:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"][data-op-type="radio"].notifications-ok label:focus:disabled, [data-op-style="primary-lined"][data-op-type="radio"].opc-compare-button label:focus:disabled, [data-op-style="primary-lined"][data-op-type="radio"].opc-favorite-button label:focus:disabled {
  color: #fbc50a;
  background: none;
  border-color: #fbc50a;
}

.opc-button[data-op-style="primary-lined"][data-op-type="radio"] input:checked + label, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary-lined"][data-op-type="radio"] input:checked + label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"][data-op-type="radio"].notifications-cancel input:checked + label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"][data-op-type="radio"].notifications-ok input:checked + label, [data-op-style="primary-lined"][data-op-type="radio"].opc-compare-button input:checked + label, [data-op-style="primary-lined"][data-op-type="radio"].opc-favorite-button input:checked + label {
  color: #fff;
  background: #fbc50a;
}

.opc-button[data-op-style="primary-lined"].is-progress, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary-lined"].is-progress, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].is-progress.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].is-progress.notifications-ok, [data-op-style="primary-lined"].is-progress.opc-compare-button, [data-op-style="primary-lined"].is-progress.opc-favorite-button {
  color: #e8e9ea !important;
  border-color: #e8e9ea !important;
}

.opc-button[data-op-style="primary-lined"].is-success, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary-lined"].is-success, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].is-success.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].is-success.notifications-ok, [data-op-style="primary-lined"].is-success.opc-compare-button, [data-op-style="primary-lined"].is-success.opc-favorite-button {
  color: #127f58 !important;
  border-color: #127f58 !important;
}

.opc-button[data-op-style="secondary-lined"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary-lined"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].notifications-ok, [data-op-style="secondary-lined"].opc-compare-button, [data-op-style="secondary-lined"].opc-favorite-button {
  background: #fff;
  border-color: #fff;
  border-radius: 1px;
  gap: 8px;
  color: #171717 !important;
  border: 1px solid #2a2a2a !important;
  font-size: 1.6rem !important;
  line-height: 2.4rem !important;
}

.opc-button[data-op-style="secondary-lined"]:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary-lined"]:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].notifications-ok:hover, [data-op-style="secondary-lined"].opc-compare-button:hover, [data-op-style="secondary-lined"].opc-favorite-button:hover, .opc-button[data-op-style="secondary-lined"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary-lined"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].notifications-ok:focus, [data-op-style="secondary-lined"].opc-compare-button:focus, [data-op-style="secondary-lined"].opc-favorite-button:focus {
  color: #c7c7c7;
  border-color: #c7c7c7;
}

.opc-button[data-op-style="secondary-lined"]:hover:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary-lined"]:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].notifications-cancel:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].notifications-ok:hover:disabled, [data-op-style="secondary-lined"].opc-compare-button:hover:disabled, [data-op-style="secondary-lined"].opc-favorite-button:hover:disabled, .opc-button[data-op-style="secondary-lined"]:focus:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary-lined"]:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].notifications-cancel:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].notifications-ok:focus:disabled, [data-op-style="secondary-lined"].opc-compare-button:focus:disabled, [data-op-style="secondary-lined"].opc-favorite-button:focus:disabled {
  color: #171717;
  border-color: #fff;
}

.opc-button[data-op-style="secondary-lined"][data-op-type="radio"] label, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary-lined"][data-op-type="radio"] label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"][data-op-type="radio"].notifications-cancel label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"][data-op-type="radio"].notifications-ok label, [data-op-style="secondary-lined"][data-op-type="radio"].opc-compare-button label, [data-op-style="secondary-lined"][data-op-type="radio"].opc-favorite-button label {
  color: #fff;
  background: none;
  border-color: #fff;
  border-radius: 1px;
}

.opc-button[data-op-style="secondary-lined"][data-op-type="radio"] label:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary-lined"][data-op-type="radio"] label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"][data-op-type="radio"].notifications-cancel label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"][data-op-type="radio"].notifications-ok label:hover, [data-op-style="secondary-lined"][data-op-type="radio"].opc-compare-button label:hover, [data-op-style="secondary-lined"][data-op-type="radio"].opc-favorite-button label:hover, .opc-button[data-op-style="secondary-lined"][data-op-type="radio"] label:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary-lined"][data-op-type="radio"] label:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"][data-op-type="radio"].notifications-cancel label:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"][data-op-type="radio"].notifications-ok label:focus, [data-op-style="secondary-lined"][data-op-type="radio"].opc-compare-button label:focus, [data-op-style="secondary-lined"][data-op-type="radio"].opc-favorite-button label:focus {
  color: #171717;
  background: #fff;
  border-color: #c7c7c7;
}

.opc-button[data-op-style="secondary-lined"][data-op-type="radio"] label:hover:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary-lined"][data-op-type="radio"] label:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"][data-op-type="radio"].notifications-cancel label:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"][data-op-type="radio"].notifications-ok label:hover:disabled, [data-op-style="secondary-lined"][data-op-type="radio"].opc-compare-button label:hover:disabled, [data-op-style="secondary-lined"][data-op-type="radio"].opc-favorite-button label:hover:disabled, .opc-button[data-op-style="secondary-lined"][data-op-type="radio"] label:focus:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary-lined"][data-op-type="radio"] label:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"][data-op-type="radio"].notifications-cancel label:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"][data-op-type="radio"].notifications-ok label:focus:disabled, [data-op-style="secondary-lined"][data-op-type="radio"].opc-compare-button label:focus:disabled, [data-op-style="secondary-lined"][data-op-type="radio"].opc-favorite-button label:focus:disabled {
  color: #fff;
  background: none;
  border-color: #fff;
}

.opc-button[data-op-style="secondary-lined"][data-op-type="radio"] input:checked + label, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary-lined"][data-op-type="radio"] input:checked + label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"][data-op-type="radio"].notifications-cancel input:checked + label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"][data-op-type="radio"].notifications-ok input:checked + label, [data-op-style="secondary-lined"][data-op-type="radio"].opc-compare-button input:checked + label, [data-op-style="secondary-lined"][data-op-type="radio"].opc-favorite-button input:checked + label {
  color: #171717;
  background: #fff;
}

.opc-button[data-op-style="secondary-lined"].is-progress, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary-lined"].is-progress, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].is-progress.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].is-progress.notifications-ok, [data-op-style="secondary-lined"].is-progress.opc-compare-button, [data-op-style="secondary-lined"].is-progress.opc-favorite-button {
  color: #e8e9ea !important;
  border-color: #e8e9ea !important;
}

.opc-button[data-op-style="secondary-lined"].is-success, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary-lined"].is-success, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].is-success.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].is-success.notifications-ok, [data-op-style="secondary-lined"].is-success.opc-compare-button, [data-op-style="secondary-lined"].is-success.opc-favorite-button {
  color: #127f58 !important;
  border-color: #127f58 !important;
}

.opc-button[data-op-style="loud-lined"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud-lined"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a.is-active, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-lined"].notifications-ok, [data-op-style="loud-lined"].opc-compare-button, [data-op-style="loud-lined"].opc-favorite-button {
  color: #fbc50a;
  background: none;
  border-color: #fbc50a;
  border-radius: 1px;
}

.opc-button[data-op-style="loud-lined"]:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud-lined"]:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a.is-active:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-lined"].notifications-ok:hover, [data-op-style="loud-lined"].opc-compare-button:hover, [data-op-style="loud-lined"].opc-favorite-button:hover, .opc-button[data-op-style="loud-lined"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud-lined"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a.is-active:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-lined"].notifications-ok:focus, [data-op-style="loud-lined"].opc-compare-button:focus, [data-op-style="loud-lined"].opc-favorite-button:focus {
  color: #171717;
  border-color: #171717;
}

.opc-button[data-op-style="loud-lined"]:hover:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud-lined"]:hover:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a.is-active:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-lined"].notifications-ok:hover:disabled, [data-op-style="loud-lined"].opc-compare-button:hover:disabled, [data-op-style="loud-lined"].opc-favorite-button:hover:disabled, .opc-button[data-op-style="loud-lined"]:focus:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud-lined"]:focus:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a.is-active:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-lined"].notifications-ok:focus:disabled, [data-op-style="loud-lined"].opc-compare-button:focus:disabled, [data-op-style="loud-lined"].opc-favorite-button:focus:disabled {
  color: #fbc50a;
  border-color: #fbc50a;
}

.opc-button[data-op-style="loud-lined"][data-op-type="radio"] label, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud-lined"][data-op-type="radio"] label, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="radio"].is-active label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-cancel label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-lined"][data-op-type="radio"].notifications-ok label, [data-op-style="loud-lined"][data-op-type="radio"].opc-compare-button label, [data-op-style="loud-lined"][data-op-type="radio"].opc-favorite-button label {
  color: #fbc50a;
  background: none;
  border-color: #fbc50a;
  border-radius: 1px;
}

.opc-button[data-op-style="loud-lined"][data-op-type="radio"] label:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud-lined"][data-op-type="radio"] label:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="radio"].is-active label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-cancel label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-lined"][data-op-type="radio"].notifications-ok label:hover, [data-op-style="loud-lined"][data-op-type="radio"].opc-compare-button label:hover, [data-op-style="loud-lined"][data-op-type="radio"].opc-favorite-button label:hover, .opc-button[data-op-style="loud-lined"][data-op-type="radio"] label:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud-lined"][data-op-type="radio"] label:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="radio"].is-active label:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-cancel label:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-lined"][data-op-type="radio"].notifications-ok label:focus, [data-op-style="loud-lined"][data-op-type="radio"].opc-compare-button label:focus, [data-op-style="loud-lined"][data-op-type="radio"].opc-favorite-button label:focus {
  color: #fff;
  background: #fbc50a;
  border-color: #171717;
}

.opc-button[data-op-style="loud-lined"][data-op-type="radio"] label:hover:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud-lined"][data-op-type="radio"] label:hover:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="radio"].is-active label:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-cancel label:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-lined"][data-op-type="radio"].notifications-ok label:hover:disabled, [data-op-style="loud-lined"][data-op-type="radio"].opc-compare-button label:hover:disabled, [data-op-style="loud-lined"][data-op-type="radio"].opc-favorite-button label:hover:disabled, .opc-button[data-op-style="loud-lined"][data-op-type="radio"] label:focus:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud-lined"][data-op-type="radio"] label:focus:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="radio"].is-active label:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-cancel label:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-lined"][data-op-type="radio"].notifications-ok label:focus:disabled, [data-op-style="loud-lined"][data-op-type="radio"].opc-compare-button label:focus:disabled, [data-op-style="loud-lined"][data-op-type="radio"].opc-favorite-button label:focus:disabled {
  color: #fff;
  background: none;
  border-color: #171717;
}

.opc-button[data-op-style="loud-lined"][data-op-type="radio"] input:checked + label, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud-lined"][data-op-type="radio"] input:checked + label, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="radio"].is-active input:checked + label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-cancel input:checked + label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-lined"][data-op-type="radio"].notifications-ok input:checked + label, [data-op-style="loud-lined"][data-op-type="radio"].opc-compare-button input:checked + label, [data-op-style="loud-lined"][data-op-type="radio"].opc-favorite-button input:checked + label {
  color: #fff;
  background: #fbc50a;
}

.opc-button[data-op-style="loud-lined"].is-progress, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud-lined"].is-progress, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a.is-progress.is-active, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .is-progress.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-lined"].is-progress.notifications-ok, [data-op-style="loud-lined"].is-progress.opc-compare-button, [data-op-style="loud-lined"].is-progress.opc-favorite-button {
  color: #e8e9ea !important;
  border-color: #e8e9ea !important;
}

.opc-button[data-op-style="loud-lined"].is-success, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud-lined"].is-success, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a.is-success.is-active, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .is-success.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-lined"].is-success.notifications-ok, [data-op-style="loud-lined"].is-success.opc-compare-button, [data-op-style="loud-lined"].is-success.opc-favorite-button {
  color: #127f58 !important;
  border-color: #127f58 !important;
}

.opc-button[data-op-style="primary-color"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary-color"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].notifications-ok, [data-op-style="primary-color"].opc-compare-button, [data-op-style="primary-color"].opc-favorite-button {
  color: #fbc50a;
  background: none;
  border-color: #0000;
  border-radius: 0;
}

.opc-button[data-op-style="primary-color"]:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary-color"]:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].notifications-ok:hover, [data-op-style="primary-color"].opc-compare-button:hover, [data-op-style="primary-color"].opc-favorite-button:hover, .opc-button[data-op-style="primary-color"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary-color"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].notifications-ok:focus, [data-op-style="primary-color"].opc-compare-button:focus, [data-op-style="primary-color"].opc-favorite-button:focus {
  color: #171717;
}

.opc-button[data-op-style="primary-color"]:hover:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary-color"]:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].notifications-cancel:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].notifications-ok:hover:disabled, [data-op-style="primary-color"].opc-compare-button:hover:disabled, [data-op-style="primary-color"].opc-favorite-button:hover:disabled, .opc-button[data-op-style="primary-color"]:focus:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary-color"]:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].notifications-cancel:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].notifications-ok:focus:disabled, [data-op-style="primary-color"].opc-compare-button:focus:disabled, [data-op-style="primary-color"].opc-favorite-button:focus:disabled {
  color: #fbc50a;
}

.opc-button[data-op-style="primary-color"].is-progress, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary-color"].is-progress, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].is-progress.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].is-progress.notifications-ok, [data-op-style="primary-color"].is-progress.opc-compare-button, [data-op-style="primary-color"].is-progress.opc-favorite-button {
  color: #e8e9ea !important;
}

.opc-button[data-op-style="primary-color"].is-success, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary-color"].is-success, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].is-success.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].is-success.notifications-ok, [data-op-style="primary-color"].is-success.opc-compare-button, [data-op-style="primary-color"].is-success.opc-favorite-button {
  color: #127f58 !important;
}

.opc-button[data-op-style="secondary-color"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary-color"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-ok, [data-op-style="secondary-color"].opc-compare-button, [data-op-style="secondary-color"].opc-favorite-button {
  color: #fff;
  background: none;
  border-color: #0000;
  border-radius: 0;
}

.opc-button[data-op-style="secondary-color"]:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary-color"]:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-ok:hover, [data-op-style="secondary-color"].opc-compare-button:hover, [data-op-style="secondary-color"].opc-favorite-button:hover, .opc-button[data-op-style="secondary-color"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary-color"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-ok:focus, [data-op-style="secondary-color"].opc-compare-button:focus, [data-op-style="secondary-color"].opc-favorite-button:focus {
  color: #c7c7c7;
}

.opc-button[data-op-style="secondary-color"]:hover:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary-color"]:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-cancel:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-ok:hover:disabled, [data-op-style="secondary-color"].opc-compare-button:hover:disabled, [data-op-style="secondary-color"].opc-favorite-button:hover:disabled, .opc-button[data-op-style="secondary-color"]:focus:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary-color"]:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-cancel:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-ok:focus:disabled, [data-op-style="secondary-color"].opc-compare-button:focus:disabled, [data-op-style="secondary-color"].opc-favorite-button:focus:disabled {
  color: #fff;
}

.opc-button[data-op-style="secondary-color"].is-progress, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary-color"].is-progress, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].is-progress.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].is-progress.notifications-ok, [data-op-style="secondary-color"].is-progress.opc-compare-button, [data-op-style="secondary-color"].is-progress.opc-favorite-button {
  color: #e8e9ea !important;
}

.opc-button[data-op-style="secondary-color"].is-success, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary-color"].is-success, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].is-success.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].is-success.notifications-ok, [data-op-style="secondary-color"].is-success.opc-compare-button, [data-op-style="secondary-color"].is-success.opc-favorite-button {
  color: #127f58 !important;
}

.opc-button[data-op-style="loud-color"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud-color"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].notifications-ok, [data-op-style="loud-color"].opc-compare-button, [data-op-style="loud-color"].opc-favorite-button {
  color: #fbc50a;
  background: none;
  border-color: #0000;
  border-radius: 0;
}

.opc-button[data-op-style="loud-color"]:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud-color"]:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].notifications-ok:hover, [data-op-style="loud-color"].opc-compare-button:hover, [data-op-style="loud-color"].opc-favorite-button:hover, .opc-button[data-op-style="loud-color"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud-color"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].notifications-ok:focus, [data-op-style="loud-color"].opc-compare-button:focus, [data-op-style="loud-color"].opc-favorite-button:focus {
  color: #171717;
}

.opc-button[data-op-style="loud-color"]:hover:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud-color"]:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].notifications-cancel:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].notifications-ok:hover:disabled, [data-op-style="loud-color"].opc-compare-button:hover:disabled, [data-op-style="loud-color"].opc-favorite-button:hover:disabled, .opc-button[data-op-style="loud-color"]:focus:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud-color"]:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].notifications-cancel:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].notifications-ok:focus:disabled, [data-op-style="loud-color"].opc-compare-button:focus:disabled, [data-op-style="loud-color"].opc-favorite-button:focus:disabled {
  color: #fbc50a;
}

.opc-button[data-op-style="loud-color"].is-progress, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud-color"].is-progress, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].is-progress.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].is-progress.notifications-ok, [data-op-style="loud-color"].is-progress.opc-compare-button, [data-op-style="loud-color"].is-progress.opc-favorite-button {
  color: #e8e9ea !important;
}

.opc-button[data-op-style="loud-color"].is-success, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud-color"].is-success, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].is-success.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].is-success.notifications-ok, [data-op-style="loud-color"].is-success.opc-compare-button, [data-op-style="loud-color"].is-success.opc-favorite-button {
  color: #127f58 !important;
}

.opc-button[data-op-type="link"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-ok, [data-op-type="link"].opc-compare-button, [data-op-type="link"].opc-favorite-button {
  background: none;
  padding-left: .625rem;
  padding-right: .625rem;
}

.opc-button[data-op-type="link"]:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"]:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-ok:hover, [data-op-type="link"].opc-compare-button:hover, [data-op-type="link"].opc-favorite-button:hover, .opc-button[data-op-type="link"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-ok:focus, [data-op-type="link"].opc-compare-button:focus, [data-op-type="link"].opc-favorite-button:focus {
  background: none;
}

.opc-button[data-op-type="link"][data-op-style="primary"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"][data-op-style="primary"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary"].notifications-ok, [data-op-type="link"][data-op-style="primary"].opc-compare-button, [data-op-type="link"][data-op-style="primary"].opc-favorite-button, .opc-button[data-op-type="link"][data-op-style="primary-lined"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"][data-op-style="primary-lined"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary-lined"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary-lined"].notifications-ok, [data-op-type="link"][data-op-style="primary-lined"].opc-compare-button, [data-op-type="link"][data-op-style="primary-lined"].opc-favorite-button {
  color: #fbc50a;
}

.opc-button[data-op-type="link"][data-op-style="primary"]:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"][data-op-style="primary"]:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary"].notifications-ok:hover, [data-op-type="link"][data-op-style="primary"].opc-compare-button:hover, [data-op-type="link"][data-op-style="primary"].opc-favorite-button:hover, .opc-button[data-op-type="link"][data-op-style="primary"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"][data-op-style="primary"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary"].notifications-ok:focus, [data-op-type="link"][data-op-style="primary"].opc-compare-button:focus, [data-op-type="link"][data-op-style="primary"].opc-favorite-button:focus, .opc-button[data-op-type="link"][data-op-style="primary-lined"]:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"][data-op-style="primary-lined"]:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary-lined"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary-lined"].notifications-ok:hover, [data-op-type="link"][data-op-style="primary-lined"].opc-compare-button:hover, [data-op-type="link"][data-op-style="primary-lined"].opc-favorite-button:hover, .opc-button[data-op-type="link"][data-op-style="primary-lined"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"][data-op-style="primary-lined"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary-lined"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary-lined"].notifications-ok:focus, [data-op-type="link"][data-op-style="primary-lined"].opc-compare-button:focus, [data-op-type="link"][data-op-style="primary-lined"].opc-favorite-button:focus {
  color: #171717;
}

.opc-button[data-op-type="link"][data-op-style="primary"]:hover:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"][data-op-style="primary"]:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary"].notifications-cancel:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary"].notifications-ok:hover:disabled, [data-op-type="link"][data-op-style="primary"].opc-compare-button:hover:disabled, [data-op-type="link"][data-op-style="primary"].opc-favorite-button:hover:disabled, .opc-button[data-op-type="link"][data-op-style="primary"]:focus:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"][data-op-style="primary"]:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary"].notifications-cancel:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary"].notifications-ok:focus:disabled, [data-op-type="link"][data-op-style="primary"].opc-compare-button:focus:disabled, [data-op-type="link"][data-op-style="primary"].opc-favorite-button:focus:disabled, .opc-button[data-op-type="link"][data-op-style="primary-lined"]:hover:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"][data-op-style="primary-lined"]:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary-lined"].notifications-cancel:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary-lined"].notifications-ok:hover:disabled, [data-op-type="link"][data-op-style="primary-lined"].opc-compare-button:hover:disabled, [data-op-type="link"][data-op-style="primary-lined"].opc-favorite-button:hover:disabled, .opc-button[data-op-type="link"][data-op-style="primary-lined"]:focus:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"][data-op-style="primary-lined"]:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary-lined"].notifications-cancel:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary-lined"].notifications-ok:focus:disabled, [data-op-type="link"][data-op-style="primary-lined"].opc-compare-button:focus:disabled, [data-op-type="link"][data-op-style="primary-lined"].opc-favorite-button:focus:disabled {
  color: #fbc50a;
}

.opc-button[data-op-type="link"][data-op-style="secondary"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"][data-op-style="secondary"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary"].notifications-ok, [data-op-type="link"][data-op-style="secondary"].opc-compare-button, [data-op-type="link"][data-op-style="secondary"].opc-favorite-button, .opc-button[data-op-type="link"][data-op-style="secondary-lined"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"][data-op-style="secondary-lined"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary-lined"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary-lined"].notifications-ok, [data-op-type="link"][data-op-style="secondary-lined"].opc-compare-button, [data-op-type="link"][data-op-style="secondary-lined"].opc-favorite-button {
  color: #fff;
}

.opc-button[data-op-type="link"][data-op-style="secondary"]:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"][data-op-style="secondary"]:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary"].notifications-ok:hover, [data-op-type="link"][data-op-style="secondary"].opc-compare-button:hover, [data-op-type="link"][data-op-style="secondary"].opc-favorite-button:hover, .opc-button[data-op-type="link"][data-op-style="secondary"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"][data-op-style="secondary"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary"].notifications-ok:focus, [data-op-type="link"][data-op-style="secondary"].opc-compare-button:focus, [data-op-type="link"][data-op-style="secondary"].opc-favorite-button:focus, .opc-button[data-op-type="link"][data-op-style="secondary-lined"]:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"][data-op-style="secondary-lined"]:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary-lined"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary-lined"].notifications-ok:hover, [data-op-type="link"][data-op-style="secondary-lined"].opc-compare-button:hover, [data-op-type="link"][data-op-style="secondary-lined"].opc-favorite-button:hover, .opc-button[data-op-type="link"][data-op-style="secondary-lined"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"][data-op-style="secondary-lined"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary-lined"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary-lined"].notifications-ok:focus, [data-op-type="link"][data-op-style="secondary-lined"].opc-compare-button:focus, [data-op-type="link"][data-op-style="secondary-lined"].opc-favorite-button:focus {
  color: #c7c7c7;
}

.opc-button[data-op-type="link"][data-op-style="secondary"]:hover:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"][data-op-style="secondary"]:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary"].notifications-cancel:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary"].notifications-ok:hover:disabled, [data-op-type="link"][data-op-style="secondary"].opc-compare-button:hover:disabled, [data-op-type="link"][data-op-style="secondary"].opc-favorite-button:hover:disabled, .opc-button[data-op-type="link"][data-op-style="secondary"]:focus:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"][data-op-style="secondary"]:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary"].notifications-cancel:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary"].notifications-ok:focus:disabled, [data-op-type="link"][data-op-style="secondary"].opc-compare-button:focus:disabled, [data-op-type="link"][data-op-style="secondary"].opc-favorite-button:focus:disabled, .opc-button[data-op-type="link"][data-op-style="secondary-lined"]:hover:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"][data-op-style="secondary-lined"]:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary-lined"].notifications-cancel:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary-lined"].notifications-ok:hover:disabled, [data-op-type="link"][data-op-style="secondary-lined"].opc-compare-button:hover:disabled, [data-op-type="link"][data-op-style="secondary-lined"].opc-favorite-button:hover:disabled, .opc-button[data-op-type="link"][data-op-style="secondary-lined"]:focus:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"][data-op-style="secondary-lined"]:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary-lined"].notifications-cancel:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary-lined"].notifications-ok:focus:disabled, [data-op-type="link"][data-op-style="secondary-lined"].opc-compare-button:focus:disabled, [data-op-type="link"][data-op-style="secondary-lined"].opc-favorite-button:focus:disabled {
  color: #fff;
}

.opc-button[data-op-type="link"][data-op-style="loud"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"][data-op-style="loud"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-ok, [data-op-type="link"][data-op-style="loud"].opc-compare-button, [data-op-type="link"][data-op-style="loud"].opc-favorite-button, .opc-button[data-op-type="link"][data-op-style="loud-lined"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"][data-op-style="loud-lined"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"].is-active, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-cancel, [data-op-type="link"][data-op-style="loud-lined"].opc-compare-button, [data-op-type="link"][data-op-style="loud-lined"].opc-favorite-button {
  color: #fbc50a;
}

.opc-button[data-op-type="link"][data-op-style="loud"]:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"][data-op-style="loud"]:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-ok:hover, [data-op-type="link"][data-op-style="loud"].opc-compare-button:hover, [data-op-type="link"][data-op-style="loud"].opc-favorite-button:hover, .opc-button[data-op-type="link"][data-op-style="loud"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"][data-op-style="loud"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-ok:focus, [data-op-type="link"][data-op-style="loud"].opc-compare-button:focus, [data-op-type="link"][data-op-style="loud"].opc-favorite-button:focus, .opc-button[data-op-type="link"][data-op-style="loud-lined"]:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"][data-op-style="loud-lined"]:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"].is-active:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-cancel:hover, [data-op-type="link"][data-op-style="loud-lined"].opc-compare-button:hover, [data-op-type="link"][data-op-style="loud-lined"].opc-favorite-button:hover, .opc-button[data-op-type="link"][data-op-style="loud-lined"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"][data-op-style="loud-lined"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"].is-active:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-cancel:focus, [data-op-type="link"][data-op-style="loud-lined"].opc-compare-button:focus, [data-op-type="link"][data-op-style="loud-lined"].opc-favorite-button:focus {
  color: #171717;
}

.opc-button[data-op-type="link"][data-op-style="loud"]:hover:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"][data-op-style="loud"]:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-ok:hover:disabled, [data-op-type="link"][data-op-style="loud"].opc-compare-button:hover:disabled, [data-op-type="link"][data-op-style="loud"].opc-favorite-button:hover:disabled, .opc-button[data-op-type="link"][data-op-style="loud"]:focus:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"][data-op-style="loud"]:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-ok:focus:disabled, [data-op-type="link"][data-op-style="loud"].opc-compare-button:focus:disabled, [data-op-type="link"][data-op-style="loud"].opc-favorite-button:focus:disabled, .opc-button[data-op-type="link"][data-op-style="loud-lined"]:hover:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"][data-op-style="loud-lined"]:hover:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"].is-active:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-cancel:hover:disabled, [data-op-type="link"][data-op-style="loud-lined"].opc-compare-button:hover:disabled, [data-op-type="link"][data-op-style="loud-lined"].opc-favorite-button:hover:disabled, .opc-button[data-op-type="link"][data-op-style="loud-lined"]:focus:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"][data-op-style="loud-lined"]:focus:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="link"].is-active:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-cancel:focus:disabled, [data-op-type="link"][data-op-style="loud-lined"].opc-compare-button:focus:disabled, [data-op-type="link"][data-op-style="loud-lined"].opc-favorite-button:focus:disabled {
  color: #fbc50a;
}

.opc-button[data-op-type="text"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="text"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="text"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="text"].notifications-ok, [data-op-type="text"].opc-compare-button, [data-op-type="text"].opc-favorite-button {
  margin: 0 1rem 0 0;
}

.opc-button[data-op-type="text"] i, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="text"] i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="text"].notifications-cancel i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="text"].notifications-ok i, [data-op-type="text"].opc-compare-button i, [data-op-type="text"].opc-favorite-button i, .opc-button[data-op-type="text"] svg, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="text"] svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="text"].notifications-cancel svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="text"].notifications-ok svg, [data-op-type="text"].opc-compare-button svg, [data-op-type="text"].opc-favorite-button svg {
  display: none;
}

.opc-button[data-op-type="icon"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="icon"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="icon"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="icon"].notifications-ok, [data-op-type="icon"].opc-compare-button, [data-op-type="icon"].opc-favorite-button {
  text-align: center;
  vertical-align: middle;
  flex-shrink: 0;
  position: relative;
  overflow: visible;
  padding-left: .5rem !important;
  padding-right: .5rem !important;
}

.opc-button[data-op-type="icon"] i, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="icon"] i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="icon"].notifications-cancel i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="icon"].notifications-ok i, [data-op-type="icon"].opc-compare-button i, [data-op-type="icon"].opc-favorite-button i, .opc-button[data-op-type="icon"] svg, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="icon"] svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="icon"].notifications-cancel svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="icon"].notifications-ok svg, [data-op-type="icon"].opc-compare-button svg, [data-op-type="icon"].opc-favorite-button svg {
  vertical-align: middle;
  font-size: 1.4em;
  margin: 0 !important;
}

.opc-button[data-op-type="icon"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="icon"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="icon"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="icon"].notifications-ok:focus, [data-op-type="icon"].opc-compare-button:focus, [data-op-type="icon"].opc-favorite-button:focus {
  outline: none;
}

.opc-button[data-op-type="icon"] span, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="icon"] span, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="icon"].notifications-cancel span, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="icon"].notifications-ok span, [data-op-type="icon"].opc-compare-button span, [data-op-type="icon"].opc-favorite-button span {
  display: none;
}

.opc-button[data-op-type="radio"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="radio"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-ok, [data-op-type="radio"].opc-compare-button, [data-op-type="radio"].opc-favorite-button {
  background: none;
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

.opc-button[data-op-type="radio"] label, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="radio"] label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-cancel label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-ok label, [data-op-type="radio"].opc-compare-button label, [data-op-type="radio"].opc-favorite-button label {
  border: 1px solid #0000;
  height: 100%;
  line-height: 1;
  border-radius: 0 !important;
}

.opc-button[data-op-type="radio"] label:before, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="radio"] label:before, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-cancel label:before, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-ok label:before, [data-op-type="radio"].opc-compare-button label:before, [data-op-type="radio"].opc-favorite-button label:before, .opc-button[data-op-type="radio"] label:after, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-type="radio"] label:after, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-cancel label:after, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-ok label:after, [data-op-type="radio"].opc-compare-button label:after, [data-op-type="radio"].opc-favorite-button label:after {
  display: none;
}

.opc-button[data-op-size="tiny"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="tiny"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"].notifications-ok, [data-op-size="tiny"].opc-compare-button, [data-op-size="tiny"].opc-favorite-button {
  height: 2.6rem;
  padding: 0 1rem;
  font-size: 1.4rem;
}

.opc-button[data-op-size="tiny"][data-op-type="link"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="tiny"][data-op-type="link"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"][data-op-type="link"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"][data-op-type="link"].notifications-ok, [data-op-size="tiny"][data-op-type="link"].opc-compare-button, [data-op-size="tiny"][data-op-type="link"].opc-favorite-button {
  padding-left: .25rem;
  padding-right: .25rem;
}

.opc-button[data-op-size="tiny"] i, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="tiny"] i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"].notifications-cancel i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"].notifications-ok i, [data-op-size="tiny"].opc-compare-button i, [data-op-size="tiny"].opc-favorite-button i {
  margin-right: .5rem;
}

.opc-button[data-op-size="tiny"][data-op-type="icon"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="tiny"][data-op-type="icon"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"][data-op-type="icon"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"][data-op-type="icon"].notifications-ok, [data-op-size="tiny"][data-op-type="icon"].opc-compare-button, [data-op-size="tiny"][data-op-type="icon"].opc-favorite-button {
  width: 2.6rem;
}

.opc-button[data-op-size="tiny"][data-op-type="radio"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="tiny"][data-op-type="radio"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"][data-op-type="radio"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"][data-op-type="radio"].notifications-ok, [data-op-size="tiny"][data-op-type="radio"].opc-compare-button, [data-op-size="tiny"][data-op-type="radio"].opc-favorite-button {
  height: auto;
  padding: 0;
  line-height: 1;
}

.opc-button[data-op-size="tiny"][data-op-type="radio"] label, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="tiny"][data-op-type="radio"] label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"][data-op-type="radio"].notifications-cancel label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"][data-op-type="radio"].notifications-ok label, [data-op-size="tiny"][data-op-type="radio"].opc-compare-button label, [data-op-size="tiny"][data-op-type="radio"].opc-favorite-button label {
  height: 2.6rem;
  padding: 0 1rem;
  line-height: 2.6rem;
}

.opc-button[data-op-size="small"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="small"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"].notifications-ok, [data-op-size="small"].opc-compare-button, [data-op-size="small"].opc-favorite-button {
  height: 3.2rem;
  padding: 0 1.5rem;
  font-size: 1.8rem;
}

.opc-button[data-op-size="small"][data-op-type="link"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="small"][data-op-type="link"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"][data-op-type="link"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"][data-op-type="link"].notifications-ok, [data-op-size="small"][data-op-type="link"].opc-compare-button, [data-op-size="small"][data-op-type="link"].opc-favorite-button {
  padding-left: .375rem;
  padding-right: .375rem;
}

.opc-button[data-op-size="small"] i, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="small"] i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"].notifications-cancel i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"].notifications-ok i, [data-op-size="small"].opc-compare-button i, [data-op-size="small"].opc-favorite-button i {
  margin-right: .75rem;
}

.opc-button[data-op-size="small"][data-op-type="icon"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="small"][data-op-type="icon"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"][data-op-type="icon"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"][data-op-type="icon"].notifications-ok, [data-op-size="small"][data-op-type="icon"].opc-compare-button, [data-op-size="small"][data-op-type="icon"].opc-favorite-button {
  width: 3.2rem;
}

.opc-button[data-op-size="small"][data-op-type="radio"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="small"][data-op-type="radio"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"][data-op-type="radio"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"][data-op-type="radio"].notifications-ok, [data-op-size="small"][data-op-type="radio"].opc-compare-button, [data-op-size="small"][data-op-type="radio"].opc-favorite-button {
  height: auto;
  padding: 0;
  line-height: 1;
}

.opc-button[data-op-size="small"][data-op-type="radio"] label, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="small"][data-op-type="radio"] label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"][data-op-type="radio"].notifications-cancel label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"][data-op-type="radio"].notifications-ok label, [data-op-size="small"][data-op-type="radio"].opc-compare-button label, [data-op-size="small"][data-op-type="radio"].opc-favorite-button label {
  height: 3.2rem;
  padding: 0 1.5rem;
  line-height: 3.2rem;
}

.opc-button[data-op-size="medium"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="medium"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"].notifications-ok, [data-op-size="medium"].opc-compare-button, [data-op-size="medium"].opc-favorite-button {
  height: 4rem;
  padding: 0 2.5rem;
  font-size: 1.8rem;
}

.opc-button[data-op-size="medium"][data-op-type="link"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="medium"][data-op-type="link"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"][data-op-type="link"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"][data-op-type="link"].notifications-ok, [data-op-size="medium"][data-op-type="link"].opc-compare-button, [data-op-size="medium"][data-op-type="link"].opc-favorite-button {
  padding-left: .625rem;
  padding-right: .625rem;
}

.opc-button[data-op-size="medium"] i, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="medium"] i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"].notifications-cancel i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"].notifications-ok i, [data-op-size="medium"].opc-compare-button i, [data-op-size="medium"].opc-favorite-button i {
  margin-right: 1.25rem;
}

.opc-button[data-op-size="medium"][data-op-type="icon"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="medium"][data-op-type="icon"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"][data-op-type="icon"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"][data-op-type="icon"].notifications-ok, [data-op-size="medium"][data-op-type="icon"].opc-compare-button, [data-op-size="medium"][data-op-type="icon"].opc-favorite-button {
  width: 4rem;
}

.opc-button[data-op-size="medium"][data-op-type="radio"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="medium"][data-op-type="radio"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"][data-op-type="radio"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"][data-op-type="radio"].notifications-ok, [data-op-size="medium"][data-op-type="radio"].opc-compare-button, [data-op-size="medium"][data-op-type="radio"].opc-favorite-button {
  height: auto;
  padding: 0;
  line-height: 1;
}

.opc-button[data-op-size="medium"][data-op-type="radio"] label, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="medium"][data-op-type="radio"] label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"][data-op-type="radio"].notifications-cancel label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"][data-op-type="radio"].notifications-ok label, [data-op-size="medium"][data-op-type="radio"].opc-compare-button label, [data-op-size="medium"][data-op-type="radio"].opc-favorite-button label {
  height: 4rem;
  padding: 0 2.5rem;
  line-height: 4rem;
}

.opc-button[data-op-size="normal"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="normal"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"].notifications-ok, [data-op-size="normal"].opc-compare-button, [data-op-size="normal"].opc-favorite-button {
  height: 4rem;
  padding: 0 2.5rem;
  font-size: 1.8rem;
}

.opc-button[data-op-size="normal"][data-op-type="link"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="normal"][data-op-type="link"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"][data-op-type="link"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"][data-op-type="link"].notifications-ok, [data-op-size="normal"][data-op-type="link"].opc-compare-button, [data-op-size="normal"][data-op-type="link"].opc-favorite-button {
  padding-left: .625rem;
  padding-right: .625rem;
}

.opc-button[data-op-size="normal"] i, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="normal"] i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"].notifications-cancel i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"].notifications-ok i, [data-op-size="normal"].opc-compare-button i, [data-op-size="normal"].opc-favorite-button i {
  margin-right: 1.25rem;
}

.opc-button[data-op-size="normal"][data-op-type="icon"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="normal"][data-op-type="icon"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"][data-op-type="icon"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"][data-op-type="icon"].notifications-ok, [data-op-size="normal"][data-op-type="icon"].opc-compare-button, [data-op-size="normal"][data-op-type="icon"].opc-favorite-button {
  width: 4rem;
}

.opc-button[data-op-size="normal"][data-op-type="radio"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="normal"][data-op-type="radio"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"][data-op-type="radio"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"][data-op-type="radio"].notifications-ok, [data-op-size="normal"][data-op-type="radio"].opc-compare-button, [data-op-size="normal"][data-op-type="radio"].opc-favorite-button {
  height: auto;
  padding: 0;
  line-height: 1;
}

.opc-button[data-op-size="normal"][data-op-type="radio"] label, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="normal"][data-op-type="radio"] label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"][data-op-type="radio"].notifications-cancel label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"][data-op-type="radio"].notifications-ok label, [data-op-size="normal"][data-op-type="radio"].opc-compare-button label, [data-op-size="normal"][data-op-type="radio"].opc-favorite-button label {
  height: 4rem;
  padding: 0 2.5rem;
  line-height: 4rem;
}

.opc-button[data-op-size="large"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="large"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"].notifications-ok, [data-op-size="large"].opc-compare-button, [data-op-size="large"].opc-favorite-button {
  height: 5rem;
  padding: 0 3.5rem;
  font-size: 2.3rem;
}

.opc-button[data-op-size="large"][data-op-type="link"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="large"][data-op-type="link"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"][data-op-type="link"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"][data-op-type="link"].notifications-ok, [data-op-size="large"][data-op-type="link"].opc-compare-button, [data-op-size="large"][data-op-type="link"].opc-favorite-button {
  padding-left: .875rem;
  padding-right: .875rem;
}

.opc-button[data-op-size="large"] i, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="large"] i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"].notifications-cancel i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"].notifications-ok i, [data-op-size="large"].opc-compare-button i, [data-op-size="large"].opc-favorite-button i {
  margin-right: 1.75rem;
}

.opc-button[data-op-size="large"][data-op-type="icon"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="large"][data-op-type="icon"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"][data-op-type="icon"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"][data-op-type="icon"].notifications-ok, [data-op-size="large"][data-op-type="icon"].opc-compare-button, [data-op-size="large"][data-op-type="icon"].opc-favorite-button {
  width: 5rem;
}

.opc-button[data-op-size="large"][data-op-type="radio"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="large"][data-op-type="radio"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"][data-op-type="radio"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"][data-op-type="radio"].notifications-ok, [data-op-size="large"][data-op-type="radio"].opc-compare-button, [data-op-size="large"][data-op-type="radio"].opc-favorite-button {
  height: auto;
  padding: 0;
  line-height: 1;
}

.opc-button[data-op-size="large"][data-op-type="radio"] label, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="large"][data-op-type="radio"] label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"][data-op-type="radio"].notifications-cancel label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"][data-op-type="radio"].notifications-ok label, [data-op-size="large"][data-op-type="radio"].opc-compare-button label, [data-op-size="large"][data-op-type="radio"].opc-favorite-button label {
  height: 5rem;
  padding: 0 3.5rem;
  line-height: 5rem;
}

.opc-button[data-op-size="huge"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="huge"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"].notifications-ok, [data-op-size="huge"].opc-compare-button, [data-op-size="huge"].opc-favorite-button {
  height: 6rem;
  padding: 0 4rem;
  font-size: 2.8rem;
}

.opc-button[data-op-size="huge"][data-op-type="link"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="huge"][data-op-type="link"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"][data-op-type="link"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"][data-op-type="link"].notifications-ok, [data-op-size="huge"][data-op-type="link"].opc-compare-button, [data-op-size="huge"][data-op-type="link"].opc-favorite-button {
  padding-left: 1rem;
  padding-right: 1rem;
}

.opc-button[data-op-size="huge"] i, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="huge"] i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"].notifications-cancel i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"].notifications-ok i, [data-op-size="huge"].opc-compare-button i, [data-op-size="huge"].opc-favorite-button i {
  margin-right: 2rem;
}

.opc-button[data-op-size="huge"][data-op-type="icon"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="huge"][data-op-type="icon"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"][data-op-type="icon"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"][data-op-type="icon"].notifications-ok, [data-op-size="huge"][data-op-type="icon"].opc-compare-button, [data-op-size="huge"][data-op-type="icon"].opc-favorite-button {
  width: 6rem;
}

.opc-button[data-op-size="huge"][data-op-type="radio"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="huge"][data-op-type="radio"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"][data-op-type="radio"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"][data-op-type="radio"].notifications-ok, [data-op-size="huge"][data-op-type="radio"].opc-compare-button, [data-op-size="huge"][data-op-type="radio"].opc-favorite-button {
  height: auto;
  padding: 0;
  line-height: 1;
}

.opc-button[data-op-size="huge"][data-op-type="radio"] label, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="huge"][data-op-type="radio"] label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"][data-op-type="radio"].notifications-cancel label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"][data-op-type="radio"].notifications-ok label, [data-op-size="huge"][data-op-type="radio"].opc-compare-button label, [data-op-size="huge"][data-op-type="radio"].opc-favorite-button label {
  height: 6rem;
  padding: 0 4rem;
  line-height: 6rem;
}

.opc-button-wrapper {
  width: 100%;
  margin-bottom: 2rem;
  display: flex;
}

.opc-button-wrapper[data-op-align="left"] {
  justify-content: flex-start;
}

.opc-button-wrapper[data-op-align="right"] {
  justify-content: flex-end;
}

.opc-button-wrapper[data-op-align="right"] .opc-button, .opc-button-wrapper[data-op-align="right"] .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-button-wrapper[data-op-align="right"] a, .opc-button-wrapper[data-op-align="right"] .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-button-wrapper[data-op-align="right"] .notifications-cancel, .opc-button-wrapper[data-op-align="right"] .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-button-wrapper[data-op-align="right"] .notifications-ok, .opc-button-wrapper[data-op-align="right"] .opc-compare-button, .opc-button-wrapper[data-op-align="right"] .opc-favorite-button {
  margin-left: 1rem;
}

.opc-button-wrapper[data-op-align="center"] {
  justify-content: center;
}

label {
  margin-bottom: .5rem;
  display: inline-block;
}

.opc-radio {
  margin-right: 2rem;
  display: inline-block;
  position: relative;
}

.opc-radio label {
  cursor: pointer;
  vertical-align: top;
  margin-bottom: 0;
  padding-left: 3rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
  position: relative;
}

.opc-radio label:before {
  content: "";
  background: #fff;
  border: 1px solid #f2f2f2;
  border-radius: 2rem;
  width: 2rem;
  height: 2rem;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.opc-radio label:after {
  content: "";
  opacity: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23333%22%3E%3Cpath style%3D%22 %22 d%3D%22M 28.28125 6.28125 L 11 23.5625 L 3.71875 16.28125 L 2.28125 17.71875 L 10.28125 25.71875 L 11 26.40625 L 11.71875 25.71875 L 29.71875 7.71875 Z %22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.6rem;
  border: 1px solid #0000;
  width: 2rem;
  height: 2rem;
  transition: all .5s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(0) rotate(-360deg);
}

.opc-radio label.error:before, .opc-radio label.error:after {
  display: none;
}

.opc-radio label:hover:before {
  background: #fff;
  border: 1px solid #e6e6e6;
}

.opc-radio label:focus:before {
  background: #fff;
  border: 1px solid #e8e9ea;
}

.opc-radio input[type="radio"] {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.opc-radio input[type="radio"]:checked + label:before {
  background: #fff;
  border: 1px solid #ccc;
}

.opc-radio input[type="radio"]:checked + label:after {
  opacity: 1;
  transform: translateY(0) rotate(0);
}

.opc-radio input[type="radio"]:focus + label:before {
  background: #fff;
  border: 1px solid #e8e9ea;
}

.opc-radio input[type="radio"]:disabled + label {
  cursor: not-allowed;
  opacity: .65;
}

.opc-radio input[type="radio"]:disabled + label:after {
  opacity: 1;
  background-image: none;
  border-radius: 50%;
  background-color: #eee !important;
}

.opc-radio input[type="radio"]:disabled:checked + label:after {
  opacity: 1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23333%22%3E%3Cpath style%3D%22 %22 d%3D%22M 28.28125 6.28125 L 11 23.5625 L 3.71875 16.28125 L 2.28125 17.71875 L 10.28125 25.71875 L 11 26.40625 L 11.71875 25.71875 L 29.71875 7.71875 Z %22%2F%3E%3C%2Fsvg%3E");
}

.opc-boolean label {
  visibility: hidden;
  z-index: -1;
  position: relative;
  top: 0;
  left: 0;
}

.opc-boolean label .buttonbackground {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 1.1875rem;
  width: 4.75rem;
  height: 2.375rem;
  transition: background-color .2s;
  display: inline-block;
  position: relative;
}

.opc-boolean label .buttonbackground .buttonslider {
  background: #ddd;
  border-radius: 50%;
  width: 2.1375rem;
  height: 2.1375rem;
  transition: all .2s;
  display: block;
  position: absolute;
  top: 2.1375rem;
  left: 0;
  transform: translateY(-2.1375rem);
}

.opc-boolean input[id$="TRUE"] ~ label:hover, .opc-boolean input[id$="FALSE"] ~ label:hover {
  cursor: pointer;
}

.opc-boolean input[id$="TRUE"]:focus ~ label .buttonbackground, .opc-boolean input[id$="FALSE"]:focus ~ label .buttonbackground {
  background: #fff;
  outline: none;
  border: 1px solid #e8e9ea !important;
}

.opc-boolean input[id$="TRUE"][type="radio"] {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.opc-boolean input[id$="TRUE"][type="radio"]:disabled ~ label {
  opacity: .65;
}

.opc-boolean input[id$="TRUE"][type="radio"]:disabled ~ label .buttonbackground {
  filter: grayscale(.75);
}

.opc-boolean input[id$="TRUE"][type="radio"]:disabled ~ label:hover {
  cursor: not-allowed;
}

.opc-boolean input[id$="TRUE"][type="radio"]:checked ~ label[for$="FALSE"] {
  visibility: visible;
  z-index: auto;
}

.opc-boolean input[id$="TRUE"][type="radio"]:checked ~ label[for$="FALSE"] .buttonbackground {
  background-color: #313141;
  border: 1px solid #313141;
}

.opc-boolean input[id$="TRUE"][type="radio"]:checked ~ label[for$="FALSE"] .buttonbackground .buttonslider {
  left: 100%;
  transform: translateX(-2.1375rem) translateY(-2.1375rem);
}

.opc-boolean input[id$="TRUE"][type="radio"]:checked ~ label[for$="TRUE"] {
  visibility: hidden;
  opacity: 0;
  position: absolute;
}

.opc-boolean input[id$="TRUE"][type="radio"]:checked ~ label[for$="TRUE"] .buttonslider {
  left: 100%;
  transform: translateX(-2.1375rem) translateY(-2.1375rem);
}

.opc-boolean input[id$="FALSE"][type="radio"] {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.opc-boolean input[id$="FALSE"][type="radio"]:disabled ~ label:hover {
  cursor: not-allowed;
}

.opc-boolean input[id$="FALSE"][type="radio"]:checked ~ label[for$="TRUE"] {
  visibility: visible;
  z-index: auto;
}

.opc-boolean input[id$="FALSE"][type="radio"]:checked ~ label[for$="TRUE"] .buttonbackground {
  background-color: #fff;
  border: 1px solid #ccc;
}

.opc-boolean input[id$="FALSE"][type="radio"]:checked ~ label[for$="TRUE"] .buttonbackground .buttonslider {
  left: 0;
}

.opc-boolean input[id$="FALSE"][type="radio"]:checked ~ label[for$="FALSE"] {
  visibility: hidden;
  opacity: 0;
  position: absolute;
}

.opc-boolean input[id$="FALSE"][type="radio"]:checked ~ label[for$="FALSE"] .buttonslider {
  left: 0;
}

.opc-boolean input[id$="FALSE"][type="radio"]:not(:checked) + input[id$="TRUE"][type="radio"]:not(:checked) ~ label[for$="TRUE"] {
  visibility: visible;
  z-index: auto;
  position: absolute;
}

.opc-boolean input[id$="FALSE"][type="radio"]:not(:checked) + input[id$="TRUE"][type="radio"]:not(:checked) ~ label[for$="TRUE"] .buttonbackground {
  background-color: #fff;
  border: 1px solid #ccc;
}

.opc-boolean input[id$="FALSE"][type="radio"]:not(:checked) + input[id$="TRUE"][type="radio"]:not(:checked) ~ label[for$="TRUE"] .buttonbackground .buttonslider {
  left: 0;
}

.opc-checkbox {
  margin-right: 2rem;
  display: inline-block;
  position: relative;
}

.opc-checkbox label {
  cursor: pointer;
  vertical-align: top;
  margin-bottom: 0;
  padding-left: 3rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
  position: relative;
}

.opc-checkbox label:before {
  content: "";
  background: #fff;
  border: 1px solid #f2f2f2;
  border-radius: .5rem;
  width: 2rem;
  height: 2rem;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.opc-checkbox label:after {
  content: "";
  opacity: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23333%22%3E%3Cpath style%3D%22 %22 d%3D%22M 28.28125 6.28125 L 11 23.5625 L 3.71875 16.28125 L 2.28125 17.71875 L 10.28125 25.71875 L 11 26.40625 L 11.71875 25.71875 L 29.71875 7.71875 Z %22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.6rem;
  border: 1px solid #0000;
  width: 2rem;
  height: 2rem;
  transition: all .5s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(0) rotate(-360deg);
}

.opc-checkbox label.error:before, .opc-checkbox label.error:after {
  display: none;
}

.opc-checkbox label:hover:before {
  background: #fff;
  border: 1px solid #e6e6e6;
}

.opc-checkbox label:focus:before {
  background: #fff;
  border: 1px solid #e8e9ea;
}

.opc-checkbox input[type="checkbox"] {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

.opc-checkbox input[type="checkbox"]:checked + label:before {
  background: #fff;
  border: 1px solid #ccc;
}

.opc-checkbox input[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: translateY(0) rotate(0);
}

.opc-checkbox input[type="checkbox"]:disabled + label {
  cursor: not-allowed;
  opacity: .65;
}

.opc-checkbox input[type="checkbox"]:disabled + label:after {
  cursor: not-allowed;
  opacity: .65;
  background-image: none;
  border-radius: 20%;
  background-color: #eee !important;
}

.opc-checkbox input[type="checkbox"]:disabled:checked + label:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23333%22%3E%3Cpath style%3D%22 %22 d%3D%22M 28.28125 6.28125 L 11 23.5625 L 3.71875 16.28125 L 2.28125 17.71875 L 10.28125 25.71875 L 11 26.40625 L 11.71875 25.71875 L 29.71875 7.71875 Z %22%2F%3E%3C%2Fsvg%3E");
}

.opc-time, .opc-date {
  position: relative;
}

.opc-time .daterangepicker-input:read-only, .opc-time .flatpickr-input:read-only, .opc-date .daterangepicker-input:read-only, .opc-date .flatpickr-input:read-only {
  cursor: pointer;
  background: initial;
  opacity: initial;
}

.opc-time .daterangepicker-input:disabled, .opc-time .flatpickr-input:disabled, .opc-date .daterangepicker-input:disabled, .opc-date .flatpickr-input:disabled {
  cursor: not-allowed;
  opacity: .65;
  background: #eee !important;
}

.opc-time .daterangepicker-input + .daterangepicker-calendar.open, .opc-time .daterangepicker-input + .flatpickr-calendar.open, .opc-time .flatpickr-input + .daterangepicker-calendar.open, .opc-time .flatpickr-input + .flatpickr-calendar.open, .opc-date .daterangepicker-input + .daterangepicker-calendar.open, .opc-date .daterangepicker-input + .flatpickr-calendar.open, .opc-date .flatpickr-input + .daterangepicker-calendar.open, .opc-date .flatpickr-input + .flatpickr-calendar.open {
  min-width: 250px;
  max-width: 100%;
  position: absolute;
  top: 4rem;
  left: 0;
}

.opc-time .daterangepicker-input[data-op-size="tiny"] + .daterangepicker-calendar.open, .opc-time .daterangepicker-input[data-op-size="tiny"] + .flatpickr-calendar.open, .opc-time .flatpickr-input[data-op-size="tiny"] + .daterangepicker-calendar.open, .opc-time .flatpickr-input[data-op-size="tiny"] + .flatpickr-calendar.open, .opc-date .daterangepicker-input[data-op-size="tiny"] + .daterangepicker-calendar.open, .opc-date .daterangepicker-input[data-op-size="tiny"] + .flatpickr-calendar.open, .opc-date .flatpickr-input[data-op-size="tiny"] + .daterangepicker-calendar.open, .opc-date .flatpickr-input[data-op-size="tiny"] + .flatpickr-calendar.open {
  position: absolute;
  top: 2.6rem;
  left: 0;
}

.opc-time .daterangepicker-input[data-op-size="small"] + .daterangepicker-calendar.open, .opc-time .daterangepicker-input[data-op-size="small"] + .flatpickr-calendar.open, .opc-time .flatpickr-input[data-op-size="small"] + .daterangepicker-calendar.open, .opc-time .flatpickr-input[data-op-size="small"] + .flatpickr-calendar.open, .opc-date .daterangepicker-input[data-op-size="small"] + .daterangepicker-calendar.open, .opc-date .daterangepicker-input[data-op-size="small"] + .flatpickr-calendar.open, .opc-date .flatpickr-input[data-op-size="small"] + .daterangepicker-calendar.open, .opc-date .flatpickr-input[data-op-size="small"] + .flatpickr-calendar.open {
  position: absolute;
  top: 3.2rem;
  left: 0;
}

.opc-time .daterangepicker-input[data-op-size="medium"] + .daterangepicker-calendar.open, .opc-time .daterangepicker-input[data-op-size="medium"] + .flatpickr-calendar.open, .opc-time .flatpickr-input[data-op-size="medium"] + .daterangepicker-calendar.open, .opc-time .flatpickr-input[data-op-size="medium"] + .flatpickr-calendar.open, .opc-date .daterangepicker-input[data-op-size="medium"] + .daterangepicker-calendar.open, .opc-date .daterangepicker-input[data-op-size="medium"] + .flatpickr-calendar.open, .opc-date .flatpickr-input[data-op-size="medium"] + .daterangepicker-calendar.open, .opc-date .flatpickr-input[data-op-size="medium"] + .flatpickr-calendar.open {
  position: absolute;
  top: 4rem;
  left: 0;
}

.opc-time .daterangepicker-input[data-op-size="large"] + .daterangepicker-calendar.open, .opc-time .daterangepicker-input[data-op-size="large"] + .flatpickr-calendar.open, .opc-time .flatpickr-input[data-op-size="large"] + .daterangepicker-calendar.open, .opc-time .flatpickr-input[data-op-size="large"] + .flatpickr-calendar.open, .opc-date .daterangepicker-input[data-op-size="large"] + .daterangepicker-calendar.open, .opc-date .daterangepicker-input[data-op-size="large"] + .flatpickr-calendar.open, .opc-date .flatpickr-input[data-op-size="large"] + .daterangepicker-calendar.open, .opc-date .flatpickr-input[data-op-size="large"] + .flatpickr-calendar.open {
  position: absolute;
  top: 5rem;
  left: 0;
}

.opc-time .daterangepicker-input[data-op-size="huge"] + .daterangepicker-calendar.open, .opc-time .daterangepicker-input[data-op-size="huge"] + .flatpickr-calendar.open, .opc-time .flatpickr-input[data-op-size="huge"] + .daterangepicker-calendar.open, .opc-time .flatpickr-input[data-op-size="huge"] + .flatpickr-calendar.open, .opc-date .daterangepicker-input[data-op-size="huge"] + .daterangepicker-calendar.open, .opc-date .daterangepicker-input[data-op-size="huge"] + .flatpickr-calendar.open, .opc-date .flatpickr-input[data-op-size="huge"] + .daterangepicker-calendar.open, .opc-date .flatpickr-input[data-op-size="huge"] + .flatpickr-calendar.open {
  position: absolute;
  top: 6rem;
  left: 0;
}

.opc-input, .page-checkout .checkout-addresses .not-editable, .opc-textarea {
  background: #fff;
  border: 1px solid #f2f2f2;
  height: 4rem;
  padding: 0 1.25rem;
  font-family: sans-serif;
  font-size: 1.8rem;
  line-height: 4rem;
}

.opc-input::-ms-expand {
  display: none;
}

.page-checkout .checkout-addresses .not-editable::-ms-expand {
  display: none;
}

.opc-textarea::-ms-expand {
  display: none;
}

.opc-input::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.page-checkout .checkout-addresses .not-editable::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.opc-textarea::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.opc-input:disabled, .page-checkout .checkout-addresses .not-editable:disabled, .opc-input:read-only, .page-checkout .checkout-addresses .not-editable:read-only, .opc-textarea:disabled, .opc-textarea:read-only {
  cursor: not-allowed;
  opacity: .65;
  background: #eee !important;
}

.opc-input:hover, .page-checkout .checkout-addresses .not-editable:hover, .opc-textarea:hover {
  background: #fff;
  border: 1px solid #e6e6e6;
}

.opc-input:focus, .page-checkout .checkout-addresses .not-editable:focus, .opc-textarea:focus {
  background: #fff;
  border: 1px solid #e8e9ea;
  outline: none;
}

.is-invalid .opc-input, .is-invalid .page-checkout .checkout-addresses .not-editable, .page-checkout .checkout-addresses .is-invalid .not-editable, .opc-input.is-invalid, .page-checkout .checkout-addresses .is-invalid.not-editable, .is-invalid .opc-textarea, .opc-textarea.is-invalid {
  color: #c12121;
  border: 1px solid #c12121;
}

.is-valid .opc-input, .is-valid .page-checkout .checkout-addresses .not-editable, .page-checkout .checkout-addresses .is-valid .not-editable, .opc-input.is-valid, .page-checkout .checkout-addresses .is-valid.not-editable, .is-valid .opc-textarea, .opc-textarea.is-valid {
  color: #127f58;
  border: 1px solid #127f58;
}

.opc-textarea {
  height: auto;
  padding: 1.25rem;
  line-height: 1.4;
}

.opc-select, .page-account #change-addr-form .opc-form-field.language select, .opc-compare .compare-row .compare-label select, .article-list-menu .article-list-sort select, .opc-basket-button .basket-button-dim-variants {
  color: #f2f2f2;
  appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22%3E%3Cpath d%3D%22M24 24H0V0h24v24z%22 fill%3D%22none%22 opacity%3D%22.87%22%2F%3E%3Cpath d%3D%22M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z%22%2F%3E%3C%2Fsvg%3E");
  background-position: calc(100% - 1rem);
  background-repeat: no-repeat;
  background-size: 1.8rem;
  border: 1px solid #2a2a2a;
  border-radius: 1px;
  height: 4rem;
  font-family: sans-serif;
  padding: 0 3.5rem 0 12px !important;
  font-size: 1.6rem !important;
  line-height: 2.4rem !important;
}

.opc-select::-ms-expand {
  display: none;
}

.page-account #change-addr-form .opc-form-field.language select::-ms-expand {
  display: none;
}

.opc-compare .compare-row .compare-label select::-ms-expand {
  display: none;
}

.opc-basket-button .basket-button-dim-variants::-ms-expand {
  display: none;
}

.opc-select::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.page-account #change-addr-form .opc-form-field.language select::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.opc-compare .compare-row .compare-label select::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.article-list-menu .article-list-sort select::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.opc-basket-button .basket-button-dim-variants::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.opc-select:disabled, .page-account #change-addr-form .opc-form-field.language select:disabled, .opc-compare .compare-row .compare-label select:disabled, .article-list-menu .article-list-sort select:disabled, .opc-basket-button .basket-button-dim-variants:disabled {
  cursor: not-allowed;
  opacity: .65;
  background: #eee !important;
}

.opc-select:hover, .page-account #change-addr-form .opc-form-field.language select:hover, .opc-compare .compare-row .compare-label select:hover, .article-list-menu .article-list-sort select:hover, .opc-basket-button .basket-button-dim-variants:hover {
  background-color: #fff;
  border: 1px solid #e6e6e6;
}

.opc-select:focus, .page-account #change-addr-form .opc-form-field.language select:focus, .opc-compare .compare-row .compare-label select:focus, .article-list-menu .article-list-sort select:focus, .opc-basket-button .basket-button-dim-variants:focus {
  background-color: #fff;
  border: 1px solid #e8e9ea;
}

.opc-select:focus-visible, .page-account #change-addr-form .opc-form-field.language select:focus-visible, .opc-compare .compare-row .compare-label select:focus-visible, .article-list-menu .article-list-sort select:focus-visible, .opc-basket-button .basket-button-dim-variants:focus-visible {
  outline: unset;
}

.is-invalid .opc-select, .is-invalid .page-account #change-addr-form .opc-form-field.language select, .page-account #change-addr-form .opc-form-field.language .is-invalid select, .is-invalid .opc-compare .compare-row .compare-label select, .opc-compare .compare-row .compare-label .is-invalid select, .is-invalid .article-list-menu .article-list-sort select, .article-list-menu .article-list-sort .is-invalid select, .is-invalid .opc-basket-button .basket-button-dim-variants, .opc-basket-button .is-invalid .basket-button-dim-variants, .opc-select.is-invalid, .page-account #change-addr-form .opc-form-field.language select.is-invalid, .opc-compare .compare-row .compare-label select.is-invalid, .article-list-menu .article-list-sort select.is-invalid, .opc-basket-button .is-invalid.basket-button-dim-variants {
  color: #c12121;
  border: 1px solid #c12121;
}

.is-valid .opc-select, .is-valid .page-account #change-addr-form .opc-form-field.language select, .page-account #change-addr-form .opc-form-field.language .is-valid select, .is-valid .opc-compare .compare-row .compare-label select, .opc-compare .compare-row .compare-label .is-valid select, .is-valid .article-list-menu .article-list-sort select, .article-list-menu .article-list-sort .is-valid select, .is-valid .opc-basket-button .basket-button-dim-variants, .opc-basket-button .is-valid .basket-button-dim-variants, .opc-select.is-valid, .page-account #change-addr-form .opc-form-field.language select.is-valid, .opc-compare .compare-row .compare-label select.is-valid, .article-list-menu .article-list-sort select.is-valid, .opc-basket-button .is-valid.basket-button-dim-variants {
  color: #127f58;
  border: 1px solid #127f58;
}

.opc-dropzone:hover {
  background: #fff;
  border: 1px solid #e6e6e6;
}

.opc-dropzone:focus {
  background: #fff;
  border: 1px solid #e8e9ea;
  outline: none;
}

.is-invalid .opc-dropzone, .opc-dropzone.is-invalid {
  color: #c12121;
  border: 1px solid #c12121;
}

.is-valid .opc-dropzone, .opc-dropzone.is-valid {
  color: #127f58;
  border: 1px solid #127f58 !important;
}

.is-invalid .opc-wysiwyg, .opc-wysiwyg.is-invalid {
  color: #c12121;
  border: 1px solid #c12121;
}

.opc-input[data-op-size="tiny"], .page-checkout .checkout-addresses [data-op-size="tiny"].not-editable, .opc-select[data-op-size="tiny"], .page-account #change-addr-form .opc-form-field.language select[data-op-size="tiny"], .opc-compare .compare-row .compare-label select[data-op-size="tiny"], .article-list-menu .article-list-sort select[data-op-size="tiny"], .opc-basket-button [data-op-size="tiny"].basket-button-dim-variants {
  height: 2.6rem;
  padding: 0 .5rem;
  font-size: 1.4rem;
  line-height: 2.6rem;
}

.opc-input[data-op-size="small"], .page-checkout .checkout-addresses [data-op-size="small"].not-editable, .opc-select[data-op-size="small"], .page-account #change-addr-form .opc-form-field.language select[data-op-size="small"], .opc-compare .compare-row .compare-label select[data-op-size="small"], .article-list-menu .article-list-sort select[data-op-size="small"], .opc-basket-button [data-op-size="small"].basket-button-dim-variants {
  height: 3.2rem;
  padding: 0 .75rem;
  font-size: 1.8rem;
  line-height: 3.2rem;
}

.opc-input[data-op-size="medium"], .page-checkout .checkout-addresses [data-op-size="medium"].not-editable, .opc-select[data-op-size="medium"], .page-account #change-addr-form .opc-form-field.language select[data-op-size="medium"], .opc-compare .compare-row .compare-label select[data-op-size="medium"], .article-list-menu .article-list-sort select[data-op-size="medium"], .opc-basket-button [data-op-size="medium"].basket-button-dim-variants {
  height: 4rem;
  padding: 0 1.25rem;
  font-size: 1.8rem;
  line-height: 4rem;
}

.opc-input[data-op-size="large"], .page-checkout .checkout-addresses [data-op-size="large"].not-editable, .opc-select[data-op-size="large"], .page-account #change-addr-form .opc-form-field.language select[data-op-size="large"], .opc-compare .compare-row .compare-label select[data-op-size="large"], .article-list-menu .article-list-sort select[data-op-size="large"], .opc-basket-button [data-op-size="large"].basket-button-dim-variants {
  height: 5rem;
  padding: 0 1.75rem;
  font-size: 2.3rem;
  line-height: 5rem;
}

.opc-input[data-op-size="huge"], .page-checkout .checkout-addresses [data-op-size="huge"].not-editable, .opc-select[data-op-size="huge"], .page-account #change-addr-form .opc-form-field.language select[data-op-size="huge"], .opc-compare .compare-row .compare-label select[data-op-size="huge"], .article-list-menu .article-list-sort select[data-op-size="huge"], .opc-basket-button [data-op-size="huge"].basket-button-dim-variants {
  height: 6rem;
  padding: 0 2rem;
  font-size: 2.8rem;
  line-height: 6rem;
}

.opc-form-field {
  margin-bottom: 2rem;
}

.opc-form-field .form-field-label {
  color: #000;
  font-family: inherit;
  font-weight: 600;
  display: block;
}

.opc-form-field .form-field-element {
  width: 100%;
  position: relative;
}

.opc-form-field .form-field-element input[type="text"], .opc-form-field .form-field-element input[type="password"], .opc-form-field .form-field-element input[type="email"], .opc-form-field .form-field-element input[type="number"], .opc-form-field .form-field-element input[type="tel"], .opc-form-field .form-field-element input[type="search"], .opc-form-field .form-field-element input[type="url"], .opc-form-field .form-field-element input[type="date"], .opc-form-field .form-field-element textarea {
  width: 100%;
}

.opc-form-field .form-field-element input[type="text"]::-ms-expand {
  display: none;
}

.opc-form-field .form-field-element input[type="password"]::-ms-expand {
  display: none;
}

.opc-form-field .form-field-element input[type="email"]::-ms-expand {
  display: none;
}

.opc-form-field .form-field-element input[type="number"]::-ms-expand {
  display: none;
}

.opc-form-field .form-field-element input[type="tel"]::-ms-expand {
  display: none;
}

.opc-form-field .form-field-element input[type="search"]::-ms-expand {
  display: none;
}

.opc-form-field .form-field-element input[type="url"]::-ms-expand {
  display: none;
}

.opc-form-field .form-field-element input[type="date"]::-ms-expand {
  display: none;
}

.opc-form-field .form-field-element textarea::-ms-expand {
  display: none;
}

.opc-form-field .form-field-element input[type="text"]::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.opc-form-field .form-field-element input[type="password"]::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.opc-form-field .form-field-element input[type="email"]::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.opc-form-field .form-field-element input[type="number"]::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.opc-form-field .form-field-element input[type="tel"]::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.opc-form-field .form-field-element input[type="search"]::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.opc-form-field .form-field-element input[type="url"]::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.opc-form-field .form-field-element input[type="date"]::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.opc-form-field .form-field-element textarea::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.opc-form-field .form-field-element select, .opc-form-field .form-field-element option {
  width: 100%;
}

.opc-form-field .form-field-element select::-ms-expand {
  display: none;
}

.opc-form-field .form-field-element option::-ms-expand {
  display: none;
}

.opc-form-field .form-field-element select::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.opc-form-field .form-field-element option::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.opc-form-field .form-field-element input[type="date"]::-webkit-inner-spin-button {
  display: none;
}

.opc-form-field .form-field-note {
  color: #0006;
  font-size: 1.2rem;
}

.opc-form-field[data-op-label="hidden"] > label {
  display: none;
}

.opc-form-field[data-op-label="top"] > label {
  margin-bottom: .5rem;
}

.opc-form-field[data-op-label="left"] {
  flex-wrap: wrap;
  display: flex;
}

.opc-form-field[data-op-label="left"] > label {
  flex-shrink: 0;
  align-items: center;
  width: 10rem;
  margin-bottom: 0;
  display: flex;
}

.opc-form-field[data-op-label="left"] > .form-field-element {
  flex-shrink: 0;
  width: calc(100% - 10rem);
}

.opc-form-field[data-op-label="left"] > .form-field-note, .opc-form-field[data-op-label="left"] > .form-field-error {
  margin-left: 10rem;
}

.opc-form-field[data-op-label="material"] {
  position: relative;
}

.opc-form-field[data-op-label="material"] > label {
  z-index: 2;
  cursor: text;
  pointer-events: none;
  align-items: center;
  width: 100%;
  height: 2.4rem;
  margin-bottom: 0;
  padding: .2rem 1.25rem;
  transition: all .2s ease-in-out;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(1.3rem);
}

.opc-form-field[data-op-label="material"] > .form-field-element {
  background: #fff;
  border: none;
  border-bottom: 1px solid #ccc;
  flex-shrink: 0;
}

.opc-form-field[data-op-label="material"] > .form-field-element:before {
  content: "";
  background: #999;
  height: 3px;
  transition: transform .2s ease-in-out;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transform: scaleX(0);
}

.opc-form-field[data-op-label="material"] > .form-field-element input[type="text"], .opc-form-field[data-op-label="material"] > .form-field-element input[type="password"], .opc-form-field[data-op-label="material"] > .form-field-element input[type="email"], .opc-form-field[data-op-label="material"] > .form-field-element input[type="number"], .opc-form-field[data-op-label="material"] > .form-field-element input[type="tel"], .opc-form-field[data-op-label="material"] > .form-field-element input[type="search"], .opc-form-field[data-op-label="material"] > .form-field-element input[type="url"], .opc-form-field[data-op-label="material"] > .form-field-element input[type="date"], .opc-form-field[data-op-label="material"] > .form-field-element select {
  opacity: 0;
  background: none;
  border: none;
  outline: none;
  height: 5rem;
  transition: opacity .2s ease-in-out;
  padding-top: 1.25rem !important;
}

.opc-form-field[data-op-label="material"] > .form-field-element textarea {
  opacity: 0;
  background: none;
  border: none;
  outline: none;
  height: auto;
  min-height: 5rem;
  margin-top: 2rem;
  padding-top: 0;
}

.opc-form-field[data-op-label="material"] > .form-field-note {
  margin-top: .4rem;
  margin-left: 1.25rem;
}

.opc-form-field[data-op-label="material"] > .form-field-error {
  margin-left: 1.25rem;
}

.opc-form-field[data-op-label="material"].is-materialized > label {
  pointer-events: none;
  font-size: .75em;
  transform: translateY(0);
}

.opc-form-field[data-op-label="material"].is-materialized > .form-field-element input[type="text"], .opc-form-field[data-op-label="material"].is-materialized > .form-field-element input[type="password"], .opc-form-field[data-op-label="material"].is-materialized > .form-field-element input[type="email"], .opc-form-field[data-op-label="material"].is-materialized > .form-field-element input[type="number"], .opc-form-field[data-op-label="material"].is-materialized > .form-field-element input[type="tel"], .opc-form-field[data-op-label="material"].is-materialized > .form-field-element input[type="search"], .opc-form-field[data-op-label="material"].is-materialized > .form-field-element input[type="url"], .opc-form-field[data-op-label="material"].is-materialized > .form-field-element input[type="date"], .opc-form-field[data-op-label="material"].is-materialized > .form-field-element select, .opc-form-field[data-op-label="material"].is-materialized > .form-field-element textarea {
  opacity: 1;
}

.opc-form-field[data-op-label="material"].is-materialized > .form-field-element:before {
  transform: scaleX(1);
}

.opc-form-field[data-op-label="material"].is-invalid > label {
  color: #c12121;
}

.opc-form-field[data-op-label="material"].is-invalid > .form-field-element {
  border-color: #c12121;
}

.opc-form-field[data-op-label="material"].is-invalid > .form-field-element:before {
  background: #c12121;
}

.opc-form-field .ff-error, .opc-form-field .form-field-error {
  color: #c12121;
  margin: 0;
  padding: .5rem 0;
  font-size: 1.2rem;
}

.opc-form-field[data-op-size="tiny"] .form-field-element input[type="text"], .opc-form-field[data-op-size="tiny"] .form-field-element input[type="password"], .opc-form-field[data-op-size="tiny"] .form-field-element input[type="email"], .opc-form-field[data-op-size="tiny"] .form-field-element input[type="number"], .opc-form-field[data-op-size="tiny"] .form-field-element input[type="tel"], .opc-form-field[data-op-size="tiny"] .form-field-element input[type="search"], .opc-form-field[data-op-size="tiny"] .form-field-element input[type="url"], .opc-form-field[data-op-size="tiny"] .form-field-element input[type="date"], .opc-form-field[data-op-size="tiny"] .form-field-element select, .opc-form-field[data-op-size="tiny"] .form-field-element textarea {
  width: 100%;
  height: 2.6rem;
  padding: 0 .5rem;
  font-size: 1.4rem;
  line-height: 2.6rem;
}

.opc-form-field[data-op-size="tiny"][data-op-label="left"] .form-field-label {
  height: 2.6rem;
  padding: 0 .5rem;
  font-size: 1.4rem;
  line-height: 2.6rem;
}

.opc-form-field[data-op-size="small"] .form-field-element input[type="text"], .opc-form-field[data-op-size="small"] .form-field-element input[type="password"], .opc-form-field[data-op-size="small"] .form-field-element input[type="email"], .opc-form-field[data-op-size="small"] .form-field-element input[type="number"], .opc-form-field[data-op-size="small"] .form-field-element input[type="tel"], .opc-form-field[data-op-size="small"] .form-field-element input[type="search"], .opc-form-field[data-op-size="small"] .form-field-element input[type="url"], .opc-form-field[data-op-size="small"] .form-field-element input[type="date"], .opc-form-field[data-op-size="small"] .form-field-element select, .opc-form-field[data-op-size="small"] .form-field-element textarea {
  width: 100%;
  height: 3.2rem;
  padding: 0 .75rem;
  font-size: 1.8rem;
  line-height: 3.2rem;
}

.opc-form-field[data-op-size="small"][data-op-label="left"] .form-field-label {
  height: 3.2rem;
  padding: 0 .75rem;
  font-size: 1.8rem;
  line-height: 3.2rem;
}

.opc-form-field[data-op-size="medium"] .form-field-element input[type="text"], .opc-form-field[data-op-size="medium"] .form-field-element input[type="password"], .opc-form-field[data-op-size="medium"] .form-field-element input[type="email"], .opc-form-field[data-op-size="medium"] .form-field-element input[type="number"], .opc-form-field[data-op-size="medium"] .form-field-element input[type="tel"], .opc-form-field[data-op-size="medium"] .form-field-element input[type="search"], .opc-form-field[data-op-size="medium"] .form-field-element input[type="url"], .opc-form-field[data-op-size="medium"] .form-field-element input[type="date"], .opc-form-field[data-op-size="medium"] .form-field-element select, .opc-form-field[data-op-size="medium"] .form-field-element textarea {
  width: 100%;
  height: 4rem;
  padding: 0 1.25rem;
  font-size: 1.8rem;
  line-height: 4rem;
}

.opc-form-field[data-op-size="medium"][data-op-label="left"] .form-field-label {
  height: 4rem;
  padding: 0 1.25rem;
  font-size: 1.8rem;
  line-height: 4rem;
}

.opc-form-field[data-op-size="normal"] .form-field-element input[type="text"], .opc-form-field[data-op-size="normal"] .form-field-element input[type="password"], .opc-form-field[data-op-size="normal"] .form-field-element input[type="email"], .opc-form-field[data-op-size="normal"] .form-field-element input[type="number"], .opc-form-field[data-op-size="normal"] .form-field-element input[type="tel"], .opc-form-field[data-op-size="normal"] .form-field-element input[type="search"], .opc-form-field[data-op-size="normal"] .form-field-element input[type="url"], .opc-form-field[data-op-size="normal"] .form-field-element input[type="date"], .opc-form-field[data-op-size="normal"] .form-field-element select, .opc-form-field[data-op-size="normal"] .form-field-element textarea {
  width: 100%;
  height: 4rem;
  padding: 0 1.25rem;
  font-size: 1.8rem;
  line-height: 4rem;
}

.opc-form-field[data-op-size="normal"][data-op-label="left"] .form-field-label {
  height: 4rem;
  padding: 0 1.25rem;
  font-size: 1.8rem;
  line-height: 4rem;
}

.opc-form-field[data-op-size="large"] .form-field-element input[type="text"], .opc-form-field[data-op-size="large"] .form-field-element input[type="password"], .opc-form-field[data-op-size="large"] .form-field-element input[type="email"], .opc-form-field[data-op-size="large"] .form-field-element input[type="number"], .opc-form-field[data-op-size="large"] .form-field-element input[type="tel"], .opc-form-field[data-op-size="large"] .form-field-element input[type="search"], .opc-form-field[data-op-size="large"] .form-field-element input[type="url"], .opc-form-field[data-op-size="large"] .form-field-element input[type="date"], .opc-form-field[data-op-size="large"] .form-field-element select, .opc-form-field[data-op-size="large"] .form-field-element textarea {
  width: 100%;
  height: 5rem;
  padding: 0 1.75rem;
  font-size: 2.3rem;
  line-height: 5rem;
}

.opc-form-field[data-op-size="large"][data-op-label="left"] .form-field-label {
  height: 5rem;
  padding: 0 1.75rem;
  font-size: 2.3rem;
  line-height: 5rem;
}

.opc-form-field[data-op-size="huge"] .form-field-element input[type="text"], .opc-form-field[data-op-size="huge"] .form-field-element input[type="password"], .opc-form-field[data-op-size="huge"] .form-field-element input[type="email"], .opc-form-field[data-op-size="huge"] .form-field-element input[type="number"], .opc-form-field[data-op-size="huge"] .form-field-element input[type="tel"], .opc-form-field[data-op-size="huge"] .form-field-element input[type="search"], .opc-form-field[data-op-size="huge"] .form-field-element input[type="url"], .opc-form-field[data-op-size="huge"] .form-field-element input[type="date"], .opc-form-field[data-op-size="huge"] .form-field-element select, .opc-form-field[data-op-size="huge"] .form-field-element textarea {
  width: 100%;
  height: 6rem;
  padding: 0 2rem;
  font-size: 2.8rem;
  line-height: 6rem;
}

.opc-form-field[data-op-size="huge"][data-op-label="left"] .form-field-label {
  height: 6rem;
  padding: 0 2rem;
  font-size: 2.8rem;
  line-height: 6rem;
}

.opc-form-field[data-op-addon] .form-field-element {
  padding-right: 4rem;
  position: relative;
}

.opc-form-field[data-op-addon] .form-field-element .form-field-element-addon {
  background: #fff;
  border: 1px solid #f2f2f2;
  border-left: none;
  justify-content: center;
  align-items: center;
  width: 4rem;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.opc-form-field[data-op-addon] .form-field-element .form-field-element-addon .opc-button, .opc-form-field[data-op-addon] .form-field-element .form-field-element-addon .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-form-field[data-op-addon] .form-field-element .form-field-element-addon a, .opc-form-field[data-op-addon] .form-field-element .form-field-element-addon .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-form-field[data-op-addon] .form-field-element .form-field-element-addon .notifications-cancel, .opc-form-field[data-op-addon] .form-field-element .form-field-element-addon .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-form-field[data-op-addon] .form-field-element .form-field-element-addon .notifications-ok, .opc-form-field[data-op-addon] .form-field-element .form-field-element-addon .opc-compare-button, .opc-form-field[data-op-addon] .form-field-element .form-field-element-addon .opc-favorite-button {
  margin: 0;
}

.opc-form-field[data-op-addon] .form-field-element .form-field-element-addon svg {
  font-size: 1.4em;
}

.pwd-strength {
  margin-top: 1rem;
  margin-bottom: 2rem;
  padding-left: 2rem;
}

.pwd-strength ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pwd-strength ul li {
  grid-template-columns: 16px 1fr;
  align-items: center;
  column-gap: 8px;
  margin-bottom: .5rem;
  font-size: 1.4rem;
  display: grid;
}

.pwd-strength ul li:before {
  content: "";
  color: #c12121;
  text-align: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23c12121%22%3E%3Cpath style%3D%22 %22 d%3D%22M 7.21875 5.78125 L 5.78125 7.21875 L 14.5625 16 L 5.78125 24.78125 L 7.21875 26.21875 L 16 17.4375 L 24.78125 26.21875 L 26.21875 24.78125 L 17.4375 16 L 26.21875 7.21875 L 24.78125 5.78125 L 16 14.5625 Z %22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: .5rem;
  display: inline-block;
}

.pwd-strength ul li.is-valid:before {
  content: "";
  color: #127f58;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23127f58%22%3E%3Cpath style%3D%22 %22 d%3D%22M 28.28125 6.28125 L 11 23.5625 L 3.71875 16.28125 L 2.28125 17.71875 L 10.28125 25.71875 L 11 26.40625 L 11.71875 25.71875 L 29.71875 7.71875 Z %22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-size: 100%;
}

.opc-form-field-group {
  width: 100%;
  display: flex;
}

.opc-form-field-group .opc-form-field {
  margin-bottom: 0;
}

.opc-form-field-btn {
  cursor: pointer;
  background: #fff;
  margin-left: -1px;
}

.opc-form-field-btn:hover {
  background: #eee;
}

.form-field-list {
  z-index: 1000;
  background-color: #fff;
  border: 1px solid #f2f2f2;
  width: 100%;
  max-height: 20rem;
  margin-bottom: 2rem;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  overflow-y: auto;
}

.form-field-list.is-visible {
  display: block;
}

.form-field-list .select-list li {
  cursor: pointer;
  padding: .5rem 1rem;
}

.form-field-list .select-list li:hover {
  background: #eee;
}

.form-field-list .select-list li.disabled {
  pointer-events: none;
}

.opc-checkbox-slider .checkbox-slider-wrapper {
  width: 5rem;
  height: 2.4rem;
  display: inline-block;
  position: relative;
}

.opc-checkbox-slider .checkbox-slider-wrapper input {
  opacity: 0;
  width: 0;
  height: 0;
}

.opc-checkbox-slider .slider-button {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 34px;
  transition: all .2s;
  position: absolute;
  inset: 0;
}

.opc-checkbox-slider .slider-button:before {
  content: "";
  background-color: #ddd;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  transition: all .2s;
  position: absolute;
  bottom: 1px;
  left: 1px;
}

.opc-checkbox-slider input:checked + .slider-button {
  background-color: #313141;
}

.opc-checkbox-slider input:focus + .slider-button {
  box-shadow: 0 0 1px #313141;
}

.opc-checkbox-slider input:checked + .slider-button:before {
  transform: translateX(26px);
}

#register-form-addr, #register-form-contact {
  flex-wrap: wrap;
  display: flex;
}

#register-form-addr .opc-form-field, #register-form-contact .opc-form-field {
  width: 100%;
}

table {
  text-align: left;
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

table thead th, table thead td {
  padding: 1rem;
}

table tbody tr {
  border-bottom: 1px solid #ccc;
}

table tbody th, table tbody td {
  padding: 1rem;
}

table[data-op-type="tablesort"] th > .sort-header {
  cursor: pointer;
  grid-template-columns: 1fr max-content;
  align-items: center;
  display: grid;
}

table[data-op-type="tablesort"] th[data-op-sort-direction="desc"] .sort-header-arrow {
  border: 6px solid #0000;
  border-top-color: #000;
  border-bottom-width: 0;
  width: 0;
  height: 0;
  margin-bottom: 3px;
}

table[data-op-type="tablesort"] th[data-op-sort-direction="asc"] .sort-header-arrow {
  border: 6px solid #0000;
  border-top-width: 0;
  border-bottom-color: #000;
  width: 0;
  height: 0;
  margin-bottom: 3px;
}

dl {
  margin: 0 0 1rem;
  padding: 0;
}

dl dt {
  font-weight: bold;
}

dl dd {
  margin: 0;
  padding: 0;
}

.opc-navigation:after {
  content: "";
  clear: both;
  width: 100%;
  display: block;
}

.opc-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}

.opc-navigation ul:after {
  content: "";
  clear: both;
  width: 100%;
  display: block;
}

.opc-navigation ul li a {
  color: #171717;
  text-decoration: none;
  display: block;
}

.opc-navigation ul li a:hover {
  color: #7d7d7d;
}

.opc-navigation .navigation-level-1 > li > a {
  padding-left: 8px;
}

.opc-navigation .navigation-level-2 > li > a {
  white-space: nowrap;
  padding-left: 20px;
}

.opc-navigation[data-op-navtype="default-click"] .navigation-level-1 > li, .opc-navigation[data-op-navtype="default-hover"] .navigation-level-1 > li {
  float: left;
  position: relative;
}

.opc-navigation[data-op-navtype="default-click"] .navigation-level-1 > li > a, .opc-navigation[data-op-navtype="default-hover"] .navigation-level-1 > li > a {
  padding: 1.5rem 2rem;
}

.opc-navigation[data-op-navtype="default-click"] .navigation-level-1 > li > a:hover, .opc-navigation[data-op-navtype="default-hover"] .navigation-level-1 > li > a:hover {
  color: #fff;
  background-color: #0003;
}

.opc-navigation[data-op-navtype="default-click"] .navigation-level-1 > li.is-active > a, .opc-navigation[data-op-navtype="default-click"] .navigation-level-1 > li.is-active-parent > a, .opc-navigation[data-op-navtype="default-hover"] .navigation-level-1 > li.is-active > a, .opc-navigation[data-op-navtype="default-hover"] .navigation-level-1 > li.is-active-parent > a, .opc-navigation[data-op-navtype="default-click"] .navigation-level-1 > li.is-active > a:hover, .opc-navigation[data-op-navtype="default-click"] .navigation-level-1 > li.is-active-parent > a:hover, .opc-navigation[data-op-navtype="default-hover"] .navigation-level-1 > li.is-active > a:hover, .opc-navigation[data-op-navtype="default-hover"] .navigation-level-1 > li.is-active-parent > a:hover {
  color: #fbc50a;
  background: none;
}

.opc-navigation[data-op-navtype="default-click"] .navigation-level-1 > li.is-open > a, .sidebar-wrapper .opc-navigation[data-op-navtype="default-click"] .navigation-level-1 > li.is-active > a, .sidebar-wrapper .opc-navigation[data-op-navtype="default-click"] .navigation-level-1 > li.is-active-parent > a, .opc-navigation[data-op-navtype="default-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active > a, .opc-navigation[data-op-navtype="default-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active-parent > a, .opc-navigation[data-op-navtype="default-hover"] .navigation-level-1 > li.is-open > a, .sidebar-wrapper .opc-navigation[data-op-navtype="default-hover"] .navigation-level-1 > li.is-active > a, .sidebar-wrapper .opc-navigation[data-op-navtype="default-hover"] .navigation-level-1 > li.is-active-parent > a, .opc-navigation[data-op-navtype="default-hover"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active > a, .opc-navigation[data-op-navtype="default-hover"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active-parent > a {
  background: #0006;
}

.opc-navigation[data-op-navtype="default-click"] .navigation-level-1 > li.is-open > .navigation-level-2, .sidebar-wrapper .opc-navigation[data-op-navtype="default-click"] .navigation-level-1 > li.is-active > .navigation-level-2, .sidebar-wrapper .opc-navigation[data-op-navtype="default-click"] .navigation-level-1 > li.is-active-parent > .navigation-level-2, .opc-navigation[data-op-navtype="default-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active > .navigation-level-2, .opc-navigation[data-op-navtype="default-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active-parent > .navigation-level-2, .opc-navigation[data-op-navtype="default-hover"] .navigation-level-1 > li.is-open > .navigation-level-2, .sidebar-wrapper .opc-navigation[data-op-navtype="default-hover"] .navigation-level-1 > li.is-active > .navigation-level-2, .sidebar-wrapper .opc-navigation[data-op-navtype="default-hover"] .navigation-level-1 > li.is-active-parent > .navigation-level-2, .opc-navigation[data-op-navtype="default-hover"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active > .navigation-level-2, .opc-navigation[data-op-navtype="default-hover"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active-parent > .navigation-level-2 {
  visibility: visible;
  opacity: 1;
  transition-delay: .1s;
  display: block;
  transform: translate(0, .5rem) scale(1);
}

.opc-navigation[data-op-navtype="default-click"] .navigation-level-2, .opc-navigation[data-op-navtype="default-hover"] .navigation-level-2 {
  visibility: hidden;
  opacity: 0;
  background: #333;
  transition: all .2s ease-in-out;
  position: absolute;
  top: 100%;
  left: 0;
  transform: translate(0) scale(.95);
}

.opc-navigation[data-op-navtype="default-click"] .navigation-level-2:before, .opc-navigation[data-op-navtype="default-hover"] .navigation-level-2:before {
  content: "";
  background: none;
  width: 100%;
  height: .5rem;
  position: absolute;
  top: -.5rem;
}

.opc-navigation[data-op-navtype="default-click"] .navigation-level-2 > li > a, .opc-navigation[data-op-navtype="default-hover"] .navigation-level-2 > li > a {
  white-space: nowrap;
  min-width: 16rem;
  padding: 1rem 2rem;
}

.opc-navigation[data-op-navtype="default-click"] .navigation-level-2 > li:hover > a, .opc-navigation[data-op-navtype="default-hover"] .navigation-level-2 > li:hover > a {
  color: #fff;
  background: #0000001a;
}

.opc-navigation[data-op-navtype="default-click"] .navigation-level-2 > li.is-active > a, .opc-navigation[data-op-navtype="default-click"] .navigation-level-2 > li.is-active-parent > a, .opc-navigation[data-op-navtype="default-hover"] .navigation-level-2 > li.is-active > a, .opc-navigation[data-op-navtype="default-hover"] .navigation-level-2 > li.is-active-parent > a {
  color: #313141;
}

.opc-navigation[data-op-navtype="default-click"] .navigation-level-3, .opc-navigation[data-op-navtype="default-hover"] .navigation-level-3 {
  display: none;
}

.opc-navigation[data-op-navtype="default-hover"] .navigation-level-1 > li:hover > a {
  background: #0006;
}

.opc-navigation[data-op-navtype="default-hover"] .navigation-level-1 > li:hover > .navigation-level-2 {
  visibility: visible;
  opacity: 1;
  transition-delay: .1s;
  display: block;
  transform: translate(0, .5rem) scale(1);
}

.opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-1 > li, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-1 > li {
  float: left;
}

.opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-1 > li > a, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-1 > li > a {
  padding: 1.5rem 2rem;
}

.opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-1 > li > a:hover, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-1 > li > a:hover {
  color: #fff;
  background-color: #0003;
}

.opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-1 > li.is-active > a, .opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-1 > li.is-active-parent > a, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-1 > li.is-active > a, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-1 > li.is-active-parent > a, .opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-1 > li.is-active > a:hover, .opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-1 > li.is-active-parent > a:hover, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-1 > li.is-active > a:hover, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-1 > li.is-active-parent > a:hover {
  color: #fbc50a;
  background: none !important;
}

.opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-1 > li.is-open > a, .sidebar-wrapper .opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-1 > li.is-active > a, .sidebar-wrapper .opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-1 > li.is-active-parent > a, .opc-navigation[data-op-navtype="megamenu-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active > a, .opc-navigation[data-op-navtype="megamenu-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active-parent > a, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-1 > li.is-open > a, .sidebar-wrapper .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-1 > li.is-active > a, .sidebar-wrapper .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-1 > li.is-active-parent > a, .opc-navigation[data-op-navtype="megamenu-hover"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active > a, .opc-navigation[data-op-navtype="megamenu-hover"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active-parent > a {
  background: #0006;
}

.opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-1 > li.is-open > .navigation-level-2, .sidebar-wrapper .opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-1 > li.is-active > .navigation-level-2, .sidebar-wrapper .opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-1 > li.is-active-parent > .navigation-level-2, .opc-navigation[data-op-navtype="megamenu-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active > .navigation-level-2, .opc-navigation[data-op-navtype="megamenu-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active-parent > .navigation-level-2, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-1 > li.is-open > .navigation-level-2, .sidebar-wrapper .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-1 > li.is-active > .navigation-level-2, .sidebar-wrapper .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-1 > li.is-active-parent > .navigation-level-2, .opc-navigation[data-op-navtype="megamenu-hover"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active > .navigation-level-2, .opc-navigation[data-op-navtype="megamenu-hover"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active-parent > .navigation-level-2 {
  visibility: visible;
  opacity: 1;
  transition-delay: .1s;
  display: block;
  transform: translate(0, .5rem) scale(1);
}

.opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-2, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-2 {
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  column-count: 4;
  background: #333;
  padding-top: 2rem;
  padding-bottom: 2rem;
  transition: all .2s ease-in-out;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  transform: translate(0) scale(.95);
}

.opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-2 > li, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-2 > li {
  page-break-inside: avoid;
  break-inside: avoid-column;
  margin-bottom: 2rem;
  display: inline-block;
}

.opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-2 > li > a, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-2 > li > a {
  white-space: nowrap;
  color: #fff;
  min-width: 16rem;
  padding: 1rem 2rem;
  font-weight: 600;
}

.opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-2 > li:hover > a, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-2 > li:hover > a {
  background: none;
}

.opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-3, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-3 {
  display: block;
}

.opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-3 > li > a, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-3 > li > a {
  opacity: .8;
  color: #fff;
  padding: .5rem 2rem;
}

.opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-3 > li > a:hover, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-3 > li > a:hover {
  opacity: 1;
}

.opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-1 > li:hover > a {
  background: #0006;
}

.opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-1 > li:hover > .navigation-level-2 {
  visibility: visible;
  opacity: 1;
  transition-delay: .1s;
  display: block;
  transform: translate(0, .5rem) scale(1);
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li {
  margin-bottom: .5rem;
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li > a {
  padding: 1rem;
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li.is-open > a, .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li.is-active > a, .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li.is-active-parent > a, .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active > a, .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active-parent > a {
  color: #313141;
  font-weight: bold;
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li.is-open > .navigation-level-2, .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li.is-active > .navigation-level-2, .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li.is-active-parent > .navigation-level-2, .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active > .navigation-level-2, .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active-parent > .navigation-level-2 {
  display: block;
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-2 {
  display: none;
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-2 > li {
  border-bottom: 1px solid #fff3;
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-2 > li > a {
  padding: .5rem 1rem .5rem 2rem;
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-2 > li.is-open > a, .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-2 > li.is-active > a, .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-2 > li.is-active-parent > a, .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 .navigation-level-2 > li.is-active > a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="aside-click"] .navigation-level-2 > li.is-active > a, .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 .navigation-level-2 > li.is-active-parent > a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="aside-click"] .navigation-level-2 > li.is-active-parent > a {
  color: #313141;
  font-weight: bold;
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-2 > li.is-open > .navigation-level-3, .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-2 > li.is-active > .navigation-level-3, .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-2 > li.is-active-parent > .navigation-level-3, .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 .navigation-level-2 > li.is-active > .navigation-level-3, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="aside-click"] .navigation-level-2 > li.is-active > .navigation-level-3, .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 .navigation-level-2 > li.is-active-parent > .navigation-level-3, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="aside-click"] .navigation-level-2 > li.is-active-parent > .navigation-level-3 {
  display: block;
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-3 {
  display: none;
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-3 > li > a {
  padding: .5rem 1rem;
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-3 > li.is-open > a, .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-3 > li.is-active > a, .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-3 > li.is-active-parent > a, .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 .navigation-level-3 > li.is-active > a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="aside-click"] .navigation-level-3 > li.is-active > a, .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 .navigation-level-3 > li.is-active-parent > a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="aside-click"] .navigation-level-3 > li.is-active-parent > a {
  color: #313141;
  font-weight: bold;
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-3 > li.is-open > .navigation-level-4, .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-3 > li.is-active > .navigation-level-4, .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-3 > li.is-active-parent > .navigation-level-4, .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 .navigation-level-3 > li.is-active > .navigation-level-4, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="aside-click"] .navigation-level-3 > li.is-active > .navigation-level-4, .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 .navigation-level-3 > li.is-active-parent > .navigation-level-4, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="aside-click"] .navigation-level-3 > li.is-active-parent > .navigation-level-4 {
  display: block;
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-4 {
  display: none;
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-4 > li > a {
  padding: .5rem 1rem;
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-4 > li.is-open > a, .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-4 > li.is-active > a, .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-4 > li.is-active-parent > a, .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 .navigation-level-4 > li.is-active > a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="aside-click"] .navigation-level-4 > li.is-active > a, .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 .navigation-level-4 > li.is-active-parent > a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="aside-click"] .navigation-level-4 > li.is-active-parent > a {
  color: #313141;
  font-weight: bold;
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-4 > li.is-open > .navigation-level-5, .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-4 > li.is-active > .navigation-level-5, .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-4 > li.is-active-parent > .navigation-level-5, .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 .navigation-level-4 > li.is-active > .navigation-level-5, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="aside-click"] .navigation-level-4 > li.is-active > .navigation-level-5, .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 .navigation-level-4 > li.is-active-parent > .navigation-level-5, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="aside-click"] .navigation-level-4 > li.is-active-parent > .navigation-level-5 {
  display: block;
}

.opc-navigation[data-op-navtype="simple"] a:hover:before, .opc-navigation[data-op-navtype="techno-simple"] a:hover:before {
  opacity: 1;
}

.opc-navigation[data-op-navtype="simple"] .navigation-level-1 > li > a, .opc-navigation[data-op-navtype="techno-simple"] .navigation-level-1 > li > a {
  padding: .5rem 0;
}

.opc-navigation[data-op-navtype="simple"] .navigation-level-2 > li > a, .opc-navigation[data-op-navtype="techno-simple"] .navigation-level-2 > li > a {
  white-space: nowrap;
}

.opc-navigation[data-op-navtype="simple"] .navigation-level-2 > li > a:hover, .opc-navigation[data-op-navtype="techno-simple"] .navigation-level-2 > li > a:hover {
  color: #fbc50a;
  text-decoration: underline;
}

.opc-navigation[data-op-navtype="simple"] .navigation-level-3 > li > a, .opc-navigation[data-op-navtype="techno-simple"] .navigation-level-3 > li > a {
  white-space: nowrap;
}

.opc-navigation[data-op-navtype="simple"] .navigation-level-3 > li > a:hover, .opc-navigation[data-op-navtype="techno-simple"] .navigation-level-3 > li > a:hover {
  color: #fbc50a;
  text-decoration: underline;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-toggler {
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23fff%22%3E%3Cpath style%3D%22 %22 d%3D%22M 4.21875 10.78125 L 2.78125 12.21875 L 15.28125 24.71875 L 16 25.40625 L 16.71875 24.71875 L 29.21875 12.21875 L 27.78125 10.78125 L 16 22.5625 Z %22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px;
  width: 2.6rem;
  height: 2.6rem;
  margin-top: -1.3rem;
  display: none;
  position: absolute;
  top: 50%;
  right: .5rem;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-toggler:hover {
  background-color: #0003;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-toggler:before {
  content: "";
  background: #fff6;
  width: 1px;
  height: 1.6rem;
  margin-top: -.8rem;
  display: block;
  position: absolute;
  top: 50%;
  left: -.4rem;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-label, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-parent-label {
  display: none;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 {
  justify-content: flex-start;
  display: flex;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li {
  position: relative;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li > a {
  color: #171717;
  white-space: nowrap;
  padding: 1.5rem 2rem;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li > a:hover {
  color: #fff;
  background-color: #0003;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li.has-children > a {
  padding-right: 4rem;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li.has-children .navigation-toggler {
  display: block;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li.has-children .navigation-toggler:before {
  display: none;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li.is-active > a, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li.is-active > .navigation-label, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li.is-active-parent > a, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li.is-active-parent > .navigation-label, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li.is-active > a:hover, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li.is-active > .navigation-label:hover, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li.is-active-parent > a:hover, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li.is-active-parent > .navigation-label:hover {
  color: #fbc50a;
  background: none;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li.is-open > a, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li.is-active > a, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li.is-active-parent > a, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active > a, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active-parent > a {
  background: #0006;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li.is-open > .navigation-level-2, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li.is-active > .navigation-level-2, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li.is-active-parent > .navigation-level-2, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active > .navigation-level-2, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active-parent > .navigation-level-2 {
  visibility: visible;
  opacity: 1;
  transition-delay: .1s;
  display: block;
  transform: translate(0, .5rem) scale(1);
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 {
  visibility: hidden;
  opacity: 0;
  background: #333;
  transition: all .2s ease-in-out;
  position: absolute;
  top: 100%;
  left: 0;
  transform: translate(0) scale(.95);
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2:before {
  content: "";
  background: none;
  width: 100%;
  height: .5rem;
  position: absolute;
  top: -.5rem;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 .navigation-toggler {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z%22%2F%3E%3C%2Fsvg%3E");
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 li > a {
  white-space: nowrap;
  min-width: 16rem;
  padding: 1rem 2rem;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 li:hover > a {
  color: #fff;
  background: #0000001a;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 li.is-active > a, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 li.is-active-parent > a {
  color: #313141;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 li.has-children {
  position: relative;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 li.has-children > a {
  padding-right: 5rem;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 li.is-open, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 .navigation-level-1 li.is-active, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 .navigation-level-2 li.is-active, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 .navigation-level-1 li.is-active-parent, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 .navigation-level-2 li.is-active-parent, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 li.is-active, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active-parent, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 li.is-active-parent {
  position: relative;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 li.is-open > a, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 .navigation-level-1 li.is-active > a, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 .navigation-level-2 li.is-active > a, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 .navigation-level-1 li.is-active-parent > a, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 .navigation-level-2 li.is-active-parent > a, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active > a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 li.is-active > a, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active-parent > a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 li.is-active-parent > a {
  background: #0006;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 li.is-open > .navigation-level-3, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 .navigation-level-1 li.is-active > .navigation-level-3, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 .navigation-level-2 li.is-active > .navigation-level-3, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 .navigation-level-1 li.is-active-parent > .navigation-level-3, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 .navigation-level-2 li.is-active-parent > .navigation-level-3, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active > .navigation-level-3, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 li.is-active > .navigation-level-3, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active-parent > .navigation-level-3, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 li.is-active-parent > .navigation-level-3, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 li.is-open > .navigation-level-4, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 .navigation-level-1 li.is-active > .navigation-level-4, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 .navigation-level-2 li.is-active > .navigation-level-4, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 .navigation-level-1 li.is-active-parent > .navigation-level-4, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 .navigation-level-2 li.is-active-parent > .navigation-level-4, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active > .navigation-level-4, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 li.is-active > .navigation-level-4, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active-parent > .navigation-level-4, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 li.is-active-parent > .navigation-level-4, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 li.is-open > .navigation-level-5, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 .navigation-level-1 li.is-active > .navigation-level-5, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 .navigation-level-2 li.is-active > .navigation-level-5, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 .navigation-level-1 li.is-active-parent > .navigation-level-5, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 .navigation-level-2 li.is-active-parent > .navigation-level-5, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active > .navigation-level-5, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 li.is-active > .navigation-level-5, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active-parent > .navigation-level-5, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 li.is-active-parent > .navigation-level-5 {
  visibility: visible;
  opacity: 1;
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-3, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-4, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-5 {
  background: #333;
  display: none;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-toggler, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-label, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .has-children > a {
  display: none;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .has-children > .navigation-label {
  cursor: pointer;
  display: block;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-parent-label {
  text-transform: uppercase;
  opacity: .6;
  font-size: .6em;
  display: block;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 {
  justify-content: flex-start;
  display: flex;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li {
  position: relative;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li > a, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li > .navigation-label {
  color: #171717;
  white-space: nowrap;
  padding: 1.5rem 2rem;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li > a:hover, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li > .navigation-label:hover {
  color: #fff;
  background-color: #0003;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li.has-children > a {
  padding-right: 4rem;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li.is-active > a, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li.is-active > .navigation-label, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li.is-active-parent > a, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li.is-active-parent > .navigation-label, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li.is-active > a:hover, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li.is-active > .navigation-label:hover, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li.is-active-parent > a:hover, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li.is-active-parent > .navigation-label:hover {
  color: #fbc50a;
  background: none;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li.is-open > a, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li.is-active > a, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li.is-active-parent > a, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active > a, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active-parent > a, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li.is-open > .navigation-label, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li.is-active > .navigation-label, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li.is-active-parent > .navigation-label, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active > .navigation-label, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active-parent > .navigation-label {
  background: #0006;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li.is-open > .navigation-level-2, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li.is-active > .navigation-level-2, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li.is-active-parent > .navigation-level-2, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active > .navigation-level-2, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active-parent > .navigation-level-2 {
  visibility: visible;
  opacity: 1;
  transition-delay: .1s;
  display: block;
  transform: translate(0, .5rem) scale(1);
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 {
  visibility: hidden;
  opacity: 0;
  background: #333;
  transition: all .2s ease-in-out;
  position: absolute;
  top: 100%;
  left: 0;
  transform: translate(0) scale(.95);
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2:before {
  content: "";
  background: none;
  width: 100%;
  height: .5rem;
  position: absolute;
  top: -.5rem;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li > a, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li > .navigation-label {
  white-space: nowrap;
  color: #171717;
  min-width: 16rem;
  padding: 1rem 2rem;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li:hover > a, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li:hover > .navigation-label {
  color: #fff;
  background: #0000001a;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.is-active > a, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.is-active > .navigation-label, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.is-active-parent > a, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.is-active-parent > .navigation-label {
  color: #313141;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.has-children, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.is-open, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 .navigation-level-1 li.is-active, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 .navigation-level-2 li.is-active, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 .navigation-level-1 li.is-active-parent, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 .navigation-level-2 li.is-active-parent, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.is-active, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active-parent, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.is-active-parent {
  position: relative;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.is-open > a, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 .navigation-level-1 li.is-active > a, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 .navigation-level-2 li.is-active > a, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 .navigation-level-1 li.is-active-parent > a, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 .navigation-level-2 li.is-active-parent > a, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active > a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.is-active > a, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active-parent > a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.is-active-parent > a, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.is-open > .navigation-label, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 .navigation-level-1 li.is-active > .navigation-label, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 .navigation-level-2 li.is-active > .navigation-label, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 .navigation-level-1 li.is-active-parent > .navigation-label, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 .navigation-level-2 li.is-active-parent > .navigation-label, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active > .navigation-label, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.is-active > .navigation-label, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active-parent > .navigation-label, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.is-active-parent > .navigation-label {
  background: #0006;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.is-open > .navigation-level-3, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 .navigation-level-1 li.is-active > .navigation-level-3, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 .navigation-level-2 li.is-active > .navigation-level-3, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 .navigation-level-1 li.is-active-parent > .navigation-level-3, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 .navigation-level-2 li.is-active-parent > .navigation-level-3, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active > .navigation-level-3, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.is-active > .navigation-level-3, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active-parent > .navigation-level-3, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.is-active-parent > .navigation-level-3, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.is-open > .navigation-level-4, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 .navigation-level-1 li.is-active > .navigation-level-4, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 .navigation-level-2 li.is-active > .navigation-level-4, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 .navigation-level-1 li.is-active-parent > .navigation-level-4, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 .navigation-level-2 li.is-active-parent > .navigation-level-4, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active > .navigation-level-4, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.is-active > .navigation-level-4, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active-parent > .navigation-level-4, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.is-active-parent > .navigation-level-4, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.is-open > .navigation-level-5, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 .navigation-level-1 li.is-active > .navigation-level-5, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 .navigation-level-2 li.is-active > .navigation-level-5, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 .navigation-level-1 li.is-active-parent > .navigation-level-5, .sidebar-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 .navigation-level-2 li.is-active-parent > .navigation-level-5, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active > .navigation-level-5, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.is-active > .navigation-level-5, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active-parent > .navigation-level-5, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.is-active-parent > .navigation-level-5 {
  visibility: visible;
  opacity: 1;
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-3, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-4, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-5 {
  background: #333;
  display: none;
}

.is-mobile .opc-search {
  display: none;
}

.is-mobile .opc-search .search-query {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 6rem;
  display: flex;
}

.is-mobile .opc-search .search-query input {
  border: 1px solid #ccc;
  width: 100%;
  padding: 0 1rem;
}

.search-open .opc-search[data-op-type="search-back"] {
  visibility: visible;
  z-index: 1000;
  opacity: 1;
  pointer-events: all;
  background: #fffffffa;
  width: 100%;
  height: 100%;
  padding: 2rem;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
}

@media only screen and (width >= 800px) {
  .opc-search .opc-search-bg, .opc-search .opc-search-toggle {
    display: none;
  }

  .opc-search .opc-search-content {
    padding: 0;
    position: relative;
  }
}

.opc-search .opc-search-content .opc-button[data-op-action="close"], .opc-search .opc-search-content .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-action="close"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-search .opc-search-content a[data-op-action="close"], .opc-search .opc-search-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-action="close"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-search .opc-search-content [data-op-action="close"].notifications-cancel, .opc-search .opc-search-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-action="close"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-search .opc-search-content [data-op-action="close"].notifications-ok, .opc-search .opc-search-content [data-op-action="close"].opc-compare-button, .opc-search .opc-search-content [data-op-action="close"].opc-favorite-button {
  display: none;
}

@media only screen and (width >= 800px) {
  .opc-search .opc-search-content .opc-button[data-op-action="close"], .opc-search .opc-search-content .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-action="close"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-search .opc-search-content a[data-op-action="close"], .opc-search .opc-search-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-action="close"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-search .opc-search-content [data-op-action="close"].notifications-cancel, .opc-search .opc-search-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-action="close"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-search .opc-search-content [data-op-action="close"].notifications-ok, .opc-search .opc-search-content [data-op-action="close"].opc-compare-button, .opc-search .opc-search-content [data-op-action="close"].opc-favorite-button {
    display: none;
  }
}

.opc-search .opc-search-content .opc-search-query {
  border: 1px solid #ccc;
  padding: .5rem 0;
  display: flex;
}

.opc-search .opc-search-content .opc-search-query .search-btn, .opc-search .opc-search-content .opc-search-query .reset-btn, .opc-search .opc-search-content .opc-search-query .back-btn {
  color: #313141;
  background: none;
  border: none;
  flex-shrink: 0;
  width: 4rem;
  height: 3rem;
}

.opc-search .opc-search-content .opc-search-query .back-btn {
  display: none;
}

.is-mobile .opc-search .opc-search-content .opc-search-query .back-btn {
  display: block;
}

.opc-search .opc-search-content .opc-search-results {
  width: 100%;
  padding: 0;
  display: none;
  position: absolute;
  top: 100%;
}

.opc-search[data-op-type="fullscreen"] {
  visibility: hidden;
  opacity: 0;
  z-index: -10;
  pointer-events: none;
  background: #fffffffa;
  width: 100%;
  height: 100%;
  position: fixed;
}

.search-open .opc-search[data-op-type="fullscreen"] {
  visibility: visible;
  z-index: 1000;
  opacity: 1;
  pointer-events: all;
  display: block;
}

.opc-search[data-op-type="fullscreen"] .search-head {
  z-index: 20000;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  height: 12rem;
  padding: 0 2rem;
  display: flex;
  position: relative;
  box-shadow: 0 0 6px #ccc;
}

.opc-search[data-op-type="fullscreen"] .search-head button {
  color: #000;
  cursor: pointer;
  background: none;
  width: 4rem;
  height: 4rem;
  margin-right: -1rem;
  padding-left: 0;
  padding-right: 0;
}

.opc-search[data-op-type="fullscreen"] .search-head button svg {
  color: #000;
  margin: 0;
  font-size: 3.2rem;
}

.opc-search[data-op-type="fullscreen"] .search-query {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 6rem;
  display: flex;
}

.opc-search[data-op-type="fullscreen"] .search-query input {
  border: 1px solid #ccc;
  width: 100%;
  height: 5rem;
  padding: 0 1rem;
}

.opc-search[data-op-type="fullscreen"] .search-body {
  padding: 2rem;
  position: absolute;
  inset: 12rem 0 0;
  overflow-y: auto;
}

.opc-search[data-op-type="fullscreen"] .search-body .opc-directsearch-suggest {
  background: none;
}

.opc-search[data-op-type="fullscreen"] .search-body .opc-directsearch-suggest .directsearch-suggest-row {
  margin-left: -1rem;
  margin-right: -1rem;
}

.opc-search[data-op-type="fullscreen"] .search-body .opc-directsearch-suggest .directsearch-suggest-column {
  padding-left: 1rem;
  padding-right: 1rem;
}

.opc-search[data-op-type="fullscreen"] .opc-search-results {
  margin-bottom: 4rem;
}

.opc-search[data-op-type="fullscreen"] .search-slider {
  flex-wrap: nowrap;
  max-width: 100%;
  margin-bottom: 2rem;
  display: flex;
  overflow-x: auto;
}

.opc-search[data-op-type="fullscreen"] .search-slider .search-slider-item {
  flex-shrink: 0;
  width: 12rem;
  margin-right: 15px;
}

.opc-search[data-op-type="fullscreen"] .search-slider img {
  width: 100%;
}

.opc-search[data-op-type="fullscreen"] .search-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.opc-search[data-op-type="fullscreen"] .search-list li {
  border-bottom: 1px solid #eee;
}

.opc-search[data-op-type="fullscreen"] .search-list li a {
  color: #000;
  padding: 1rem 0;
  display: block;
}

.siteloader {
  z-index: 99999999;
  background: #efefef99;
  width: 100vw;
  height: 100vh;
  position: fixed;
}

.siteloader.is-progressing {
  min-height: 6px;
  overflow-x: hidden;
}

.siteloader.is-progressing:before {
  content: "";
  background-color: #fc8200;
  width: 100%;
  height: 6px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.siteloader.is-progressing:after {
  content: "";
  background-color: #f89b37;
  width: 20%;
  height: 6px;
  animation: 2s cubic-bezier(.65, .815, .735, .395) infinite is-progressing-animation;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -20%;
}

@keyframes is-progressing-animation {
  0% {
    left: -20%;
  }

  100% {
    left: 100%;
  }
}

.opc-breadcrumb {
  margin-bottom: 2rem;
  display: flex;
}

.opc-breadcrumb .breadcrumb-pretext {
  vertical-align: top;
  flex-shrink: 0;
  margin-right: .5rem;
  display: none;
}

.opc-breadcrumb .breadcrumb-navigation-multi {
  margin: 0;
  padding: 0;
  list-style: none;
}

.opc-breadcrumb .breadcrumb-navigation {
  vertical-align: top;
  margin: 0 0 .5rem;
  padding: 0;
  list-style: none;
  display: inline-block;
}

.opc-breadcrumb .breadcrumb-navigation li {
  float: left;
  align-items: center;
  margin-right: .5rem;
  display: flex;
}

.opc-breadcrumb .breadcrumb-navigation li:after {
  content: "";
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath fill%3D%22%23D1D1D9%22 d%3D%22M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  display: inline-block;
}

.opc-breadcrumb .breadcrumb-navigation li.is-active {
  color: #171717;
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 2.4rem;
}

.opc-breadcrumb .breadcrumb-navigation li.is-active:after {
  display: none;
}

.opc-breadcrumb .breadcrumb-navigation li a {
  color: #171717;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
  text-decoration: none;
}

.opc-breadcrumb .breadcrumb-navigation li a:hover {
  color: #313141;
}

.op-mediaslider-outer {
  padding: 0 !important;
}

.op-mediaslider-outer [hidden] {
  display: none !important;
}

.op-mediaslider-outer [aria-controls], .op-mediaslider-outer [data-action] {
  cursor: pointer;
}

.op-mediaslider-outer.ms-touch {
  -ms-overflow-style: none;
  -ms-scroll-chaining: none;
  scroll-snap-type: mandatory;
  scroll-snap-points-x: snapinterval(0%, 100%);
  overflow: scroll hidden;
}

.op-mediaslider-slider {
  transition: all;
}

.op-mediaslider-slider > .op-mediaslider-item {
  box-sizing: border-box;
}

.op-mediaslider-horizontal.op-mediaslider-subpixel {
  white-space: nowrap;
}

.op-mediaslider-horizontal.op-mediaslider-subpixel > .op-mediaslider-item {
  vertical-align: top;
  white-space: normal;
  display: inline-block;
}

.op-mediaslider-horizontal.op-mediaslider-no-subpixel:after {
  content: "";
  clear: both;
  display: table;
}

.op-mediaslider-horizontal.op-mediaslider-no-subpixel > .op-mediaslider-item {
  float: left;
  margin-right: -100%;
}

.op-mediaslider-no-calc {
  position: relative;
  left: 0;
}

.op-mediaslider-gallery {
  min-height: 1px;
  position: relative;
  left: 0;
}

.op-mediaslider-gallery > .op-mediaslider-item {
  transition: transform, opacity;
  position: absolute;
  left: -100%;
}

.op-mediaslider-gallery > .op-mediaslider-moving {
  transition: all .25s;
}

.op-mediaslider-lazy-img {
  opacity: .6;
  transition: opacity .6s;
}

.op-mediaslider-lazy-img.loaded {
  opacity: 1;
}

.op-mediaslider-ah {
  transition: height;
}

.op-mediaslider-ovh {
  overflow: hidden;
}

.op-mediaslider-hdx {
  overflow-x: hidden;
}

.op-mediaslider-hdy {
  overflow-y: hidden;
}

.op-mediaslider-visually-hidden {
  position: absolute;
  left: -10000em;
}

.op-mediaslider-transparent {
  opacity: 0;
  visibility: hidden;
}

.op-mediaslider-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.op-mediaslider-normal, .op-mediaslider-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.carousel-slides {
  display: flex;
  overflow: hidden;
}

.carousel-slides.op-mediaslider-carousel > div {
  position: absolute;
}

.carousel-slides.op-mediaslider-carousel .carousel-slide {
  justify-content: center;
  align-items: center;
  position: relative;
  display: flex !important;
}

.carousel-slides.op-mediaslider-carousel .carousel-slide:before {
  content: "";
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  background: none;
  border: 2px solid #0000;
  border-top-color: #313141;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  transition: opacity .4s ease-in-out;
  animation-name: rotater;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  display: block;
  position: absolute;
  bottom: 4rem;
  right: 4rem;
}

@keyframes rotater {
  50% {
    transform: rotate(400deg);
  }
}

.carousel-slides.op-mediaslider-carousel .carousel-slide .carousel-slide-image, .carousel-slides.op-mediaslider-carousel .carousel-slide .carousel-slide-content {
  opacity: 0;
  transition: opacity .4s ease-in-out;
}

.carousel-slides.op-mediaslider-carousel .carousel-slide.op-mediaslider-item .carousel-slide-image, .carousel-slides.op-mediaslider-carousel .carousel-slide.op-mediaslider-item .carousel-slide-content {
  opacity: 1;
  transition-delay: 1s;
}

.carousel-slides.op-mediaslider-gallery .carousel-slide {
  position: absolute;
}

.opc-carousel {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.opc-carousel .carousel-slides {
  height: 50vh;
  margin-bottom: 0;
  display: flex;
  overflow: hidden;
}

@media only screen and (width >= 800px) {
  .opc-carousel .carousel-slides {
    height: 50vh;
  }
}

.opc-carousel .carousel-slides .carousel-slide {
  height: 50vh;
}

@media only screen and (width >= 800px) {
  .opc-carousel .carousel-slides .carousel-slide {
    height: 50vh;
  }
}

.opc-carousel .carousel-slides .carousel-slide {
  flex-shrink: 0;
  width: 100%;
}

.opc-carousel .carousel-slides .carousel-slide .carousel-slide-image {
  z-index: 1;
  opacity: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 50vh;
  position: absolute;
  inset: 0;
}

.opc-carousel .carousel-slides .carousel-slide .carousel-slide-image img {
  width: 100%;
  display: none;
}

.opc-carousel .carousel-slides .carousel-slide .carousel-slide-content {
  z-index: 2;
  justify-content: center;
  height: 50vh;
  display: flex;
  position: relative;
}

@media only screen and (width >= 800px) {
  .opc-carousel .carousel-slides .carousel-slide .carousel-slide-content {
    height: 50vh;
  }
}

.opc-carousel .carousel-slides .carousel-slide .carousel-slide-content .carousel-slide-content-inner {
  text-align: center;
  align-self: center;
}

.opc-carousel .carousel-thumb-slides {
  margin: 20px auto 0;
  display: none;
}

.opc-carousel .carousel-thumb-slides .carousel-thumb-slide {
  opacity: .5;
  cursor: pointer;
  outline: none;
  width: 10rem;
  margin: 0 10px;
}

.opc-carousel .carousel-thumb-slides .carousel-thumb-slide .thumb-slide-image img {
  max-width: 100%;
  transition: transform .2s ease-in-out;
  transform: scale(.9);
}

.opc-carousel .op-mediaslider-outer {
  position: relative;
}

.opc-carousel .op-mediaslider-controls {
  z-index: 98;
  justify-content: space-between;
  width: 100%;
  max-width: 290px;
  height: 20px;
  margin: 0 auto;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.opc-carousel .op-mediaslider-controls [data-controls="prev"], .opc-carousel .op-mediaslider-controls [data-controls="next"] {
  color: #0000;
  background-color: #fff6;
  border: none;
  outline: none;
  width: 20px;
  height: 20px;
  padding: 0;
  font-size: 1rem;
  display: none;
  position: absolute;
  left: 0;
}

@media only screen and (width >= 1024px) {
  .opc-carousel .op-mediaslider-controls [data-controls="prev"], .opc-carousel .op-mediaslider-controls [data-controls="next"] {
    display: block;
  }
}

.opc-carousel .op-mediaslider-controls [data-controls="prev"]:before, .opc-carousel .op-mediaslider-controls [data-controls="prev"]:after, .opc-carousel .op-mediaslider-controls [data-controls="next"]:before, .opc-carousel .op-mediaslider-controls [data-controls="next"]:after {
  content: "";
  color: #171717;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 20px;
  height: 20px;
  display: block;
}

.opc-carousel .op-mediaslider-controls [data-controls="prev"]:hover, .opc-carousel .op-mediaslider-controls [data-controls="next"]:hover {
  background-color: #fffc;
}

.opc-carousel .op-mediaslider-controls [data-controls="next"] {
  left: auto;
  right: 0;
}

.opc-carousel .op-mediaslider-controls [data-controls="prev"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12l4.58-4.59z%22%2F%3E%3C%2Fsvg%3E");
}

.opc-carousel .op-mediaslider-controls [data-controls="prev"] {
  transition: left .2s;
}

.opc-carousel .op-mediaslider-controls [data-controls="prev"]:hover {
  left: -5px;
}

.opc-carousel .op-mediaslider-controls [data-controls="next"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z%22%2F%3E%3C%2Fsvg%3E");
}

.opc-carousel .op-mediaslider-controls [data-controls="next"] {
  transition: right .2s;
}

.opc-carousel .op-mediaslider-controls [data-controls="next"]:hover {
  right: -5px;
}

.opc-carousel .op-mediaslider-nav {
  text-align: center;
  z-index: 99;
  background-color: #f2f2f2;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
  display: flex;
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
}

.opc-carousel .op-mediaslider-nav button {
  background: #f2f2f2;
  border: 0;
  border-radius: 2px;
  outline: none;
  flex: 50px;
  height: 4px;
  margin: 0;
}

.opc-carousel .op-mediaslider-nav button[aria-selected="true"] {
  background: #fbc50a;
}

.opc-carousel[data-op-type="thumb-slider"] .carousel-thumb-slides {
  flex-flow: wrap;
  justify-content: center;
  display: flex;
}

.opc-carousel[data-op-type="thumb-slider"] .carousel-thumb-slides [aria-selected="true"] {
  opacity: 1;
}

.opc-carousel[data-op-type="thumb-slider"] .carousel-thumb-slides [aria-selected="true"] img {
  transform: scale(1);
}

.opc-carousel[data-op-type="hero-slider"] .carousel-slide-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 50vh;
}

.opc-carousel[data-op-type="hero-slider"] .carousel-slide-image img, .techno-slider-pending .op-mediaslider-controls, .techno-slider-pending .op-mediaslider-nav {
  display: none;
}

[data-op-slide] {
  -webkit-overflow-scrolling: touch;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow: hidden !important;
}

[data-op-slide].opc-article-list > li {
  flex-shrink: 0;
}

.op-mediaslider-item {
  flex-shrink: 1;
  flex-basis: auto !important;
  max-width: none !important;
}

.opc-brand-navigation {
  margin-left: -12px;
  margin-right: -16px;
}

.opc-brand-navigation.techno-slider-initialized {
  margin-top: -20px;
}

@media only screen and (width >= 800px) {
  .opc-brand-navigation {
    margin-right: -12px;
  }
}

.opc-brand-navigation {
  overflow: hidden;
}

.opc-brand-navigation .op-mediaslider-outer {
  margin-left: 0;
  margin-right: 0;
}

.opc-brand-navigation .op-mediaslider-outer .op-mediaslider-inner {
  padding: 32px 0 50px;
}

.opc-brand-navigation ul {
  margin: 0 6px 0 -6px;
  padding: 12px;
  list-style: none;
  display: flex;
  overflow: visible !important;
}

.opc-brand-navigation ul li {
  flex-shrink: 0;
  flex-basis: 100%;
  margin-left: 6px;
  padding-right: 18px;
}

@media only screen and (width >= 480px) {
  .opc-brand-navigation ul li {
    flex-basis: 50%;
  }
}

@media only screen and (width >= 640px) {
  .opc-brand-navigation ul li {
    flex-basis: 33.3333%;
  }
}

@media only screen and (width >= 1024px) {
  .opc-brand-navigation ul li {
    flex-basis: 25%;
  }
}

.opc-brand-navigation ul li a {
  border-radius: 8px;
  transition: all .3s ease-out;
  display: block;
}

.opc-brand-navigation ul li a:hover {
  transform: translateY(-16px);
}

.opc-brand-navigation ul li a .brand-image {
  justify-content: center;
  align-items: center;
  height: 112px;
  display: flex;
}

@media only screen and (width >= 640px) {
  .opc-brand-navigation ul li a .brand-image {
    height: 130px;
  }
}

.opc-brand-navigation ul li a .brand-image {
  overflow: hidden;
}

.opc-brand-navigation ul li a .brand-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.opc-brand-navigation ul li a .brand-image img[src="/webportal/config/layout/themes/project/assets/img/dummy.svg"] {
  object-fit: contain;
  max-height: 90px;
}

.opc-brand-navigation ul li a .brand-name {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 8px;
  font-size: 1.6rem;
  display: flex;
}

.opc-brand-navigation .op-mediaslider-slider {
  padding: 0 0 0 6px;
}

.opc-brand-navigation .op-mediaslider-slider li {
  margin-left: unset;
  margin: 0;
  padding: 0 0 0 12px;
  padding-right: 12px !important;
}

[data-op-carousel-wrapper] {
  margin-left: -12px;
  overflow: hidden;
}

ul.opc-article-list.op-mediaslider-slider[data-op-article-list-type="slider"] li {
  padding-right: 12px !important;
}

.opc-brand-navigation {
  margin-bottom: 40px;
}

.opc-brand-navigation.techno-slider-initialized {
  margin-bottom: 0;
}

[data-op-slider-type="hero"] {
  margin-left: 0;
}

[data-op-slider-type="hero"] .opc-cms-content {
  padding-bottom: 32px;
}

[data-op-slider-type="hero"].techno-slider-initialized .opc-cms-content .techno-hero {
  display: inline-block;
}

[data-op-carousel-wrapper] .techno-hero {
  display: none;
}

[data-op-carousel-wrapper].techno-slider-initialized:after {
  opacity: 0;
}

[data-op-slide="hero"] {
  min-height: 34rem;
}

@media only screen and (width >= 1400px) {
  [data-op-slide="hero"] {
    min-height: 34rem;
  }
}

[data-op-slider-type="articles"].techno-slider-initialized {
  margin-top: -12px;
}

[data-op-slider-type="articles"].techno-slider-initialized .op-mediaslider-inner ul.opc-article-list[data-op-article-list-type="slider"] {
  padding-top: 24px;
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -850px 0;
  }

  100% {
    background-position: 950px 0;
  }
}

.opc-basket-button .basket-button-wrapper {
  justify-content: space-between;
  column-gap: 8px;
  width: 100%;
  display: flex;
}

.opc-basket-button .basket-button-wrapper .opc-button, .opc-basket-button .basket-button-wrapper .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button .basket-button-wrapper a, .opc-basket-button .basket-button-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button .basket-button-wrapper .notifications-cancel, .opc-basket-button .basket-button-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button .basket-button-wrapper .notifications-ok, .opc-basket-button .basket-button-wrapper .opc-compare-button, .opc-basket-button .basket-button-wrapper .opc-favorite-button {
  background-color: #0000 !important;
  border: 1px solid #e1e2e5 !important;
  border-radius: 1px !important;
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
}

.opc-basket-button .basket-button-wrapper input {
  border: 1px solid #e1e2e5 !important;
  border-radius: 1px !important;
  width: 100% !important;
  height: 36px !important;
  margin: 0 !important;
}

.opc-basket-button .basket-button-dim-variants {
  color: #171717;
  border: 1px solid #2a2a2a;
  border-radius: 1px;
  align-items: center;
  height: 36px;
  padding: 0 8px 0 12px;
  font-family: Roboto;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
  display: flex;
}

.opc-basket-button .basket-button-dim-1, .opc-basket-button .basket-button-dim-2, .opc-basket-button .basket-button-dim-3 {
  margin-left: 1rem;
}

.opc-basket-button .basket-button-dim-1:first-of-type, .opc-basket-button .basket-button-dim-2:first-of-type, .opc-basket-button .basket-button-dim-3:first-of-type {
  margin-left: 0;
}

.opc-basket-button .basket-button-dim-1, .opc-basket-button .basket-button-dim-2, .opc-basket-button .basket-button-dim-3 {
  vertical-align: middle;
  display: inline-block;
}

.opc-basket-button .basket-button-dim-1 input, .opc-basket-button .basket-button-dim-2 input, .opc-basket-button .basket-button-dim-3 input {
  text-align: center;
  border-color: #0000 #0000 #ccc;
  width: 3rem;
  height: 4rem;
  margin-right: .5rem;
  padding: 0;
  font-weight: bold;
}

.opc-basket-button .basket-button-dim-1.is-inactive, .opc-basket-button .basket-button-dim-2.is-inactive, .opc-basket-button .basket-button-dim-3.is-inactive {
  display: none !important;
}

.opc-basket-button button {
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.opc-basket-button button svg {
  flex-shrink: 0;
  margin-right: .5rem;
  font-size: 1.4em;
}

.opc-basket-button[data-op-type="multi-dim"] {
  display: inline-block;
}

.opc-basket-button[data-op-type="single-dim"] {
  display: inline-flex;
}

.opc-basket-button[data-op-type="single-dim"] .basket-button-dim-1 {
  vertical-align: middle;
  display: inline-block;
}

.opc-basket-button[data-op-type="nodim"] .basket-button-dim-1, .opc-basket-button[data-op-type="nodim"] .basket-button-dim-2, .opc-basket-button[data-op-type="nodim"] .basket-button-dim-3 {
  display: none;
}

.opc-basket-button[data-op-type="icon"] {
  display: inline-block;
}

.opc-basket-button[data-op-type="icon"] .basket-button-dim-1, .opc-basket-button[data-op-type="icon"] .basket-button-dim-2, .opc-basket-button[data-op-type="icon"] .basket-button-dim-3 {
  vertical-align: middle;
}

.opc-basket-button[data-op-type="icon"] .basket-button-dim-1 input, .opc-basket-button[data-op-type="icon"] .basket-button-dim-2 input, .opc-basket-button[data-op-type="icon"] .basket-button-dim-3 input {
  text-align: center;
  border-color: #0000 #0000 #ccc;
  width: 3rem;
  height: 4rem;
  margin-right: .5rem;
  padding: 0;
  font-weight: bold;
}

.opc-basket-button[data-op-type="icon"] .basket-button-dim-1, .opc-basket-button[data-op-type="icon"] .basket-button-dim-2, .opc-basket-button[data-op-type="icon"] .basket-button-dim-3 {
  display: none;
}

.opc-basket-button[data-op-type="icon"] button svg {
  font-size: 1.4em;
}

.opc-basket-button[data-op-type="icon"] button span {
  display: none;
}

.opc-basket-button[data-op-layout="touch"] {
  flex-wrap: wrap;
  row-gap: 15px;
  display: flex;
}

.opc-basket-button[data-op-layout="touch"] .basket-button-dim-1, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 {
  flex-wrap: wrap;
  width: 100%;
  margin-left: 0;
  display: flex;
}

.opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 label, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 label, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 label {
  width: 100%;
  display: block;
}

.opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 a, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .notifications-cancel, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .notifications-ok, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-compare-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-favorite-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 a, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .notifications-cancel, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .notifications-ok, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-compare-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-favorite-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 a, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .notifications-cancel, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .notifications-ok, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-compare-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-favorite-button {
  text-align: center;
  background: #eee;
  border: 1px solid #eee;
  width: 4rem;
  height: 3rem;
  padding: 0;
  font-weight: bold;
}

.opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-button[data-op-qtychange="inc"], .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="inc"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 a[data-op-qtychange="inc"], .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="inc"].notifications-cancel, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="inc"].notifications-ok, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="inc"].opc-compare-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="inc"].opc-favorite-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-button[data-op-qtychange="dec"], .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="dec"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 a[data-op-qtychange="dec"], .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="dec"].notifications-cancel, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="dec"].notifications-ok, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="dec"].opc-compare-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="dec"].opc-favorite-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-button[data-op-qtychange="inc"], .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="inc"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 a[data-op-qtychange="inc"], .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="inc"].notifications-cancel, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="inc"].notifications-ok, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="inc"].opc-compare-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="inc"].opc-favorite-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-button[data-op-qtychange="dec"], .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="dec"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 a[data-op-qtychange="dec"], .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="dec"].notifications-cancel, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="dec"].notifications-ok, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="dec"].opc-compare-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="dec"].opc-favorite-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-button[data-op-qtychange="inc"], .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="inc"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 a[data-op-qtychange="inc"], .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="inc"].notifications-cancel, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="inc"].notifications-ok, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="inc"].opc-compare-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="inc"].opc-favorite-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-button[data-op-qtychange="dec"], .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="dec"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 a[data-op-qtychange="dec"], .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="dec"].notifications-cancel, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="dec"].notifications-ok, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="dec"].opc-compare-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="dec"].opc-favorite-button {
  opacity: .8;
}

.opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-button[data-op-qtychange="inc"]:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="inc"].is-active:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 a[data-op-qtychange="inc"].is-active:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="inc"]:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 a[data-op-qtychange="inc"]:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="inc"].notifications-cancel:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="inc"].notifications-ok:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="inc"].opc-compare-button:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="inc"].opc-favorite-button:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-button[data-op-qtychange="inc"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="inc"].is-active:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 a[data-op-qtychange="inc"].is-active:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="inc"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 a[data-op-qtychange="inc"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="inc"].notifications-cancel:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="inc"].notifications-ok:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="inc"].opc-compare-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="inc"].opc-favorite-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-button[data-op-qtychange="dec"]:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="dec"].is-active:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 a[data-op-qtychange="dec"].is-active:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="dec"]:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 a[data-op-qtychange="dec"]:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="dec"].notifications-cancel:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="dec"].notifications-ok:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="dec"].opc-compare-button:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="dec"].opc-favorite-button:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-button[data-op-qtychange="dec"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="dec"].is-active:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 a[data-op-qtychange="dec"].is-active:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="dec"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 a[data-op-qtychange="dec"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="dec"].notifications-cancel:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="dec"].notifications-ok:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="dec"].opc-compare-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="dec"].opc-favorite-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-button[data-op-qtychange="inc"]:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="inc"].is-active:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 a[data-op-qtychange="inc"].is-active:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="inc"]:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 a[data-op-qtychange="inc"]:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="inc"].notifications-cancel:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="inc"].notifications-ok:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="inc"].opc-compare-button:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="inc"].opc-favorite-button:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-button[data-op-qtychange="inc"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="inc"].is-active:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 a[data-op-qtychange="inc"].is-active:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="inc"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 a[data-op-qtychange="inc"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="inc"].notifications-cancel:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="inc"].notifications-ok:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="inc"].opc-compare-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="inc"].opc-favorite-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-button[data-op-qtychange="dec"]:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="dec"].is-active:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 a[data-op-qtychange="dec"].is-active:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="dec"]:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 a[data-op-qtychange="dec"]:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="dec"].notifications-cancel:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="dec"].notifications-ok:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="dec"].opc-compare-button:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="dec"].opc-favorite-button:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-button[data-op-qtychange="dec"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="dec"].is-active:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 a[data-op-qtychange="dec"].is-active:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="dec"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 a[data-op-qtychange="dec"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="dec"].notifications-cancel:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="dec"].notifications-ok:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="dec"].opc-compare-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="dec"].opc-favorite-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-button[data-op-qtychange="inc"]:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="inc"].is-active:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 a[data-op-qtychange="inc"].is-active:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="inc"]:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 a[data-op-qtychange="inc"]:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="inc"].notifications-cancel:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="inc"].notifications-ok:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="inc"].opc-compare-button:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="inc"].opc-favorite-button:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-button[data-op-qtychange="inc"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="inc"].is-active:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 a[data-op-qtychange="inc"].is-active:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="inc"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 a[data-op-qtychange="inc"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="inc"].notifications-cancel:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="inc"].notifications-ok:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="inc"].opc-compare-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="inc"].opc-favorite-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-button[data-op-qtychange="dec"]:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="dec"].is-active:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 a[data-op-qtychange="dec"].is-active:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="dec"]:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 a[data-op-qtychange="dec"]:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="dec"].notifications-cancel:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="dec"].notifications-ok:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="dec"].opc-compare-button:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="dec"].opc-favorite-button:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-button[data-op-qtychange="dec"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="dec"].is-active:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 a[data-op-qtychange="dec"].is-active:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="dec"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 a[data-op-qtychange="dec"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="dec"].notifications-cancel:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="dec"].notifications-ok:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="dec"].opc-compare-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="dec"].opc-favorite-button:focus {
  opacity: 1;
  background: #d5d5d5;
}

.opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-button[data-op-qtychange="inc"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="inc"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 a[data-op-qtychange="inc"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="inc"].notifications-cancel:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="inc"].notifications-ok:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="inc"].opc-compare-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="inc"].opc-favorite-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-button[data-op-qtychange="dec"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="dec"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 a[data-op-qtychange="dec"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="dec"].notifications-cancel:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="dec"].notifications-ok:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="dec"].opc-compare-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="dec"].opc-favorite-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-button[data-op-qtychange="inc"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="inc"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 a[data-op-qtychange="inc"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="inc"].notifications-cancel:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="inc"].notifications-ok:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="inc"].opc-compare-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="inc"].opc-favorite-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-button[data-op-qtychange="dec"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="dec"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 a[data-op-qtychange="dec"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="dec"].notifications-cancel:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="dec"].notifications-ok:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="dec"].opc-compare-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="dec"].opc-favorite-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-button[data-op-qtychange="inc"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="inc"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 a[data-op-qtychange="inc"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="inc"].notifications-cancel:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="inc"].notifications-ok:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="inc"].opc-compare-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="inc"].opc-favorite-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-button[data-op-qtychange="dec"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-qtychange="dec"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 a[data-op-qtychange="dec"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="dec"].notifications-cancel:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="dec"].notifications-ok:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="dec"].opc-compare-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="dec"].opc-favorite-button:focus {
  outline: none;
}

.opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .basket-button-quantity, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .basket-button-quantity, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .basket-button-quantity {
  color: #171717;
  text-align: center;
  border: 1px solid #2a2a2a;
  border-radius: 1px;
  align-items: center;
  height: 36px;
  padding: 0 4px 0 8px;
  font-family: Roboto;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
  display: flex;
}

.opc-flags {
  display: flex;
}

.opc-flags .flag-news, .opc-flags .flag-free1, .opc-flags .flag-free2 {
  text-align: center;
  text-transform: uppercase;
  white-space: pre-line;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 6rem;
  height: 6rem;
  margin-right: 1rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 6rem;
  display: inline-flex;
  transform: rotate(-30deg);
}

[data-op-article-list-type="list"] .opc-flags .flag-news, [data-op-article-list-type="list"] .opc-flags .flag-free1, [data-op-article-list-type="list"] .opc-flags .flag-free2 {
  width: 4rem;
  height: 4rem;
  margin-right: .5rem;
  font-size: .933333rem;
  line-height: 4rem;
}

.opc-flags .flag-news span, .opc-flags .flag-free1 span, .opc-flags .flag-free2 span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.opc-flags .flag-news svg, .opc-flags .flag-free1 svg, .opc-flags .flag-free2 svg {
  flex-shrink: 0;
  margin: 0;
  font-size: 4rem;
}

.opc-flags .flag-news {
  color: #fff;
  background: #2eacb0;
}

.opc-flags .flag-free1 {
  color: #fff;
  background: #d85d40;
}

.opc-flags .flag-free2 {
  color: #fff;
  background: #8fd840;
}

.opc-flags[data-op-layout="icon"] svg {
  font-size: 6rem;
}

[data-op-article-list-type="list"] .opc-flags[data-op-layout="icon"] svg {
  font-size: 4rem;
}

.opc-flags[data-op-layout="icon"] .flag-news {
  color: #2eacb0;
  background: none !important;
}

.opc-flags[data-op-layout="icon"] .flag-free1 {
  color: #d85d40;
  background: none !important;
}

.opc-flags[data-op-layout="icon"] .flag-free2 {
  color: #8fd840;
  background: none !important;
}

.opc-flags[data-op-layout="text"] svg {
  display: none;
}

.opc-price {
  margin-bottom: 1rem;
  display: flex;
}

.opc-price .price-label {
  margin-right: .5rem;
  display: none;
}

.opc-price .price-basis, .opc-price .price-service, .opc-price .price-promotion {
  color: #313141;
  align-items: flex-end;
  margin-right: 1rem;
  font-size: 1.8rem;
  font-weight: 600;
  display: flex;
}

.opc-price .price-basis .prod-pre-info, .opc-price .price-service .prod-pre-info, .opc-price .price-promotion .prod-pre-info {
  margin-right: .4rem;
}

.opc-price .price-basis .price-currency, .opc-price .price-service .price-currency, .opc-price .price-promotion .price-currency {
  text-transform: uppercase;
  order: 2;
  margin-right: .4rem;
}

.opc-price .price-basis .price, .opc-price .price-service .price, .opc-price .price-promotion .price {
  order: 1;
  margin-right: .4rem;
}

.opc-price .price-info {
  order: 5;
  display: none;
}

.opc-price.is-basis .price-promotion, .opc-price.is-basis .price-service, .opc-price.is-promo .price-basis, .opc-price.is-promo .price-service, .opc-price.is-service .price-promotion, .opc-price.is-service .price-basis {
  display: none;
}

.opc-price.is-basis.is-promo:not(.is-service) .price-basis {
  color: #999;
  order: 2;
  font-size: 1.4rem;
  text-decoration: line-through;
}

.opc-price.is-basis.is-promo:not(.is-service) .price-promotion {
  order: 1;
}

.opc-price.is-basis.is-promo:not(.is-service) .price-service {
  display: none;
}

.opc-price.is-basis.is-promo:not(.is-service) .price-basis, .opc-price.is-basis.is-promo:not(.is-service) .price-promotion {
  display: inherit;
}

.opc-price.is-basis.is-service:not(.is-promo) .price-basis {
  color: #999;
  order: 2;
  font-size: 1.4rem;
  text-decoration: line-through;
}

.opc-price.is-basis.is-service:not(.is-promo) .price-service {
  order: 1;
}

.opc-price.is-basis.is-service:not(.is-promo) .price-promotion {
  display: none;
}

.opc-price.is-basis.is-service:not(.is-promo) .price-basis, .opc-price.is-basis.is-service:not(.is-promo) .price-service {
  display: inherit;
}

.opc-price.is-basis.is-service.is-promo .price-basis {
  color: #999;
  order: 2;
  font-size: 1.4rem;
  text-decoration: line-through;
}

.opc-price.is-basis.is-service.is-promo .price-service {
  order: 1;
}

.opc-price.is-basis.is-service.is-promo .price-basis, .opc-price.is-basis.is-service.is-promo .price-service {
  display: inherit;
}

.opc-price.is-service.is-promo:not(.is-basis) .price-promotion {
  color: #999;
  order: 2;
  font-size: 1.4rem;
  text-decoration: line-through;
}

.opc-price.is-service.is-promo:not(.is-basis) .price-service {
  order: 1;
}

.opc-price.is-service.is-promo:not(.is-basis) .price-basis {
  display: none;
}

.opc-price.is-service.is-promo:not(.is-basis) .price-promotion, .opc-price.is-service.is-promo:not(.is-basis) .price-service {
  display: inherit;
}

.opc-asset[data-op-type="gallery"] {
  width: 100%;
  max-width: 100%;
  max-height: auto;
  flex-flow: row;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.opc-asset[data-op-type="gallery"] > li {
  flex-grow: 1;
  flex-basis: 8rem;
  align-content: center;
  align-items: center;
  max-width: 8rem;
  margin: 0 .5rem;
  padding: 1rem;
  display: flex;
}

.opc-asset[data-op-type="gallery"] > li.is-selected {
  border: 1px solid #313141;
}

.opc-asset[data-op-type="gallery"] > li img {
  height: auto;
  max-height: inherit;
  flex-shrink: 0;
  width: 6rem;
}

.opc-art-spec {
  width: 100%;
}

.opc-art-spec .art-spec-group {
  margin-bottom: 2rem;
}

.opc-art-spec .art-spec-label {
  margin-bottom: 1rem;
  font-weight: 400;
}

.opc-art-spec .art-spec-data {
  flex-wrap: wrap;
  margin: 0 0 2rem;
  padding: 0;
  display: flex;
}

.opc-art-spec .art-spec-data:last-of-type {
  margin-bottom: 0;
}

.opc-art-spec .art-spec-data dt {
  width: 50%;
  font-size: inherit;
  border-bottom: 1px solid #ccc;
  align-self: flex-start;
  margin: 0 0 .5rem;
  padding: .5rem 0;
}

.opc-art-spec .art-spec-data dd {
  width: 50%;
  font-size: inherit;
  border-bottom: 1px solid #ccc;
  margin: 0 0 .5rem;
  padding: .5rem 0;
}

.opc-brand-slider > ul {
  -webkit-overflow-scrolling: touch;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  overflow-x: auto;
}

.opc-brand-slider > ul > li {
  flex-shrink: 0;
  width: 20%;
  margin-right: 2rem;
}

.opc-brand-slider > ul > li a img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

.opc-favorite-button:hover, .opc-favorite-button:focus {
  opacity: .8;
}

.opc-favorite-button.is-active {
  opacity: 1;
}

.opc-favorite-button:focus {
  outline: none;
}

.opc-favorite-button svg {
  font-size: 1.4em;
}

.opc-favorite-info {
  position: relative;
}

.opc-favorite-info[data-op-layout="1"] > .opc-button, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-favorite-info[data-op-layout="1"] > a, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="1"] > .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="1"] > .notifications-ok, .opc-favorite-info[data-op-layout="1"] > .opc-compare-button, .opc-favorite-info[data-op-layout="1"] > .opc-favorite-button {
  cursor: pointer;
  background: none;
  border: none;
  margin-left: .5rem;
  padding: 0 .5rem;
  font-size: 3.6rem;
  position: relative;
}

.opc-favorite-info[data-op-layout="1"] > .opc-button svg, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-favorite-info[data-op-layout="1"] > a svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="1"] > .notifications-cancel svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="1"] > .notifications-ok svg, .opc-favorite-info[data-op-layout="1"] > .opc-compare-button svg, .opc-favorite-info[data-op-layout="1"] > .opc-favorite-button svg {
  font-size: 3.6rem;
}

.opc-favorite-info[data-op-layout="1"] > .opc-button .favorite-text, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-favorite-info[data-op-layout="1"] > a .favorite-text, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="1"] > .notifications-cancel .favorite-text, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="1"] > .notifications-ok .favorite-text, .opc-favorite-info[data-op-layout="1"] > .opc-compare-button .favorite-text, .opc-favorite-info[data-op-layout="1"] > .opc-favorite-button .favorite-text {
  display: none;
}

.opc-favorite-info[data-op-layout="1"] > .opc-button .favorite-count, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-favorite-info[data-op-layout="1"] > a .favorite-count, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="1"] > .notifications-cancel .favorite-count, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="1"] > .notifications-ok .favorite-count, .opc-favorite-info[data-op-layout="1"] > .opc-compare-button .favorite-count, .opc-favorite-info[data-op-layout="1"] > .opc-favorite-button .favorite-count {
  text-align: center;
  color: #fff;
  background: #313141;
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  font-size: 1.1rem;
  line-height: 1.8rem;
  display: block;
  position: absolute;
  top: .4rem;
  right: 0;
}

.opc-favorite-info[data-op-layout="1"] > .opc-button .favorite-count:empty, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-favorite-info[data-op-layout="1"] > a .favorite-count:empty, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="1"] > .notifications-cancel .favorite-count:empty, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="1"] > .notifications-ok .favorite-count:empty, .opc-favorite-info[data-op-layout="1"] > .opc-compare-button .favorite-count:empty, .opc-favorite-info[data-op-layout="1"] > .opc-favorite-button .favorite-count:empty {
  display: none;
}

.opc-favorite-info[data-op-layout="2"] > .opc-button, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-favorite-info[data-op-layout="2"] > a, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="2"] > .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="2"] > .notifications-ok, .opc-favorite-info[data-op-layout="2"] > .opc-compare-button, .opc-favorite-info[data-op-layout="2"] > .opc-favorite-button {
  height: auto;
  line-height: inherit;
  padding: 0;
}

.opc-favorite-info[data-op-layout="2"] > .opc-button svg.op-icon-fav, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-favorite-info[data-op-layout="2"] > a svg.op-icon-fav, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="2"] > .notifications-cancel svg.op-icon-fav, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="2"] > .notifications-ok svg.op-icon-fav, .opc-favorite-info[data-op-layout="2"] > .opc-compare-button svg.op-icon-fav, .opc-favorite-info[data-op-layout="2"] > .opc-favorite-button svg.op-icon-fav {
  display: none;
}

.opc-favorite-info[data-op-layout="2"] > .opc-button .favorite-count, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-favorite-info[data-op-layout="2"] > a .favorite-count, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="2"] > .notifications-cancel .favorite-count, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="2"] > .notifications-ok .favorite-count, .opc-favorite-info[data-op-layout="2"] > .opc-compare-button .favorite-count, .opc-favorite-info[data-op-layout="2"] > .opc-favorite-button .favorite-count {
  font-weight: bold;
}

.opc-favorite-info[data-op-layout="2"] > .opc-button .favorite-count:before, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-favorite-info[data-op-layout="2"] > a .favorite-count:before, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="2"] > .notifications-cancel .favorite-count:before, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="2"] > .notifications-ok .favorite-count:before, .opc-favorite-info[data-op-layout="2"] > .opc-compare-button .favorite-count:before, .opc-favorite-info[data-op-layout="2"] > .opc-favorite-button .favorite-count:before {
  content: "(";
}

.opc-favorite-info[data-op-layout="2"] > .opc-button .favorite-count:after, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-favorite-info[data-op-layout="2"] > a .favorite-count:after, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="2"] > .notifications-cancel .favorite-count:after, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="2"] > .notifications-ok .favorite-count:after, .opc-favorite-info[data-op-layout="2"] > .opc-compare-button .favorite-count:after, .opc-favorite-info[data-op-layout="2"] > .opc-favorite-button .favorite-count:after {
  content: ")";
}

.opc-favorite-info[data-op-layout="2"] > .opc-button .favorite-count:empty, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-favorite-info[data-op-layout="2"] > a .favorite-count:empty, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="2"] > .notifications-cancel .favorite-count:empty, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="2"] > .notifications-ok .favorite-count:empty, .opc-favorite-info[data-op-layout="2"] > .opc-compare-button .favorite-count:empty, .opc-favorite-info[data-op-layout="2"] > .opc-favorite-button .favorite-count:empty {
  display: none;
}

.opc-compare-info {
  position: relative;
}

.opc-compare-info[data-op-layout="1"] > .opc-button, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-compare-info[data-op-layout="1"] > a, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="1"] > .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="1"] > .notifications-ok, .opc-compare-info[data-op-layout="1"] > .opc-compare-button, .opc-compare-info[data-op-layout="1"] > .opc-favorite-button {
  cursor: pointer;
  background: none;
  border: none;
  margin-left: .5rem;
  padding: 0 .5rem;
  font-size: 3.6rem;
  position: relative;
}

.opc-compare-info[data-op-layout="1"] > .opc-button svg, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-compare-info[data-op-layout="1"] > a svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="1"] > .notifications-cancel svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="1"] > .notifications-ok svg, .opc-compare-info[data-op-layout="1"] > .opc-compare-button svg, .opc-compare-info[data-op-layout="1"] > .opc-favorite-button svg {
  font-size: 3.6rem;
}

.opc-compare-info[data-op-layout="1"] > .opc-button .compare-text, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-compare-info[data-op-layout="1"] > a .compare-text, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="1"] > .notifications-cancel .compare-text, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="1"] > .notifications-ok .compare-text, .opc-compare-info[data-op-layout="1"] > .opc-compare-button .compare-text, .opc-compare-info[data-op-layout="1"] > .opc-favorite-button .compare-text {
  display: none;
}

.opc-compare-info[data-op-layout="1"] > .opc-button .compare-count, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-compare-info[data-op-layout="1"] > a .compare-count, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="1"] > .notifications-cancel .compare-count, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="1"] > .notifications-ok .compare-count, .opc-compare-info[data-op-layout="1"] > .opc-compare-button .compare-count, .opc-compare-info[data-op-layout="1"] > .opc-favorite-button .compare-count {
  text-align: center;
  color: #fff;
  background: #313141;
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  font-size: 1.1rem;
  line-height: 1.8rem;
  display: block;
  position: absolute;
  top: .4rem;
  right: 0;
}

.opc-compare-info[data-op-layout="1"] > .opc-button .compare-count:empty, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-compare-info[data-op-layout="1"] > a .compare-count:empty, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="1"] > .notifications-cancel .compare-count:empty, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="1"] > .notifications-ok .compare-count:empty, .opc-compare-info[data-op-layout="1"] > .opc-compare-button .compare-count:empty, .opc-compare-info[data-op-layout="1"] > .opc-favorite-button .compare-count:empty {
  display: none;
}

.opc-compare-info[data-op-layout="2"] > .opc-button, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-compare-info[data-op-layout="2"] > a, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="2"] > .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="2"] > .notifications-ok, .opc-compare-info[data-op-layout="2"] > .opc-compare-button, .opc-compare-info[data-op-layout="2"] > .opc-favorite-button {
  height: auto;
  line-height: inherit;
  padding: 0;
}

.opc-compare-info[data-op-layout="2"] > .opc-button svg.op-icon-compare, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-compare-info[data-op-layout="2"] > a svg.op-icon-compare, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="2"] > .notifications-cancel svg.op-icon-compare, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="2"] > .notifications-ok svg.op-icon-compare, .opc-compare-info[data-op-layout="2"] > .opc-compare-button svg.op-icon-compare, .opc-compare-info[data-op-layout="2"] > .opc-favorite-button svg.op-icon-compare {
  display: none;
}

.opc-compare-info[data-op-layout="2"] > .opc-button .compare-count, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-compare-info[data-op-layout="2"] > a .compare-count, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="2"] > .notifications-cancel .compare-count, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="2"] > .notifications-ok .compare-count, .opc-compare-info[data-op-layout="2"] > .opc-compare-button .compare-count, .opc-compare-info[data-op-layout="2"] > .opc-favorite-button .compare-count {
  margin-left: .4rem;
  font-weight: bold;
}

.opc-compare-info[data-op-layout="2"] > .opc-button .compare-count:before, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-compare-info[data-op-layout="2"] > a .compare-count:before, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="2"] > .notifications-cancel .compare-count:before, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="2"] > .notifications-ok .compare-count:before, .opc-compare-info[data-op-layout="2"] > .opc-compare-button .compare-count:before, .opc-compare-info[data-op-layout="2"] > .opc-favorite-button .compare-count:before {
  content: "(";
}

.opc-compare-info[data-op-layout="2"] > .opc-button .compare-count:after, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-compare-info[data-op-layout="2"] > a .compare-count:after, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="2"] > .notifications-cancel .compare-count:after, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="2"] > .notifications-ok .compare-count:after, .opc-compare-info[data-op-layout="2"] > .opc-compare-button .compare-count:after, .opc-compare-info[data-op-layout="2"] > .opc-favorite-button .compare-count:after {
  content: ")";
}

.opc-compare-info[data-op-layout="2"] > .opc-button .compare-count:empty, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-compare-info[data-op-layout="2"] > a .compare-count:empty, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="2"] > .notifications-cancel .compare-count:empty, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="2"] > .notifications-ok .compare-count:empty, .opc-compare-info[data-op-layout="2"] > .opc-compare-button .compare-count:empty, .opc-compare-info[data-op-layout="2"] > .opc-favorite-button .compare-count:empty {
  display: none;
}

.opc-basket-info {
  z-index: 1000;
  position: relative;
}

.opc-basket-info > .opc-button, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-info > a, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info > .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info > .notifications-ok, .opc-basket-info > .opc-compare-button, .opc-basket-info > .opc-favorite-button {
  cursor: pointer;
  background: none;
  border: none;
  margin-left: .5rem;
  padding: 0 .5rem;
  font-size: 3.8rem;
  position: relative;
}

.opc-basket-info > .opc-button svg, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-info > a svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info > .notifications-cancel svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info > .notifications-ok svg, .opc-basket-info > .opc-compare-button svg, .opc-basket-info > .opc-favorite-button svg {
  font-size: 4rem;
}

.opc-basket-info > .opc-button .basket-info-count, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-info > a .basket-info-count, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info > .notifications-cancel .basket-info-count, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info > .notifications-ok .basket-info-count, .opc-basket-info > .opc-compare-button .basket-info-count, .opc-basket-info > .opc-favorite-button .basket-info-count {
  text-align: center;
  color: #fff;
  background: #313141;
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  font-size: 1.1rem;
  line-height: 1.8rem;
  display: block;
  position: absolute;
  top: .4rem;
  right: 50%;
  transform: translateX(50%) translateX(2px);
}

.opc-basket-info > .opc-button .basket-info-count:empty, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-info > a .basket-info-count:empty, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info > .notifications-cancel .basket-info-count:empty, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info > .notifications-ok .basket-info-count:empty, .opc-basket-info > .opc-compare-button .basket-info-count:empty, .opc-basket-info > .opc-favorite-button .basket-info-count:empty {
  display: none;
}

.opc-basket-info .mini-basket {
  z-index: 100;
  background: #fff;
  width: 30rem;
  min-width: 30rem;
  max-width: 30rem;
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  box-shadow: 1px 1px 3px #0000004d;
}

.opc-basket-info .mini-basket .mini-basket-head {
  color: inherit;
  background: none;
  border-bottom: 1px solid #ccc;
  padding: 2rem 1rem;
  font-size: 1.8rem;
}

@media only screen and (width >= 800px) {
  .opc-basket-info .mini-basket .mini-basket-head {
    padding: 2rem;
  }
}

.opc-basket-info .mini-basket .mini-basket-head .mini-basket-quantity:before {
  content: "(";
}

.opc-basket-info .mini-basket .mini-basket-head .mini-basket-quantity:after {
  content: ")";
}

.opc-basket-info .mini-basket.is-open, .opc-basket-info .sidebar-wrapper .opc-navigation .navigation-level-1 li.mini-basket.is-active, .sidebar-wrapper .opc-navigation .navigation-level-1 .opc-basket-info li.mini-basket.is-active, .opc-basket-info .sidebar-wrapper .opc-navigation .navigation-level-1 li.mini-basket.is-active-parent, .sidebar-wrapper .opc-navigation .navigation-level-1 .opc-basket-info li.mini-basket.is-active-parent, .opc-basket-info .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.mini-basket.is-active, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-basket-info li.mini-basket.is-active, .opc-basket-info .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.mini-basket.is-active-parent, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-basket-info li.mini-basket.is-active-parent {
  display: block;
}

.opc-basket-info .mini-basket .mini-basket-body {
  max-height: 30rem;
  color: inherit;
  background: none;
  padding: 0;
  font-size: 1.4rem;
  overflow: hidden auto;
}

.opc-basket-info .mini-basket .mini-basket-footer {
  color: inherit;
  background: none;
  border-top: 1px solid #ccc;
  padding: 1rem;
  font-size: 1.4rem;
}

@media only screen and (width >= 800px) {
  .opc-basket-info .mini-basket .mini-basket-footer {
    padding: 1rem 2rem;
  }
}

.opc-basket-info .mini-basket .mini-basket-footer .mini-basket-footer-total {
  justify-content: space-between;
  width: 100%;
  padding: 0 0 2rem;
  font-weight: bold;
  display: flex;
}

.opc-basket-info .mini-basket .mini-basket-footer .mini-basket-footer-total b {
  font-weight: normal;
}

.opc-basket-info .mini-basket .mini-basket-footer .opc-button, .opc-basket-info .mini-basket .mini-basket-footer .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-info .mini-basket .mini-basket-footer a, .opc-basket-info .mini-basket .mini-basket-footer .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info .mini-basket .mini-basket-footer .notifications-cancel, .opc-basket-info .mini-basket .mini-basket-footer .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info .mini-basket .mini-basket-footer .notifications-ok, .opc-basket-info .mini-basket .mini-basket-footer .opc-compare-button, .opc-basket-info .mini-basket .mini-basket-footer .opc-favorite-button {
  text-align: center;
  width: 100%;
}

.opc-basket-info .mini-basket .basket-item-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.opc-basket-info .mini-basket .basket-item-list .basket-item {
  border-bottom: 1px solid #f5f5f5;
  align-items: center;
  padding: 1rem;
  display: flex;
  position: relative;
}

@media only screen and (width >= 800px) {
  .opc-basket-info .mini-basket .basket-item-list .basket-item {
    padding: 1rem 2rem;
  }
}

.opc-basket-info .mini-basket .basket-item-list .basket-item:hover {
  z-index: 10;
  background: #f5f5f5;
}

.opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-thumb {
  flex-shrink: 0;
  align-self: flex-start;
  width: 4rem;
  max-width: 4rem;
  margin-right: 1.5rem;
}

.opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-thumb img {
  max-width: 100%;
}

.opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-info {
  flex-grow: 1;
}

.opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-info .basket-item-title {
  width: 100%;
  margin-bottom: .4rem;
  padding-right: 2rem;
  display: block;
}

.opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-info .basket-item-title a {
  color: #000;
  font-weight: bold;
}

.opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-info .basket-item-title a:hover {
  color: #333;
}

.opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-info .basket-item-article-number {
  color: #999;
  width: 100%;
  margin-bottom: .4rem;
  font-size: 1.2rem;
  display: block;
}

.opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-info .mini-basket-unit {
  margin-right: 1rem;
}

.opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-info .basket-item-price-wrapper {
  float: right;
}

.opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-info .basket-item-price-wrapper .basket-item-currency, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-info .basket-item-price-wrapper .basket-item-price {
  color: #313141;
  font-weight: bold;
}

.opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-button, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions a, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .notifications-cancel, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .notifications-ok, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-compare-button, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-favorite-button {
  color: #000;
  background: none;
  padding: .2rem;
  line-height: 1;
}

.opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-button svg, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a svg, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions a svg, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .notifications-cancel svg, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .notifications-ok svg, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-compare-button svg, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-favorite-button svg {
  font-size: 1.6rem !important;
}

.opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-button:hover, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions a:hover, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .notifications-cancel:hover, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .notifications-ok:hover, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-compare-button:hover, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-favorite-button:hover {
  color: #dc143c;
  background: none;
}

.opc-history .history-pretext {
  vertical-align: top;
  margin-right: .5rem;
  display: inline-block;
}

.opc-history .history-navigation {
  vertical-align: top;
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}

.opc-history .history-navigation li {
  float: left;
  margin-right: .5rem;
}

.opc-history .history-navigation li:after {
  content: "";
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80%;
  width: 1em;
  height: 1em;
  display: inline-block;
}

.opc-history .history-navigation li.is-active {
  font-weight: bold;
}

.opc-history .history-navigation li.is-active:after {
  display: none;
}

.opc-history .history-navigation li a {
  color: inherit;
  text-decoration: none;
}

.opc-history .history-navigation li a:hover {
  color: #313141;
}

.opc-static-content[data-op-style="span2"] {
  width: 16.6667%;
  max-width: 16.6667%;
}

.opc-static-content[data-op-style="span4"] {
  width: 33.3333%;
  max-width: 33.3333%;
}

.opc-static-content[data-op-style="span6"] {
  width: 50%;
  max-width: 50%;
}

.opc-static-content[data-op-style="span8"] {
  width: 66.6667%;
  max-width: 66.6667%;
}

.opc-static-content[data-op-style="span10"] {
  width: 83.3333%;
  max-width: 83.3333%;
}

.opc-static-content[data-op-type="editable"] div[id^="staticcontent-"]:empty {
  text-align: center;
  color: #ccc;
  border: 3px dotted #ccc;
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 4rem;
}

.opc-static-content[data-op-type="editable"] div[id^="staticcontent-"]:empty:before {
  content: "WYSIWYG-CONTENT";
}

.opc-static-content .opc-button, .opc-static-content .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-static-content a, .opc-static-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-static-content .notifications-cancel, .opc-static-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-static-content .notifications-ok, .opc-static-content .opc-compare-button, .opc-static-content .opc-favorite-button {
  color: #fff;
  background: #333;
  border: 1px solid #fff;
}

.opc-payment-infos-svg {
  margin: 0;
  padding: 0;
  list-style: none;
}

.opc-payment-infos-svg:after {
  content: "";
  clear: both;
  width: 100%;
  display: block;
}

.opc-payment-infos-svg > li {
  float: left;
  margin-right: 4rem;
}

.opc-payment-infos-svg > li:last-child {
  margin-right: 0;
}

.opc-payment-infos-svg > li svg {
  color: #fff;
  font-size: 2em;
}

.opc-tabs .tab-list {
  background: #fff;
  border-bottom: 1px solid #ccc;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: baseline;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  position: relative;
}

.opc-tabs .tab-list:before, .opc-tabs .tab-list:after {
  content: "";
  background: #fff;
  border-bottom: 1px solid #ccc;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
}

.opc-tabs .tab-list:after {
  left: 100%;
  right: auto;
}

.opc-tabs .tab-list li, .opc-tabs .tab-list .tab-list-item {
  color: #999;
  background: none;
  border: 1px solid #0000;
  border-bottom: none;
  position: relative;
}

.opc-tabs .tab-list li else, .opc-tabs .tab-list .tab-list-item else {
  border-color: #0000;
}

.opc-tabs .tab-list li:hover, .opc-tabs .tab-list .tab-list-item:hover {
  color: #666;
  background: #eee;
}

.opc-tabs .tab-list li:first-child, .opc-tabs .tab-list .tab-list-item:first-child {
  margin-left: 0;
}

.opc-tabs .tab-list li.is-active, .opc-tabs .tab-list .tab-list-item.is-active {
  z-index: 2;
  color: #000;
  background: #ccc;
  border-color: #ccc #ccc currentColor;
  border-bottom-style: none;
  border-bottom-width: medium;
}

.opc-tabs .tab-list li.is-active:after, .opc-tabs .tab-list .tab-list-item.is-active:after {
  content: "";
  background: #ccc;
  height: 1px;
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
}

.opc-tabs .tab-list li a, .opc-tabs .tab-list .tab-list-item a {
  width: 100%;
  color: inherit;
  padding: 2rem 4rem;
  text-decoration: none;
  display: block;
}

.opc-tabs .tab-content-wrapper {
  margin-bottom: 2rem;
}

.opc-tabs .tab-content-wrapper .tab-content-inner {
  display: none;
}

.opc-tabs .tab-content-wrapper .tab-content-inner .tab-head {
  background: none;
  padding: 2rem;
  font-weight: bold;
  position: relative;
}

.opc-tabs .tab-content-wrapper .tab-content-inner .tab-head:hover {
  background: none;
}

.opc-tabs .tab-content-wrapper .tab-content-inner .tab-head:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23999%22%3E%3Cpath style%3D%22 %22 d%3D%22M 4.21875 10.78125 L 2.78125 12.21875 L 15.28125 24.71875 L 16 25.40625 L 16.71875 24.71875 L 29.21875 12.21875 L 27.78125 10.78125 L 16 22.5625 Z %22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 1.2em;
  height: 1.2em;
  display: block;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%) rotate(0);
}

.opc-tabs .tab-content-wrapper .tab-content-inner .tab-body {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.opc-tabs .tab-content-wrapper .tab-content-inner.is-active {
  display: block;
}

.opc-tabs .tab-content-wrapper .tab-content-inner.is-active .tab-head {
  background: none;
}

.opc-tabs .tab-content-wrapper .tab-content-inner.is-active .tab-head:after {
  transform: translateY(-50%) rotate(180deg);
}

.opc-tabs[data-op-type="tabs"] .tab-head, .opc-tabs[data-op-type="accordion"] .tab-list {
  display: none;
}

.opc-tabs[data-op-type="accordion"] .tab-content-inner {
  border: 1px solid #ccc;
  margin-top: -1px;
  display: block;
}

.opc-tabs[data-op-type="accordion"] .tab-content-inner > .tab-body {
  padding: 2rem;
  display: none;
}

.opc-tabs[data-op-type="accordion"] .tab-content-inner.is-active > .tab-body {
  display: block;
}

.article-list-menu {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  display: flex;
}

.article-list-menu .article-list-count {
  flex-grow: 1;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

@media only screen and (width >= 640px) {
  .article-list-menu .article-list-count {
    width: auto;
  }

  .article-list-menu .article-list-sort {
    width: auto;
    margin-right: 2rem;
  }
}

.article-list-menu .article-list-layout .opc-button, .article-list-menu .article-list-layout .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .article-list-menu .article-list-layout a, .article-list-menu .article-list-layout .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .article-list-menu .article-list-layout .notifications-cancel, .article-list-menu .article-list-layout .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .article-list-menu .article-list-layout .notifications-ok, .article-list-menu .article-list-layout .opc-compare-button, .article-list-menu .article-list-layout .opc-favorite-button {
  opacity: .4;
  background: #313141;
  width: 4rem;
}

.article-list-menu .article-list-layout .opc-button.is-active, .article-list-menu .article-list-layout .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a.is-active, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .article-list-menu .article-list-layout a.is-active, .article-list-menu .article-list-layout .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .is-active.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .article-list-menu .article-list-layout .is-active.notifications-cancel, .article-list-menu .article-list-layout .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .is-active.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .article-list-menu .article-list-layout .is-active.notifications-ok, .article-list-menu .article-list-layout .is-active.opc-compare-button, .article-list-menu .article-list-layout .is-active.opc-favorite-button {
  opacity: 1;
}

.article-list-menu .article-list-layout .opc-button svg, .article-list-menu .article-list-layout .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a svg, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .article-list-menu .article-list-layout a svg, .article-list-menu .article-list-layout .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .article-list-menu .article-list-layout .notifications-cancel svg, .article-list-menu .article-list-layout .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .article-list-menu .article-list-layout .notifications-ok svg, .article-list-menu .article-list-layout .opc-compare-button svg, .article-list-menu .article-list-layout .opc-favorite-button svg {
  fill: #fff;
}

@media only screen and (width >= 640px) {
  .article-list-menu .article-list-layout {
    margin-right: 2rem;
  }
}

.article-list-paging {
  text-align: center;
}

.article-list-paging .opc-segment-navigation button {
  color: #171717;
  border: unset;
  background-color: #fbc50a;
  padding-inline: 24px;
  font-family: Roboto;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2.4rem;
}

.article-list-paging .opc-segment-navigation button:hover, .article-list-paging .opc-segment-navigation button:focus {
  color: #3d3d3d;
  background-color: #fcd755;
}

.article-list-paging .opc-segment-navigation button.is-progress {
  color: #3d3d3d !important;
  background-color: #fcd755 !important;
}

.opc-article-list {
  flex-wrap: wrap;
  margin: 0 -15px;
  padding: 0;
  list-style: none;
  display: flex;
}

.opc-article-list > li {
  flex-basis: 100%;
  max-width: 100%;
  padding: 15px;
}

@media only screen and (width >= 640px) {
  .opc-article-list > li {
    flex-basis: 50%;
    max-width: 50%;
  }
}

@media only screen and (width >= 800px) {
  .opc-article-list > li {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }
}

@media only screen and (width >= 1024px) {
  .opc-article-list > li {
    flex-basis: 25%;
    max-width: 25%;
  }
}

@media only screen and (width >= 640px) {
  .opc-article-list[data-op-tile-col="4"] > li {
    flex-basis: 50%;
    max-width: 50%;
  }
}

@media only screen and (width >= 800px) {
  .opc-article-list[data-op-tile-col="4"] > li {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }
}

@media only screen and (width >= 1024px) {
  .opc-article-list[data-op-tile-col="4"] > li {
    flex-basis: 25%;
    max-width: 25%;
  }
}

@media only screen and (width >= 640px) {
  .opc-article-list[data-op-tile-col="3"] > li {
    flex-basis: 50%;
    max-width: 50%;
  }
}

@media only screen and (width >= 800px) {
  .opc-article-list[data-op-tile-col="3"] > li {
    flex-basis: 50%;
    max-width: 50%;
  }
}

@media only screen and (width >= 1024px) {
  .opc-article-list[data-op-tile-col="3"] > li {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }
}

.opc-article-list[data-op-tile-col="6"] > li {
  flex-basis: 50%;
  max-width: 50%;
}

@media only screen and (width >= 640px) {
  .opc-article-list[data-op-tile-col="6"] > li {
    flex-basis: 50%;
    max-width: 50%;
  }
}

@media only screen and (width >= 800px) {
  .opc-article-list[data-op-tile-col="6"] > li {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }
}

@media only screen and (width >= 1024px) {
  .opc-article-list[data-op-tile-col="6"] > li {
    flex-basis: 25%;
    max-width: 25%;
  }
}

.opc-article-list[data-op-article-list-type="list"] > li {
  padding: 15px;
  flex-basis: 100%;
  width: auto;
  max-width: none;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.opc-article-list-slider {
  display: block;
}

.article-list-item {
  background: #fff;
  border: 1px solid #7a7a7a;
  border-radius: 1px;
  width: 100%;
  padding-block: 1.5rem;
  position: relative;
}

.article-list-item:hover {
  z-index: 2;
  border: 1px solid #c7c7c7;
}

.article-list-item .article-list-item-category {
  margin-bottom: 1rem;
  display: none;
}

.article-list-item .article-list-item-category a {
  color: #000;
  align-items: center;
  display: flex;
}

.article-list-item .article-list-item-category a:hover {
  color: #333;
}

.article-list-item .article-list-item-category a svg {
  margin-right: 1rem;
}

.article-list-item .article-list-item-image {
  justify-content: center;
  align-items: center;
  height: 18rem;
  margin-bottom: 24px;
  display: flex;
}

.article-list-item .article-list-item-image img {
  object-fit: contain;
  flex-shrink: 0;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.article-list-item .article-list-item-flags {
  position: absolute;
  top: 0;
  right: 0;
}

.article-list-item .article-list-item-flags .flags {
  background-color: #172e57;
  align-items: center;
  height: 24px;
  margin-top: 8px;
  padding-inline: 8px;
  display: flex;
}

.article-list-item .article-list-item-flags .flags span {
  color: #fff;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
}

.article-list-item .article-list-item-flags .new, .article-list-item .article-list-item-flags .bestseller {
  display: none;
}

.article-list-item .article-list-item-details {
  flex-direction: column;
  display: flex;
}

.article-list-item .article-list-item-details .article-list-item-article-number {
  color: #f2f2f2;
  min-height: 2.4rem;
  margin: 0;
  font-family: Roboto, sans-serif;
  font-size: 1.4rem;
  line-height: 2.4rem;
}

.article-list-item .article-list-item-details .opc-price {
  align-self: flex-end;
}

.article-list-item .article-list-item-details .article-list-item-title {
  margin-bottom: .5rem;
  font-family: Roboto, sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4rem;
}

.article-list-item .article-list-item-details .article-list-item-title a {
  color: #f2f2f2;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.article-list-item .article-list-item-details .article-list-item-title a:hover {
  color: #333;
}

.article-list-item .article-list-item-details .article-list-item-description {
  font-size: 1.4rem;
  font-weight: 400;
}

.article-list-item .article-list-item-dimension {
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  min-height: 24px;
  margin-bottom: 8px;
  line-height: 24px;
  display: -webkit-box;
  overflow: hidden;
}

.article-list-item .article-list-item-stock {
  height: 20px;
  margin-bottom: 8px;
}

.article-list-item .article-list-item-price {
  justify-content: flex-end;
  height: 42px;
  display: none;
}

.article-list-item .article-list-item-price * > .price {
  flex-direction: column;
  row-gap: 4px;
  display: flex;
}

.article-list-item .article-list-item-price * > .price [data-uvp-price] {
  color: #171717;
  justify-content: flex-end;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  display: flex;
}

.article-list-item .article-list-item-price * > .price [data-basis-price] {
  color: #171717;
  justify-content: flex-end;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  display: flex;
}

.article-list-item .article-list-basket-btn-wrapper {
  margin-bottom: 16px;
}

.article-list-item .article-list-basket-btn-wrapper .opc-basket-button {
  flex-wrap: nowrap;
  justify-content: flex-end;
  gap: 12px;
  padding-inline: 16px;
  display: flex;
}

@media only screen and (width >= 1400px) {
  .article-list-item .article-list-basket-btn-wrapper .opc-basket-button {
    justify-content: center;
  }
}

.article-list-item .article-list-basket-btn-wrapper .opc-basket-button .basket-button-dim-1, .article-list-item .article-list-basket-btn-wrapper .opc-basket-button .basket-button-dim-2, .article-list-item .article-list-basket-btn-wrapper .opc-basket-button .basket-button-dim-3 {
  width: fit-content;
}

.article-list-item .article-list-basket-btn-wrapper .opc-basket-button .basket-button-wrapper {
  width: fit-content;
  height: fit-content;
}

.article-list-item .article-list-basket-btn-wrapper .opc-basket-button .opc-button, .article-list-item .article-list-basket-btn-wrapper .opc-basket-button .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .article-list-item .article-list-basket-btn-wrapper .opc-basket-button a, .article-list-item .article-list-basket-btn-wrapper .opc-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .article-list-item .article-list-basket-btn-wrapper .opc-basket-button .notifications-cancel, .article-list-item .article-list-basket-btn-wrapper .opc-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .article-list-item .article-list-basket-btn-wrapper .opc-basket-button .notifications-ok, .article-list-item .article-list-basket-btn-wrapper .opc-basket-button .opc-compare-button, .article-list-item .article-list-basket-btn-wrapper .opc-basket-button .opc-favorite-button {
  width: 4rem !important;
  height: 4rem !important;
}

.article-list-item .article-list-basket-btn-wrapper .opc-basket-button .basket-button-quantity {
  padding: 0;
  width: 4rem !important;
  height: 4rem !important;
}

.article-list-item .article-list-item-actions {
  color: #000;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow: visible;
  display: none !important;
}

.article-list-item .article-list-item-actions .details-button {
  margin-left: auto;
}

.article-list-item .article-list-item-actions .opc-more-button {
  margin-left: 1rem;
}

.article-list-item .article-list-item-actions.favorite-button-container {
  display: flex !important;
}

.article-list-item .article-list-item-actions.favorite-button-container > .opc-favorite-button {
  display: none;
}

@media only screen and (width >= 800px) {
  .article-list-item .article-list-item-actions .opc-basket-button {
    width: 4rem;
    padding: 0;
  }

  .article-list-item .article-list-item-actions .opc-basket-button svg {
    margin-right: 0;
  }
}

.article-list-item .article-list-item-actions .details-button {
  width: 100%;
}

@media only screen and (width >= 800px) {
  .article-list-item .article-list-item-actions .details-button {
    width: auto;
  }
}

[data-op-article-list-type="list"] .article-list-item {
  flex-wrap: wrap;
  display: flex;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-image {
  flex-shrink: 0;
  margin-left: 16px;
  margin-right: 2rem;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-image img {
  height: auto;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-image {
  width: 10rem;
  height: 10rem;
  margin-bottom: 0;
  display: block;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-flags {
  top: 0;
  right: 0;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-flags:not(:empty) ~ .article-list-item-details {
  margin-top: 1rem;
}

@media only screen and (width >= 640px) {
  [data-op-article-list-type="list"] .article-list-item .article-list-item-flags:not(:empty) ~ .article-list-item-details {
    margin-top: 0;
  }
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-details {
  flex-grow: 1;
  width: 100%;
  margin-bottom: 1rem;
}

@media only screen and (width >= 640px) {
  [data-op-article-list-type="list"] .article-list-item .article-list-item-details {
    width: 100%;
    margin-bottom: 0;
  }
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-details .article-list-item-title {
  margin-bottom: .5rem;
  font-size: 1.8rem;
  font-weight: 600;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-details .article-list-item-description {
  font-size: 1.4rem;
  font-weight: 400;
  display: none;
}

@media only screen and (width >= 640px) {
  [data-op-article-list-type="list"] .article-list-item .article-list-item-details .article-list-item-description {
    display: block;
  }
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions {
  z-index: 1;
  flex-wrap: nowrap;
  place-content: flex-start space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .details-button {
  margin-top: auto;
  margin-left: 0;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button {
  flex-wrap: nowrap;
  flex-grow: 0;
  order: 1;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button[data-op-type="single-dim"] .basket-button-dim-1 {
  width: 100%;
  margin-bottom: 0;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-button, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button a, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .notifications-cancel, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .notifications-ok, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-compare-button, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-favorite-button {
  flex-grow: 0;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-favorite-button {
  margin-bottom: 0;
  margin-left: 1rem;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-favorite-button:first-of-type {
  margin-left: 0;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-compare-button {
  margin-bottom: 0;
  margin-left: 1rem;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-more-button {
  margin-bottom: 0;
  margin-left: 0;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-more-button:first-child {
  margin-left: 0;
}

@media only screen and (width >= 640px) {
  [data-op-article-list-type="list"] .article-list-item .article-list-item-actions {
    flex-wrap: wrap;
    place-content: flex-start flex-end;
    align-items: flex-start;
    width: auto;
  }

  [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button {
    flex-wrap: wrap;
    flex-grow: 0;
    justify-content: flex-end;
    width: 100%;
    margin-right: 0;
  }

  [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button[data-op-type="single-dim"] .basket-button-dim-1 {
    width: auto;
    margin-bottom: 0;
  }

  [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-button, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button a, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .notifications-cancel, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .notifications-ok, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-compare-button, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-favorite-button {
    flex-grow: 0;
  }

  [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-button svg, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a svg, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button a svg, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .notifications-cancel svg, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .notifications-ok svg, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-compare-button svg, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-favorite-button svg {
    display: block;
  }

  [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-button span, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a span, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button a span, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel span, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .notifications-cancel span, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok span, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .notifications-ok span, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-compare-button span, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-favorite-button span {
    display: none;
  }

  [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-favorite-button, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-compare-button, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-more-button {
    order: unset;
    margin-bottom: 1rem;
    margin-left: 1rem;
  }
}

.page-favorites .fav-menu {
  justify-content: flex-end;
  width: 100%;
  padding: 0 1.5rem 1.5rem 0;
  display: flex;
  position: relative;
}

.page-favorites .fav-menu .opc-button.opc-more-button, .page-favorites .fav-menu .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a.opc-more-button, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .page-favorites .fav-menu a.opc-more-button, .page-favorites .fav-menu .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-more-button.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-favorites .fav-menu .opc-more-button.notifications-cancel, .page-favorites .fav-menu .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-more-button.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-favorites .fav-menu .opc-more-button.notifications-ok, .page-favorites .fav-menu .opc-more-button.opc-compare-button, .page-favorites .fav-menu .opc-more-button.opc-favorite-button {
  background-color: #dea100;
  border: 1px solid #e1e2e5;
  border-radius: 4px;
  width: 40px;
  height: 40px;
}

.page-favorites .fav-menu .opc-more-button {
  color: #000;
}

.page-favorites .fav-menu .more-button-content {
  position: absolute;
  inset: auto 0 0 auto;
}

.page-favorites .fav-menu .more-button-content button {
  font-size: 1.25rem;
}

.opc-filter-set .item-marker, .opc-item-list .item-marker {
  width: 1.2em;
  height: 1.2em;
  margin-right: 1rem;
  display: none;
}

.opc-filter-set {
  position: relative;
}

.opc-filter-set .filter-toggle {
  text-align: center;
  cursor: pointer;
  background: #eeec;
  margin-bottom: 2rem;
  padding: 1rem 2rem;
  display: block;
}

@media only screen and (width >= 800px) {
  .opc-filter-set .filter-toggle {
    display: none;
  }
}

.opc-filter-set .filter-toggle:hover {
  background: #eee;
}

.opc-filter-set .filter-toggle i {
  margin-right: 1rem;
}

.opc-filter-set .filter-toggle.is-hidden {
  display: none;
}

.opc-filter-set .filter-reset {
  opacity: .8;
  color: #dea100;
  margin-bottom: 1rem;
  padding: 0;
  display: inline-block;
}

.opc-filter-set .filter-reset:hover {
  opacity: 1;
}

.opc-filter-set .filter-reset {
  margin-bottom: 16px;
}

.opc-filter-set .filter-set-list {
  flex-direction: column;
  display: none;
}

@media only screen and (width >= 800px) {
  .opc-filter-set .filter-set-list {
    display: flex !important;
  }
}

.opc-filter-set .filter-set-list.is-open, .opc-filter-set .sidebar-wrapper .opc-navigation .navigation-level-1 li.filter-set-list.is-active, .sidebar-wrapper .opc-navigation .navigation-level-1 .opc-filter-set li.filter-set-list.is-active, .opc-filter-set .sidebar-wrapper .opc-navigation .navigation-level-1 li.filter-set-list.is-active-parent, .sidebar-wrapper .opc-navigation .navigation-level-1 .opc-filter-set li.filter-set-list.is-active-parent, .opc-filter-set .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.filter-set-list.is-active, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-filter-set li.filter-set-list.is-active, .opc-filter-set .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.filter-set-list.is-active-parent, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-filter-set li.filter-set-list.is-active-parent {
  display: flex;
}

.opc-filter-set .filter-set-list .filter-set-list-item {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

.opc-filter-set .filter-set-list .filter-set-list-item .filteritemamount {
  margin: 0 0 0 .5rem;
}

.opc-filter-set .filter-set-list .filter-set-list-item .filteritemamount:before {
  content: "(";
}

.opc-filter-set .filter-set-list .filter-set-list-item .filteritemamount:after {
  content: ")";
}

.opc-filter-set[data-op-layout="horizontal"] .filter-set-list {
  flex-flow: wrap;
  justify-content: flex-start;
  margin-bottom: 1rem;
  margin-left: -15px;
  margin-right: -15px;
  display: none;
}

.opc-filter-set[data-op-layout="horizontal"] .filter-set-list.is-open, .opc-filter-set[data-op-layout="horizontal"] .sidebar-wrapper .opc-navigation .navigation-level-1 li.filter-set-list.is-active, .sidebar-wrapper .opc-navigation .navigation-level-1 .opc-filter-set[data-op-layout="horizontal"] li.filter-set-list.is-active, .opc-filter-set[data-op-layout="horizontal"] .sidebar-wrapper .opc-navigation .navigation-level-1 li.filter-set-list.is-active-parent, .sidebar-wrapper .opc-navigation .navigation-level-1 .opc-filter-set[data-op-layout="horizontal"] li.filter-set-list.is-active-parent, .opc-filter-set[data-op-layout="horizontal"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.filter-set-list.is-active, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-filter-set[data-op-layout="horizontal"] li.filter-set-list.is-active, .opc-filter-set[data-op-layout="horizontal"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.filter-set-list.is-active-parent, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-filter-set[data-op-layout="horizontal"] li.filter-set-list.is-active-parent {
  display: flex;
}

.opc-filter-set[data-op-layout="horizontal"] .filter-set-list .filter-set-list-item[data-op-style="fullwidth"] {
  flex-basis: 100%;
  width: 100%;
  max-width: 100%;
}

.opc-filter-set[data-op-layout="horizontal"] .filter-set-list .filter-set-list-item {
  padding: 0 15px;
}

@media only screen and (width >= 640px) {
  .opc-filter-set[data-op-layout="horizontal"] .filter-set-list .filter-set-list-item {
    flex-basis: 50%;
    width: 50%;
    max-width: 50%;
  }
}

@media only screen and (width >= 800px) {
  .opc-filter-set[data-op-layout="horizontal"] .filter-set-list .filter-set-list-item {
    flex-basis: 25%;
    width: 25%;
    max-width: 25%;
  }
}

.opc-filter {
  z-index: 9;
  width: 100%;
  margin-bottom: 32px;
  position: relative;
}

.opc-filter .filter-head {
  padding: 10px 0;
}

.opc-filter .filter-head svg {
  font-size: 1.4em;
}

.opc-filter .filter-body {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 1px;
  width: 100%;
  margin-top: -1px;
}

.opc-filter .filter-body .filter-body-search {
  padding: 0;
}

.opc-filter .filter-body .filter-body-search input {
  background: #cccccc1a;
  border: none;
  width: 100%;
  padding: 1rem 2rem;
}

.opc-filter .filter-body .filter-body-inner {
  border-top: 1px solid #ccc;
  max-height: 200px;
  overflow: hidden auto;
}

.opc-filter .filter-body .filter-body-reset {
  border-top: 1px solid #ccc;
  padding: .5rem 2rem;
}

.opc-filter .filter-body .filter-body-reset a {
  color: #dc143c;
  opacity: .6;
}

.opc-filter .filter-body .filter-body-reset a:hover {
  opacity: 1;
}

.opc-filter[data-op-type="range"] .filter-body-inner {
  border-top: none;
  padding: 1rem 2rem;
  position: relative;
}

.opc-filter[data-op-type="range"] .slider-values {
  color: #000;
  background: #d9d9d9;
  border-radius: 5px;
  padding: .25rem 1rem;
  display: block;
  position: absolute;
  bottom: 4rem;
  left: 50%;
  transform: translateX(-50%);
}

.opc-filter[data-op-type="range"] .slider-values input:focus {
  outline: none;
}

.opc-filter[data-op-type="range"] .slider-values .range-separator {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.opc-filter[data-op-type="range"][data-op-layouttype1="opc-rng2"] .slider-controls {
  justify-content: space-between;
  display: flex;
}

.opc-filter[data-op-type="range"][data-op-layouttype1="opc-rng2"] .slider-controls .slider-values {
  width: 50%;
  left: auto;
  bottom: inherit;
  background: none;
  border: 1px solid #d9d9d9;
  justify-content: center;
  align-self: center;
  height: 3.2rem;
  display: flex;
  position: relative;
  transform: none;
}

.opc-filter[data-op-type="range"][data-op-layouttype1="opc-rng2"] .slider-controls .slider-values .range-separator {
  position: absolute;
}

.opc-filter[data-op-type="range"][data-op-layouttype1="opc-rng2"] .slider-controls .slider-values input {
  text-align: center;
  background: none;
  border: none;
  width: 50%;
}

.opc-filter[data-op-type="range"][data-op-layouttype1="opc-rng2"] .slider-controls .slider-values input[disabled] {
  cursor: not-allowed;
}

.opc-filter[data-op-type="range"][data-op-layouttype1="opc-rng3"] .slider-controls {
  justify-content: space-between;
  display: flex;
}

.opc-filter[data-op-type="range"][data-op-layouttype1="opc-rng3"] .slider-controls .slider-values {
  width: 75%;
  left: auto;
  bottom: inherit;
  background: none;
  border: 1px solid #d9d9d9;
  justify-content: center;
  align-self: center;
  height: 3.2rem;
  display: flex;
  position: relative;
  transform: none;
}

.opc-filter[data-op-type="range"][data-op-layouttype1="opc-rng3"] .slider-controls .slider-values .range-separator {
  position: absolute;
}

.opc-filter[data-op-type="range"][data-op-layouttype1="opc-rng3"] .slider-controls .slider-values input {
  text-align: center;
  background: none;
  border: none;
  width: 50%;
}

.opc-filter[data-op-type="range"][data-op-layouttype1="opc-rng3"] .slider-controls .slider-values input[disabled] {
  cursor: not-allowed;
}

.opc-filter[data-op-type="datepicker"] .filter-body-inner {
  border-top: none;
  padding: 1rem 2rem;
  position: relative;
}

.opc-filter[data-op-type="datepicker"] .filter-values {
  color: #000;
  background: #d9d9d9;
  border-radius: 5px;
  padding: .25rem 1rem;
  display: block;
  position: absolute;
  bottom: 4rem;
  left: 50%;
  transform: translateX(-50%);
}

.opc-filter[data-op-type="datepicker"] .filter-values input:focus {
  outline: none;
}

.opc-filter[data-op-type="datepicker"] .filter-values .filter-separator {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.opc-filter[data-op-type="datepicker"][data-op-layouttype1="opc-dat3"] .filter-controls {
  justify-content: space-between;
  display: flex;
}

.opc-filter[data-op-type="datepicker"][data-op-layouttype1="opc-dat3"] .filter-controls .filter-values {
  width: 75%;
  left: auto;
  bottom: inherit;
  background: none;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  justify-content: center;
  align-self: center;
  height: 3.2rem;
  display: flex;
  position: relative;
  transform: none;
}

.opc-filter[data-op-type="datepicker"][data-op-layouttype1="opc-dat3"] .filter-controls .filter-values .filter-separator {
  position: absolute;
}

.opc-filter[data-op-type="datepicker"][data-op-layouttype1="opc-dat3"] .filter-controls .filter-values input {
  text-align: center;
  background: none;
  border: none;
  width: 50%;
}

.opc-filter[data-op-type="datepicker"][data-op-layouttype1="opc-dat3"] .filter-controls .filter-values input[disabled] {
  cursor: not-allowed;
}

.opc-filter[data-op-style="dropdown"] {
  background: #fff;
}

.opc-filter[data-op-style="dropdown"] .filter-head {
  color: #f2f2f2;
  border: 1px solid #2a2a2a;
  padding: 6px 36px 6px 12px;
  font-family: Roboto;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
  position: relative;
}

.opc-filter[data-op-style="dropdown"] .filter-head svg {
  font-size: 2rem;
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}

.opc-filter[data-op-style="dropdown"] .filter-body {
  background: #fff;
  border: 1px solid #f2f2f2;
  width: 100%;
  margin-top: -1px;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
}

.opc-filter[data-op-style="dropdown"] .filter-body .filter-body-search {
  padding: 0;
}

.opc-filter[data-op-style="dropdown"] .filter-body .filter-body-search input {
  background: #cccccc1a;
  border: none;
}

.opc-filter[data-op-style="classic"] .filter-head {
  font-size: 2.2rem;
}

.opc-filter[data-op-style="classic"] .filter-head svg {
  display: none;
}

.opc-filter[data-op-style="classic"][data-op-type="text"] .filter-body:nth-child(-n+1) {
  margin-top: 0;
}

.opc-filter[data-op-style="classic"][data-op-type="text"] .filter-body .filter-body-search input {
  background: #fff;
  height: calc(5rem - 1px);
  line-height: calc(5rem - 1px);
}

.opc-filter[data-op-style="classic"][data-op-type="text"] .filter-body .opc-button, .opc-filter[data-op-style="classic"][data-op-type="text"] .filter-body .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-filter[data-op-style="classic"][data-op-type="text"] .filter-body a, .opc-filter[data-op-style="classic"][data-op-type="text"] .filter-body .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-filter[data-op-style="classic"][data-op-type="text"] .filter-body .notifications-cancel, .opc-filter[data-op-style="classic"][data-op-type="text"] .filter-body .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-filter[data-op-style="classic"][data-op-type="text"] .filter-body .notifications-ok, .opc-filter[data-op-style="classic"][data-op-type="text"] .filter-body .opc-compare-button, .opc-filter[data-op-style="classic"][data-op-type="text"] .filter-body .opc-favorite-button {
  background: none;
  height: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  position: absolute;
  top: 0;
  right: 0;
}

.opc-filter.is-open, .sidebar-wrapper .opc-navigation .navigation-level-1 li.opc-filter.is-active, .sidebar-wrapper .opc-navigation .navigation-level-1 li.opc-filter.is-active-parent, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.opc-filter.is-active, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.opc-filter.is-active-parent {
  z-index: 10;
}

.opc-filter.is-open .filter-head:after, .sidebar-wrapper .opc-navigation .navigation-level-1 li.opc-filter.is-active .filter-head:after, .sidebar-wrapper .opc-navigation .navigation-level-1 li.opc-filter.is-active-parent .filter-head:after, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.opc-filter.is-active .filter-head:after, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.opc-filter.is-active-parent .filter-head:after {
  transform: translateY(-50%) rotate(-180deg);
}

.opc-filter.is-open .filter-body, .sidebar-wrapper .opc-navigation .navigation-level-1 li.opc-filter.is-active .filter-body, .sidebar-wrapper .opc-navigation .navigation-level-1 li.opc-filter.is-active-parent .filter-body, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.opc-filter.is-active .filter-body, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.opc-filter.is-active-parent .filter-body {
  display: block;
}

.filter-tag-list {
  margin-bottom: 1rem;
}

.filter-tag-list .tag {
  color: #fff;
  background: #fbc50a;
  border-radius: 5rem;
  margin-bottom: 1rem;
  margin-right: .5rem;
  padding: 1rem 3.5rem 1rem 2rem;
  font-size: 1.2rem;
  display: inline-block;
  position: relative;
}

.filter-tag-list .tag .tag-type {
  opacity: .8;
  margin-right: .5rem;
}

.filter-tag-list .tag .tag-value {
  align-items: baseline;
  font-weight: bold;
  display: inline-flex;
}

.filter-tag-list .tag .tag-remove {
  opacity: .6;
  cursor: pointer;
  text-indent: -9999px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%24COL-WHITE%22%3E%3Cpath style%3D%22 %22 d%3D%22M 7.21875 5.78125 L 5.78125 7.21875 L 14.5625 16 L 5.78125 24.78125 L 7.21875 26.21875 L 16 17.4375 L 24.78125 26.21875 L 26.21875 24.78125 L 17.4375 16 L 26.21875 7.21875 L 24.78125 5.78125 L 16 14.5625 Z %22%2F%3E%3C%2Fsvg%3E");
  background-position: calc(100% - 1rem);
  background-repeat: no-repeat;
  background-size: 1.6rem;
  align-items: center;
  height: 100%;
  margin-left: 1rem;
  padding: 0 1.5rem 0 1rem;
  font-weight: bold;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
}

.filter-tag-list .tag .tag-remove:hover {
  opacity: 1;
}

.filter-tag-list .tag .tag-remove:before {
  content: "x";
}

.select-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.select-list li input {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

.select-list li label {
  cursor: pointer;
  align-items: center;
  padding: 1rem 2rem;
  display: flex;
}

.select-list li label:hover {
  background: #0000000d;
}

.select-list li label:before {
  content: "";
  opacity: 1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23eee%22%3E%3Cpath style%3D%22 %22 d%3D%22M 28.28125 6.28125 L 11 23.5625 L 3.71875 16.28125 L 2.28125 17.71875 L 10.28125 25.71875 L 11 26.40625 L 11.71875 25.71875 L 29.71875 7.71875 Z %22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-size: cover;
  width: 1.2em;
  height: 1.2em;
  margin-right: 1rem;
  transition: all .2s ease-in-out;
  display: inline-block;
}

.select-list li input:checked + label:before {
  opacity: 1;
  color: #1da775;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23127f58%22%3E%3Cpath style%3D%22 %22 d%3D%22M 28.28125 6.28125 L 11 23.5625 L 3.71875 16.28125 L 2.28125 17.71875 L 10.28125 25.71875 L 11 26.40625 L 11.71875 25.71875 L 29.71875 7.71875 Z %22%2F%3E%3C%2Fsvg%3E");
}

.range-slider {
  margin: 0;
}

.range-slider[data-op-orientation="horizontal"] {
  margin: 39px 0 5px;
}

.slider-controls + .range-slider[data-op-orientation="horizontal"] {
  margin: 20px 0 10px;
}

.opc-more-button {
  text-align: center;
  opacity: .6;
  position: relative;
}

.opc-more-button[data-op-type="icon"] {
  border: 1px solid #ccc;
  border-radius: 50%;
}

.opc-more-button:hover {
  opacity: 1;
}

.opc-more-button i {
  margin: 0 !important;
}

.opc-more-button svg {
  pointer-events: none;
}

.opc-more-button .more-button-content {
  text-align: left;
  opacity: 0;
  color: #fff;
  visibility: hidden;
  background: #333;
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  list-style: none;
  position: absolute;
  top: 0;
  right: 0;
}

.opc-more-button .more-button-content li {
  white-space: nowrap;
  border-bottom: 1px solid #666;
  padding: 0;
  line-height: 2;
  margin-bottom: 0 !important;
}

.opc-more-button .more-button-content li button, .opc-more-button .more-button-content li .opc-button, .opc-more-button .more-button-content li .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-more-button .more-button-content li a, .opc-more-button .more-button-content li .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-more-button .more-button-content li .notifications-cancel, .opc-more-button .more-button-content li .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-more-button .more-button-content li .notifications-ok, .opc-more-button .more-button-content li .opc-compare-button, .opc-more-button .more-button-content li .opc-favorite-button {
  color: #fff;
  opacity: .8;
  padding: 0 2rem;
  background: none !important;
  width: auto !important;
}

.opc-more-button .more-button-content li button svg, .opc-more-button .more-button-content li .opc-button svg, .opc-more-button .more-button-content li .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a svg, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-more-button .more-button-content li a svg, .opc-more-button .more-button-content li .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-more-button .more-button-content li .notifications-cancel svg, .opc-more-button .more-button-content li .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-more-button .more-button-content li .notifications-ok svg, .opc-more-button .more-button-content li .opc-compare-button svg, .opc-more-button .more-button-content li .opc-favorite-button svg {
  display: none;
}

.opc-more-button .more-button-content li button span, .opc-more-button .more-button-content li .opc-button span, .opc-more-button .more-button-content li .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a span, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-more-button .more-button-content li a span, .opc-more-button .more-button-content li .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel span, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-more-button .more-button-content li .notifications-cancel span, .opc-more-button .more-button-content li .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok span, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-more-button .more-button-content li .notifications-ok span, .opc-more-button .more-button-content li .opc-compare-button span, .opc-more-button .more-button-content li .opc-favorite-button span {
  display: block;
}

.opc-more-button .more-button-content li button, .opc-more-button .more-button-content li .opc-button, .opc-more-button .more-button-content li .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-more-button .more-button-content li a, .opc-more-button .more-button-content li .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-more-button .more-button-content li .notifications-cancel, .opc-more-button .more-button-content li .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-more-button .more-button-content li .notifications-ok, .opc-more-button .more-button-content li .opc-compare-button, .opc-more-button .more-button-content li .opc-favorite-button {
  border: none !important;
  margin-bottom: 0 !important;
}

.opc-more-button .more-button-content li:hover {
  background: #222 !important;
}

.opc-more-button .more-button-content li:hover button {
  color: #fff;
  opacity: 1;
  box-shadow: none !important;
}

@media only screen and (width <= 640px) {
  .opc-more-button[mobile-left] .more-button-content {
    left: 0;
    right: auto;
  }
}

.opc-more-button:focus {
  opacity: 1;
  outline: none;
}

.opc-more-button:focus .more-button-content {
  opacity: 1;
  visibility: visible;
  z-index: 5;
}

.opc-compare-button {
  opacity: .4;
}

.opc-compare-button:hover {
  opacity: .8;
}

.opc-compare-button.is-active {
  opacity: 1;
}

.opc-compare-button:focus {
  outline: none;
}

.opc-compare-button svg {
  font-size: 1.4em;
}

.opc-compare-count {
  font-weight: bold;
}

.opc-compare-count:before {
  content: "(";
}

.opc-compare-count:after {
  content: ")";
}

.opc-compare-count:empty {
  display: none;
}

.opc-category-navigation ul {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0 -15px;
  padding: 0;
  list-style: none;
  display: flex;
}

.opc-category-navigation ul li {
  flex-basis: 50%;
  width: 50%;
  max-width: 50%;
  margin-bottom: 30px;
  padding: 0 15px;
}

@media only screen and (width >= 640px) {
  .opc-category-navigation ul li {
    flex-basis: 50%;
    width: 50%;
    max-width: 50%;
  }
}

@media only screen and (width >= 800px) {
  .opc-category-navigation ul li {
    flex-basis: 33.3333%;
    width: 33.3333%;
    max-width: 33.3333%;
  }
}

@media only screen and (width >= 1024px) {
  .opc-category-navigation ul li {
    flex-basis: 25%;
    width: 25%;
    max-width: 25%;
  }
}

.opc-category-navigation ul .category-item .category-item-image {
  background: #eee;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  height: 18rem;
  margin-bottom: 1rem;
  display: flex;
  overflow: hidden;
}

.opc-category-navigation ul .category-item .category-item-image img {
  flex-shrink: 0;
  max-width: 100%;
}

.opc-category-navigation ul .category-item .category-item-title {
  margin-bottom: 1rem;
}

.opc-category-navigation ul .category-item .category-item-title a {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000;
  height: 2.4rem;
  display: block;
  overflow: hidden;
}

.opc-category-navigation ul .category-item .category-item-title a:hover {
  color: #333;
}

.opc-category-navigation ul .category-item .category-item-description {
  height: 3.8rem;
  display: none;
  overflow: hidden;
}

@media only screen and (width >= 640px) {
  .opc-category-navigation ul .category-item .category-item-description {
    display: block;
  }
}

.opc-category-navigation ul .category-item .category-item-description:empty {
  display: none;
}

.opc-extended-head {
  background: none;
  margin-bottom: 4rem;
  padding: 4rem 2rem;
}

@media only screen and (width >= 480px) {
  .opc-extended-head {
    margin-bottom: 2rem;
  }
}

.opc-extended-head h1 {
  margin-bottom: .8em !important;
}

.opc-message {
  background: #f8f8f8;
  margin-bottom: 3rem;
  padding: 2rem;
}

.opc-message p:last-of-type {
  margin: 0;
}

.opc-message svg {
  margin-right: 1rem;
  font-size: 1.2em;
}

.opc-message[data-op-type="info"] {
  color: #fff;
  background: #3c54ac;
}

.opc-message[data-op-type="warning"] {
  background: #ffc23b;
}

.opc-message[data-op-type="success"] {
  color: #fff;
  background: #127f58;
}

.opc-message[data-op-type="error"] {
  color: #fff;
  background: #c12121;
}

.opc-message-fullscreen {
  flex-basis: 100% !important;
  max-width: 100% !important;
}

.opc-manager-update {
  text-align: center;
}

.opc-manager-stage {
  margin-top: 20px;
}

.opc-manager-stage .opc-col > div {
  text-align: center;
  border: 1px solid gray;
  min-height: 325px;
  padding: 15px;
}

.opc-manager-stage .stage-action {
  margin: 10px;
}

.opc-manager-stage .stage-cache {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
}

.opc-manager-stage .stage-cache span.opc-button, .opc-manager-stage .stage-cache .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons span.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-manager-stage .stage-cache span.notifications-cancel, .opc-manager-stage .stage-cache .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons span.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-manager-stage .stage-cache span.notifications-ok, .opc-manager-stage .stage-cache span.opc-favorite-button, .opc-manager-stage .stage-cache span.opc-compare-button {
  pointer-events: none;
}

.opc-manager-cookie {
  z-index: 1000;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.opc-cookie-message {
  color: #fff;
  text-align: center;
  background: #333;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
  display: flex;
}

@media only screen and (width >= 640px) {
  .opc-cookie-message {
    flex-direction: row;
  }
}

.opc-cookie-message p {
  font-size: 16px;
}

@media only screen and (width >= 640px) {
  .opc-cookie-message p {
    margin-bottom: 0;
    margin-right: 1rem;
  }
}

.opc-cookie-message p a {
  color: #fbc50a;
  text-decoration: underline;
}

.opc-cookie-message .opc-button, .opc-cookie-message .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-cookie-message a, .opc-cookie-message .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-cookie-message .notifications-cancel, .opc-cookie-message .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-cookie-message .notifications-ok, .opc-cookie-message .opc-favorite-button, .opc-cookie-message .opc-compare-button {
  flex-shrink: 0;
}

.opc-stock {
  vertical-align: middle;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.opc-stock .stock-label {
  vertical-align: middle;
  display: none;
}

.opc-stock svg {
  flex-shrink: 0;
  margin-right: .5rem;
  font-size: 1.2em;
}

.opc-stock .stock-value {
  vertical-align: middle;
}

.opc-stock .stock-location {
  align-items: center;
  display: flex;
}

.opc-stock .stock-location .stock-name {
  margin-right: .4rem;
}

.opc-stock .stock-location .stock-name:empty {
  display: none;
}

.opc-stock .stock-location .stock-value {
  margin-right: .4rem;
  font-weight: bold;
}

.opc-stock[data-op-status="on-stock"] svg, .opc-stock[data-op-status="on-stock"] .stock-value {
  color: #127f58;
}

.opc-stock[data-op-status="out-stock"] svg, .opc-stock[data-op-status="out-stock"] .stock-value {
  color: #c12121;
}

.opc-stock[data-op-status="call-stock"] svg, .opc-stock[data-op-status="call-stock"] .stock-value {
  color: #3c54ac;
}

.opc-stock[data-op-status="less-stock"] svg, .opc-stock[data-op-status="less-stock"] .stock-value {
  color: #ffc23b;
}

.opc-stock[data-op-status="na-stock"] svg, .opc-stock[data-op-status="na-stock"] .stock-value {
  color: #c12121;
}

.opc-option-selection {
  z-index: 10;
  margin-bottom: 4rem;
  position: relative;
}

.opc-option-selection .option-selection-item, .opc-option-selection .option-selection-select {
  vertical-align: middle;
  cursor: pointer;
  color: #999;
  border: 1px solid #ccc;
  height: 4rem;
  margin-right: 1rem;
  padding: 0 2rem;
  line-height: 4rem;
  display: inline-block;
}

.opc-option-selection .option-selection-item:hover, .opc-option-selection .option-selection-select:hover {
  border: 1px solid #999;
}

.opc-option-selection .option-selection-item.is-selected, .opc-option-selection .option-selection-select.is-selected {
  color: #313141;
  border: 1px solid #313141;
}

.opc-option-selection .option-selection-select {
  padding: 0 1rem;
}

.opc-option-selection .option-selection-group {
  vertical-align: middle;
  margin-right: 1rem;
  display: inline-block;
}

.opc-option-selection .option-selection-group label, .opc-option-selection .option-selection-group .label, .opc-option-selection .option-selection-group .option-selection-group-label {
  margin-bottom: .5rem;
  margin-right: .5rem;
  font-weight: 600;
  display: inline-block;
}

.opc-option-selection .option-selection-group[data-op-type="image"] .option-selection-item {
  height: 10rem;
}

.opc-option-selection .option-selection-group[data-op-type="image"] .option-selection-item img {
  max-height: 100%;
}

.opc-option-selection .option-selection-group[data-op-type="color"] .option-selection-item {
  border-color: #0000;
}

.opc-option-selection .option-selection-group[data-op-type="color"] .option-selection-item.is-selected {
  position: relative;
}

.opc-option-selection .option-selection-group[data-op-type="color"] .option-selection-item.is-selected:before {
  color: #fff;
  text-shadow: 0 0 1px #000;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

.opc-option-selection .opc-prodart-selection .opc-selection ul {
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.opc-tablelist ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.opc-tablelist .tablelist-head, .opc-tablelist .tablelist-body li {
  border-bottom: 1px solid #eee;
  display: flex;
}

.opc-tablelist .tablelist-head {
  border-bottom: 1px solid #ccc;
  font-weight: 600;
  display: none;
}

@media only screen and (width >= 640px) {
  .opc-tablelist .tablelist-head {
    display: flex;
  }
}

.opc-tablelist .tablelist-body li {
  flex-wrap: wrap;
  padding: 1rem 0;
}

@media only screen and (width >= 640px) {
  .opc-tablelist .tablelist-body li {
    flex-wrap: nowrap;
    padding: 0;
  }
}

.opc-tablelist .tablelist-body li:hover, .opc-tablelist .tablelist-body li.is-active {
  background: #eee;
}

.opc-tablelist .tablelist-column {
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 0 1rem .5rem;
  display: flex;
}

@media only screen and (width >= 640px) {
  .opc-tablelist .tablelist-column {
    flex-flow: wrap;
    justify-content: flex-start;
    padding: 1rem;
  }
}

.opc-tablelist .tablelist-column .tablelist-column-label {
  flex-shrink: 0;
  width: 40%;
  margin-bottom: .2rem;
  margin-right: .5rem;
  font-weight: 600;
  display: block;
}

@media only screen and (width >= 640px) {
  .opc-tablelist .tablelist-column .tablelist-column-label {
    display: none;
  }
}

.opc-tablelist .tablelist-column .tablelist-column-value {
  width: 60%;
}

@media only screen and (width >= 640px) {
  .opc-tablelist .tablelist-column .tablelist-column-value {
    width: 100%;
  }
}

.opc-tablelist .tablelist-column .tablelist-column-value a {
  color: #000;
}

.opc-tablelist .tablelist-column .tablelist-column-value a:hover {
  color: #666;
}

.opc-tablelist .tablelist-column.column-image .tablelist-img {
  margin: 0 auto 1rem;
  display: none;
}

.opc-tablelist .tablelist-column.column-image .tablelist-img .opc-asset {
  max-width: 100%;
}

@media only screen and (width >= 640px) {
  .opc-tablelist .tablelist-column.column-image {
    flex-shrink: 0;
    width: 10rem;
  }

  .opc-tablelist .tablelist-column.column-image .tablelist-img {
    margin: 0 auto 1rem;
    display: block;
  }

  .opc-tablelist .tablelist-column.column-image .tablelist-img img {
    object-fit: contain;
    flex-shrink: 0;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
  }

  .opc-tablelist .tablelist-column.column-image .tablelist-img .opc-asset {
    width: 8rem;
  }
}

@media only screen and (width >= 800px) {
  .opc-tablelist .tablelist-column.column-articleno {
    flex-shrink: 0;
    width: 10rem;
  }
}

@media only screen and (width >= 640px) {
  .opc-tablelist .tablelist-column.column-articleno {
    flex-shrink: 0;
    width: 10rem;
  }

  .opc-tablelist .tablelist-column.column-details {
    flex-grow: 1;
  }
}

@media only screen and (width >= 800px) {
  .opc-tablelist .tablelist-column.column-details {
    flex-grow: 1;
  }
}

.opc-tablelist .tablelist-column.column-details dl dt {
  opacity: .6;
  margin-bottom: .2rem;
  font-weight: 600;
}

.opc-tablelist .tablelist-column.column-details dl dd {
  margin-bottom: 1rem;
}

@media only screen and (width >= 640px) {
  .opc-tablelist .tablelist-column.column-price {
    text-align: right;
    flex-shrink: 0;
    justify-content: flex-end;
    width: 12rem;
  }
}

@media only screen and (width >= 800px) {
  .opc-tablelist .tablelist-column.column-price {
    flex-shrink: 0;
    width: 12rem;
  }
}

.opc-tablelist .tablelist-column.column-price .opc-price {
  flex-direction: column;
}

.opc-tablelist .tablelist-column.column-price .opc-price .price-basis, .opc-tablelist .tablelist-column.column-price .opc-price .price-service, .opc-tablelist .tablelist-column.column-price .opc-price .price-promotion {
  align-self: inherit;
}

@media only screen and (width >= 640px) {
  .opc-tablelist .tablelist-column.column-price .opc-price .price-basis, .opc-tablelist .tablelist-column.column-price .opc-price .price-service, .opc-tablelist .tablelist-column.column-price .opc-price .price-promotion {
    align-self: flex-end;
    margin-right: 0;
  }
}

.opc-tablelist .tablelist-column.column-actions {
  justify-content: space-between;
}

.opc-tablelist .tablelist-column.column-actions .opc-basket-button[data-op-modal] span {
  display: none;
}

.opc-tablelist .tablelist-column.column-actions .opc-basket-button[data-op-modal] {
  justify-content: center;
  width: 4rem;
  height: 4rem;
  margin-left: 1rem;
  padding: 0;
}

.opc-tablelist .tablelist-column.column-actions .opc-basket-button[data-op-modal] svg {
  margin-right: 0;
}

@media only screen and (width >= 640px) {
  .opc-tablelist .tablelist-column.column-actions {
    flex-wrap: wrap;
    flex-shrink: 0;
    place-content: flex-start flex-end;
    width: 20rem;
  }

  .opc-tablelist .tablelist-column.column-actions .opc-basket-button {
    flex-wrap: nowrap;
    flex-grow: 0;
    order: 1;
    justify-content: flex-end;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .opc-tablelist .tablelist-column.column-actions .opc-basket-button[data-op-type="single-dim"] .basket-button-dim-1 {
    margin-bottom: 0;
  }

  .opc-tablelist .tablelist-column.column-actions .opc-basket-button .opc-button, .opc-tablelist .tablelist-column.column-actions .opc-basket-button .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-tablelist .tablelist-column.column-actions .opc-basket-button a, .opc-tablelist .tablelist-column.column-actions .opc-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-tablelist .tablelist-column.column-actions .opc-basket-button .notifications-cancel, .opc-tablelist .tablelist-column.column-actions .opc-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-tablelist .tablelist-column.column-actions .opc-basket-button .notifications-ok, .opc-tablelist .tablelist-column.column-actions .opc-basket-button .opc-favorite-button, .opc-tablelist .tablelist-column.column-actions .opc-basket-button .opc-compare-button {
    flex-grow: 0;
  }

  .opc-tablelist .tablelist-column.column-actions .opc-basket-button[data-op-modal] span {
    display: none;
  }

  .opc-tablelist .tablelist-column.column-actions .opc-basket-button[data-op-modal] {
    justify-content: center;
    width: 4rem;
    height: 4rem;
    margin-left: 1rem;
    padding: 0;
  }

  .opc-tablelist .tablelist-column.column-actions .opc-favorite-button {
    margin-bottom: 1rem;
    margin-left: 1rem;
  }

  .opc-tablelist .tablelist-column.column-actions .opc-favorite-button:first-of-type {
    margin-left: 0;
  }

  .opc-tablelist .tablelist-column.column-actions .opc-compare-button {
    margin-bottom: 0;
    margin-left: 1rem;
  }

  .opc-tablelist .tablelist-column.column-actions .opc-more-button {
    order: 4;
    margin-bottom: 0;
    margin-left: 1rem;
  }
}

.opc-tablelist .tablelist-column .opc-price .price-basis, .opc-tablelist .tablelist-column .opc-price .price-service, .opc-tablelist .tablelist-column .opc-price .price-promotion {
  font-size: inherit;
}

.opc-tablelist .tablelist-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.opc-tablelist .tablelist-actions > .opc-favorite-button, .opc-tablelist .tablelist-actions > .opc-compare-button, .opc-tablelist .tablelist-actions > .opc-basket-button .opc-button, .opc-tablelist .tablelist-actions > .opc-basket-button .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-tablelist .tablelist-actions > .opc-basket-button a, .opc-tablelist .tablelist-actions > .opc-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-tablelist .tablelist-actions > .opc-basket-button .notifications-cancel, .opc-tablelist .tablelist-actions > .opc-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-tablelist .tablelist-actions > .opc-basket-button .notifications-ok, .opc-tablelist .tablelist-actions > .opc-basket-button .opc-favorite-button, .opc-tablelist .tablelist-actions > .opc-basket-button .opc-compare-button, .opc-tablelist .tablelist-actions > .opc-basket-button .basket-button-quantity, .opc-tablelist .tablelist-actions > .opc-more-button {
  margin-left: .5rem;
  width: 3.2rem !important;
  height: 3.2rem !important;
}

.opc-tablelist .tablelist-actions .opc-basket-button {
  justify-content: flex-end;
  width: 100%;
}

.opc-language-selection {
  position: relative;
}

.opc-language-selection[data-op-layout="list"] .language-selection-label {
  cursor: pointer;
}

.opc-language-selection[data-op-layout="list"] .language-selection-label span {
  font-weight: 800;
}

.opc-language-selection[data-op-layout="list"] .language-selection-label:after {
  content: "";
  margin-left: .5rem;
}

.opc-language-selection[data-op-layout="list"] .language-selection-label:focus {
  outline: none;
}

.opc-language-selection[data-op-layout="list"] ul {
  color: #fffc;
  z-index: 90000;
  background: #333;
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
}

.opc-language-selection[data-op-layout="list"] ul li {
  border-bottom: 1px solid #ffffff1a;
}

.opc-language-selection[data-op-layout="list"] ul li a {
  color: inherit;
  padding: .5rem 1rem;
  display: block;
}

.opc-language-selection[data-op-layout="list"] ul li a:hover {
  background: #0003;
}

.opc-language-selection[data-op-layout="list"] ul li > span {
  color: inherit;
  cursor: pointer;
  padding: .5rem 1rem;
  display: block;
}

.opc-language-selection[data-op-layout="list"] ul li > span:hover {
  color: #fbc50a;
  background: #0003;
}

.opc-language-selection[data-op-layout="list"].is-open ul, .sidebar-wrapper .opc-navigation .navigation-level-1 li.opc-language-selection[data-op-layout="list"].is-active ul, .sidebar-wrapper .opc-navigation .navigation-level-1 li.opc-language-selection[data-op-layout="list"].is-active-parent ul, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.opc-language-selection[data-op-layout="list"].is-active ul, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.opc-language-selection[data-op-layout="list"].is-active-parent ul {
  display: block;
}

.opc-language-selection[data-op-layout="button"] {
  gap: 8px;
  display: flex;
}

.opc-language-selection[data-op-layout="button"] .opc-button, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a.is-active, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .opc-language-selection[data-op-layout="button"] .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-language-selection[data-op-layout="button"] .notifications-cancel, .opc-language-selection[data-op-layout="button"] .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-language-selection[data-op-layout="button"] .notifications-ok, .opc-language-selection[data-op-layout="button"] .opc-favorite-button, .opc-language-selection[data-op-layout="button"] .opc-compare-button {
  height: auto;
  padding: 0;
  font-size: 12px;
  line-height: 14px;
}

.opc-language-selection[data-op-layout="button"] .opc-button:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a:hover, .opc-language-selection[data-op-layout="button"] .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-language-selection[data-op-layout="button"] .notifications-cancel:hover, .opc-language-selection[data-op-layout="button"] .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-language-selection[data-op-layout="button"] .notifications-ok:hover, .opc-language-selection[data-op-layout="button"] .opc-favorite-button:hover, .opc-language-selection[data-op-layout="button"] .opc-compare-button:hover {
  text-decoration: underline;
}

.opc-language-selection[data-op-layout="button"] a {
  vertical-align: unset;
}

.opc-language-selection[data-op-layout="button"] a.is-active {
  color: #fbc50a;
  font-weight: 700;
}

.opc-language-selection[data-op-layout="button"] > span {
  vertical-align: unset;
  cursor: pointer;
}

.opc-language-selection[data-op-layout="button"] > span:hover {
  color: #fbc50a;
}

.opc-language-selection[data-op-layout="button"] > span.is-active {
  color: #fbc50a;
  font-weight: 700;
}

.opc-static-content-editor {
  max-height: 80vh;
}

.opc-static-content-editor .static-content-editor-head {
  padding: 1.5rem 2rem;
  display: none;
  position: relative;
}

.opc-static-content-editor .static-content-editor-head h3 {
  margin: 0;
  font-size: 1.8rem;
}

.opc-static-content-editor .static-content-editor-head .opc-button, .opc-static-content-editor .static-content-editor-head .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-static-content-editor .static-content-editor-head a, .opc-static-content-editor .static-content-editor-head .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-static-content-editor .static-content-editor-head .notifications-cancel, .opc-static-content-editor .static-content-editor-head .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-static-content-editor .static-content-editor-head .notifications-ok, .opc-static-content-editor .static-content-editor-head .opc-favorite-button, .opc-static-content-editor .static-content-editor-head .opc-compare-button {
  font-size: inherit;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
}

.opc-static-content-editor .static-content-editor-head {
  border-bottom: 1px solid #ccc;
}

.opc-static-content-editor .static-content-editor-body {
  border: 1px solid #ccc;
  padding: 0;
  overflow: hidden;
}

.opc-static-content-editor .static-content-editor-body .mce-tinymce {
  border: none !important;
}

.opc-static-content-editor .static-content-editor-footer {
  text-align: right;
  padding: 1rem 0;
}

.opc-segment-navigation {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 2rem 0;
  display: flex;
}

.opc-segment-navigation ul {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.opc-segment-navigation a {
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  margin: 0 .5rem;
  font-family: sans-serif;
  font-size: 2rem;
  display: flex;
}

.opc-segment-navigation a:hover {
  border: 1px solid #ccc;
}

.opc-segment-navigation a.is-active {
  color: #000;
  background: #ccc;
  border: 1px solid #ccc;
}

.opc-segment-navigation .disabled, .opc-segment-navigation .is-disabled {
  opacity: .2;
  cursor: default;
  pointer-events: none;
}

.opc-basket-summary .basket-summary-head {
  border-bottom: 1px solid #999;
  padding: .5rem 0;
  font-weight: bold;
}

.opc-basket-summary .basket-summary-body {
  margin: 0 0 2rem;
  padding: 0;
  list-style: none;
}

.opc-basket-summary .basket-summary-head, .opc-basket-summary .basket-summary-item {
  display: flex;
}

.opc-basket-summary .basket-summary-head .basket-summary-item-title, .opc-basket-summary .basket-summary-item .basket-summary-item-title {
  color: #000;
  flex-grow: 1;
  width: 80%;
  padding: 0 1rem;
}

.opc-basket-summary .basket-summary-head .basket-summary-item-count, .opc-basket-summary .basket-summary-item .basket-summary-item-count {
  text-align: right;
  flex-shrink: 0;
  width: 20%;
  padding: 0 1rem 0 0;
}

@media only screen and (width >= 800px) {
  .opc-basket-summary .basket-summary-head .basket-summary-item-count, .opc-basket-summary .basket-summary-item .basket-summary-item-count {
    text-align: right;
    width: 6rem;
  }
}

.opc-basket-summary .basket-summary-head .basket-summary-item-price, .opc-basket-summary .basket-summary-item .basket-summary-item-price {
  text-align: right;
  flex-shrink: 0;
  width: 20%;
  padding: 0 1rem 0 0;
}

@media only screen and (width >= 800px) {
  .opc-basket-summary .basket-summary-head .basket-summary-item-price, .opc-basket-summary .basket-summary-item .basket-summary-item-price {
    width: 14rem;
  }
}

.opc-basket-summary .basket-summary-item {
  border-bottom: 1px solid #eee;
  padding: 1rem 0;
}

.opc-basket-summary .basket-summary-item:hover {
  background: #eee;
}

.opc-basket-summary .basket-summary-footer {
  background: #eee;
  flex-direction: column;
  align-items: flex-end;
  margin-bottom: 2rem;
  padding: 1rem;
  display: flex;
}

.opc-basket-summary .basket-summary-footer .summary-footer-line dl {
  margin: 0;
  padding: .5rem 0;
  display: flex;
}

.opc-basket-summary .basket-summary-footer .summary-footer-line dl dd {
  text-align: right;
  width: 12rem;
}

.opc-newsletter .opc-message {
  text-align: center;
}

.opc-newsletter .opc-message svg {
  margin: 0 auto 1rem;
  font-size: 3rem;
  display: block;
}

.opc-iconbox {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 60rem;
  margin: 0 auto;
  padding: 4rem;
  display: flex;
}

.opc-iconbox svg {
  color: #666;
  border: 1px solid #999;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 10rem;
  height: 10rem;
  margin-bottom: 2rem;
  padding: 2rem;
  font-size: 8rem;
  display: flex;
}

.opc-iconbox b {
  margin-bottom: 1rem;
  font-size: 1.8rem;
}

.opc-iconbox p {
  max-width: 100%;
  margin-bottom: 1em;
}

.opc-iconbox .opc-button, .opc-iconbox .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-iconbox a, .opc-iconbox .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-iconbox .notifications-cancel, .opc-iconbox .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-iconbox .notifications-ok, .opc-iconbox .opc-favorite-button, .opc-iconbox .opc-compare-button {
  width: auto;
  margin: 0 auto;
  display: inline-flex;
}

.opc-iconbox .opc-static-content {
  margin-bottom: 2rem;
}

.opc-iconbox[data-op-style="success"] svg {
  color: #127f58;
  border: 1px solid #127f58;
}

.opc-iconbox[data-op-style="error"] svg {
  color: #c12121;
  border: 1px solid #c12121;
}

.opc-item-list {
  margin-bottom: 2rem;
}

.opc-item-list .item-list-head, .opc-item-list .list-item {
  width: 100%;
  display: flex;
}

.opc-item-list .item-list-head {
  border-bottom: 2px solid #999;
  font-weight: bold;
}

.opc-item-list .item-list-head .list-item-column {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.opc-item-list .item-list-body {
  margin: 0;
  padding: 0;
  list-style: none;
}

.opc-item-list .list-item {
  border-bottom: 1px solid #ccc;
  align-items: center;
  transition: all .2s ease-in-out;
}

.opc-item-list .list-item:hover {
  background: #f8f8f8;
  padding-left: .5rem;
  padding-right: .5rem;
}

.opc-item-list .list-item .list-item-label {
  margin-right: .5rem;
  font-weight: bold;
}

.opc-item-list .list-item .list-item-value {
  margin-bottom: .4rem;
  margin-right: .4rem;
  display: inline-block;
}

.opc-item-list .list-item .editmode {
  flex-wrap: wrap;
  align-items: center;
  display: none;
}

.opc-item-list .list-item form {
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.opc-item-list .list-item a {
  color: #000;
}

.opc-item-list .list-item a:hover {
  color: #666;
}

.opc-item-list .list-item.is-changing .editmode {
  display: flex;
}

.opc-item-list .list-item.is-changing form .list-item-value {
  display: none;
}

.opc-item-list .list-item.is-changing .list-item-column {
  align-self: flex-start;
  padding-right: .5rem;
  display: block;
}

.opc-item-list .list-item.is-changing .list-item-column .opc-form-field-group .opc-form-field {
  flex-grow: 1;
  margin-right: .5rem;
}

.opc-item-list .list-item.is-changing .list-item-column .opc-form-field-group .opc-form-field:last-of-type {
  margin-right: 0;
}

.opc-item-list .list-item.is-changing .list-item-column .opc-form-field {
  margin-bottom: .5rem;
}

.opc-item-list .list-item.is-changing .list-item-column .opc-form-field:last-of-type {
  margin-bottom: 0;
}

.opc-item-list .list-item-column {
  flex-grow: 0;
  align-items: center;
  width: 33%;
  min-width: 8rem;
  display: flex;
}

.opc-item-list .list-item-column .list-item-label {
  display: none;
}

.opc-product-article-selection ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.opc-product-article-selection ul li a {
  margin: -2rem;
  padding: 2rem;
  display: block;
}

.opc-product-article-selection img {
  max-width: 100%;
  max-height: 100%;
}

.opc-product-article-selection .is-disabled {
  opacity: .4;
  pointer-events: none;
  cursor: default !important;
}

.opc-product-article-selection .is-disabled a {
  cursor: default;
}

.opc-product-article-selection .product-article-selection-label {
  margin-bottom: .5rem;
  margin-right: 1rem;
  font-weight: bold;
}

.opc-product-article-selection .product-article-selection-options .option-item {
  border: 1px solid #ccc;
  padding: 2rem;
  display: inline-flex;
}

.opc-product-article-selection .product-article-selection-options .option-item:hover {
  border-color: #666;
}

.opc-product-article-selection .product-article-selection-options .option-item.is-selected {
  border-color: #313141;
}

.opc-product-article-selection[data-op-type="image"] .option-item {
  height: 10rem;
  padding: 1rem;
}

.opc-product-article-selection[data-op-layout="inline"] {
  align-items: flex-start;
  margin-right: 2rem;
  display: flex;
}

.opc-product-article-selection[data-op-layout="list"] {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

.opc-product-article-selection[data-op-layout="list"] .product-article-selection-label {
  width: 100%;
  display: block;
}

.opc-product-article-selection[data-op-layout="list"] .product-article-selection-options {
  width: 100%;
  display: flex;
}

.opc-product-article-selection[data-op-layout="list"] .product-article-selection-options .option-item {
  margin-bottom: .5rem;
  margin-right: 1rem;
  display: block;
}

.opc-product-article-selection[data-op-layout="select"] {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.opc-product-article-selection[data-op-layout="select"] .product-article-selection-options {
  width: 100%;
  position: relative;
}

.opc-product-article-selection[data-op-layout="select"] .product-article-selection-options .option-item-list-selection {
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23000%22%3E%3Cpath style%3D%22 %22 d%3D%22M 4.21875 10.78125 L 2.78125 12.21875 L 15.28125 24.71875 L 16 25.40625 L 16.71875 24.71875 L 29.21875 12.21875 L 27.78125 10.78125 L 16 22.5625 Z %22%2F%3E%3C%2Fsvg%3E");
  background-position: calc(100% - 1rem);
  background-repeat: no-repeat;
  background-size: 2rem;
  border: 1px solid #ccc;
  width: 100%;
  padding: 2rem;
}

.opc-product-article-selection[data-op-layout="select"] .product-article-selection-options .option-item-list {
  z-index: 10;
  background: #fff;
  border: 1px solid #ccc;
  max-height: 12rem;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: auto;
}

.opc-product-article-selection[data-op-layout="select"] .product-article-selection-options .option-item-list .option-item {
  cursor: pointer;
  border: none;
  border-bottom: 1px solid #ccc;
  padding: 1rem 2rem;
  display: block;
}

.opc-product-article-selection[data-op-layout="select"] .product-article-selection-options .option-item-list .option-item:hover {
  background: #efefef;
}

.opc-product-article-selection[data-op-layout="select"] .product-article-selection-options .option-item-list .option-item:last-of-type {
  border-bottom: none;
}

.opc-product-article-selection[data-op-layout="select"] .product-article-selection-options .option-item-list .option-item.is-selected {
  color: #fff;
  background: #313141;
}

.opc-product-article-selection[data-op-layout="select"] .product-article-selection-options .option-item-list .option-item a {
  color: inherit;
}

.opc-product-article-selection[data-op-layout="select"] .product-article-selection-options.is-open .option-item-list, .opc-product-article-selection[data-op-layout="select"] .sidebar-wrapper .opc-navigation .navigation-level-1 li.product-article-selection-options.is-active .option-item-list, .sidebar-wrapper .opc-navigation .navigation-level-1 .opc-product-article-selection[data-op-layout="select"] li.product-article-selection-options.is-active .option-item-list, .opc-product-article-selection[data-op-layout="select"] .sidebar-wrapper .opc-navigation .navigation-level-1 li.product-article-selection-options.is-active-parent .option-item-list, .sidebar-wrapper .opc-navigation .navigation-level-1 .opc-product-article-selection[data-op-layout="select"] li.product-article-selection-options.is-active-parent .option-item-list, .opc-product-article-selection[data-op-layout="select"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.product-article-selection-options.is-active .option-item-list, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-product-article-selection[data-op-layout="select"] li.product-article-selection-options.is-active .option-item-list, .opc-product-article-selection[data-op-layout="select"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.product-article-selection-options.is-active-parent .option-item-list, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-product-article-selection[data-op-layout="select"] li.product-article-selection-options.is-active-parent .option-item-list {
  display: block;
}

.opc-notifications.is-maximized .notifications-dialog {
  width: 90% !important;
  max-width: none !important;
  height: 90% !important;
  margin: 0 auto !important;
  top: 5% !important;
  left: 0 !important;
}

.opc-notifications .notifications-dialog {
  padding: 0;
}

.opc-notifications .notifications-dialog .notifications-commands {
  margin: 0;
  top: 2rem;
  right: 2rem;
}

.opc-notifications .notifications-dialog .notifications-header {
  margin: 0;
  padding: 2rem;
}

.opc-notifications .notifications-dialog .notifications-header h3 {
  margin: 0 !important;
}

.opc-notifications .notifications-dialog .notifications-body {
  padding: 0 2rem 2rem;
}

.opc-notifications .notifications-dialog .notifications-body .notifications-content {
  padding: 0 !important;
}

.opc-notifications .notifications-dialog .notifications-footer {
  margin: 0;
  padding: 0 2rem 2rem;
}

.opc-notifications .notifications-dialog .notifications-footer .notifications-buttons {
  width: 100%;
}

@media only screen and (width >= 640px) {
  .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons {
    width: auto;
  }
}

.opc-notifications .notifications-dialog .notifications-commands {
  top: 1.5rem;
  right: 1.5rem;
}

.opc-notifications .notifications-dialog .notifications-commands .notifications-close {
  opacity: .6;
  background-size: 2.4rem;
  width: 3rem;
  height: 3rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23000%22%3E%3Cpath style%3D%22 %22 d%3D%22M 7.21875 5.78125 L 5.78125 7.21875 L 14.5625 16 L 5.78125 24.78125 L 7.21875 26.21875 L 16 17.4375 L 24.78125 26.21875 L 26.21875 24.78125 L 17.4375 16 L 26.21875 7.21875 L 24.78125 5.78125 L 16 14.5625 Z %22%2F%3E%3C%2Fsvg%3E") !important;
}

.opc-notifications .notifications-dialog .notifications-commands .notifications-close:hover {
  opacity: 1;
}

.opc-notifications .notifications-dialog .notifications-commands .notifications-maximize {
  opacity: .6;
  background-size: 2.4rem;
  width: 3rem;
  height: 3rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23000%22%3E%3Cpath style%3D%22 %22 d%3D%22M 7.21875 5.78125 L 5.78125 7.21875 L 14.5625 16 L 5.78125 24.78125 L 7.21875 26.21875 L 16 17.4375 L 24.78125 26.21875 L 26.21875 24.78125 L 17.4375 16 L 26.21875 7.21875 L 24.78125 5.78125 L 16 14.5625 Z %22%2F%3E%3C%2Fsvg%3E") !important;
}

.opc-notifications .notifications-dialog .notifications-commands .notifications-maximize:hover {
  opacity: 1;
}

.opc-notifications .notifications-dialog .notifications-commands .notifications-pin {
  opacity: .6;
  background-size: 2.4rem;
  width: 3rem;
  height: 3rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23000%22%3E%3Cpath style%3D%22 %22 d%3D%22M 7.21875 5.78125 L 5.78125 7.21875 L 14.5625 16 L 5.78125 24.78125 L 7.21875 26.21875 L 16 17.4375 L 24.78125 26.21875 L 26.21875 24.78125 L 17.4375 16 L 26.21875 7.21875 L 24.78125 5.78125 L 16 14.5625 Z %22%2F%3E%3C%2Fsvg%3E") !important;
}

.opc-notifications .notifications-dialog .notifications-commands .notifications-pin:hover {
  opacity: 1;
}

.opc-notifications .notifications-error {
  background: #c12121;
  border-radius: 1rem;
}

.opc-notifications-notifier .notifications-message {
  text-align: center;
  border-radius: 1rem;
  width: 28rem;
  box-shadow: 0 0 10px #0003;
}

.opc-notifications-notifier .notifications-message.is-error {
  color: #fff;
  background: #c12121;
}

.opc-notifications-notifier .notifications-message.is-success {
  color: #fff;
  background: #127f58;
}

.opc-notifications-notifier .notifications-message .notifications-link {
  color: #fff;
}

.opc-notifications-notifier .notifications-message .notifications-link:hover {
  color: #747497;
}

.opc-notifications-notifier .notifications-message .notifications-close {
  background-color: #0000;
  top: 2rem;
  right: 1rem;
}

.opc-notifications-notifier .notifications-message.is-visible {
  padding: 2rem 3rem 2rem 2rem;
}

.opc-selection-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.opc-selection-list li {
  margin-bottom: .5rem;
}

.opc-selection-list[data-op-type="inline"] li {
  vertical-align: top;
  margin-right: .5rem;
  display: inline-block;
}

.opc-selection-list .opc-radio {
  margin-right: 0;
  display: block;
}

.opc-selection-list .opc-radio label {
  border: 1px solid #eee;
  padding: 1.5rem 2rem 1.5rem 5rem;
  display: block;
}

.opc-selection-list .opc-radio label:before {
  width: 2.4rem;
  height: 2.4rem;
  top: 1.5rem;
  left: 1rem;
}

.opc-selection-list .opc-radio label:after {
  color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23fff%22%3E%3Cpath style%3D%22 %22 d%3D%22M 28.28125 6.28125 L 11 23.5625 L 3.71875 16.28125 L 2.28125 17.71875 L 10.28125 25.71875 L 11 26.40625 L 11.71875 25.71875 L 29.71875 7.71875 Z %22%2F%3E%3C%2Fsvg%3E");
  width: 2.4rem;
  height: 2.4rem;
  top: 1.5rem;
  left: 1rem;
}

.opc-selection-list .opc-radio input:checked + label {
  background: #eee;
}

.opc-selection-list .opc-radio input:checked + label:before {
  background-color: #6eb25e;
  border-color: #6eb25e;
}

.opc-selection-list .opc-radio input:checked + label:after {
  color: #fff;
}

.opc-directsearch-suggest {
  z-index: 2;
  background: #fff;
  flex-wrap: wrap;
  width: 100%;
  display: flex;
  position: relative;
}

.opc-directsearch-suggest .directsearch-suggest-row {
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.opc-directsearch-suggest .directsearch-suggest-column {
  flex-grow: 1;
  align-content: flex-start;
  min-width: 30rem;
}

.opc-directsearch-suggest .directsearch-suggest-column:empty {
  display: none !important;
}

.opc-directsearch-suggest .directsearch-suggest-column .directsearch-suggest-column-section {
  margin-bottom: 2rem;
}

.opc-directsearch-suggest .directsearch-suggest-column .directsearch-suggest-column-section:last-of-type {
  margin-bottom: 0;
}

.opc-directsearch-suggest .directsearch-suggest-column .searchTerm {
  background: #fbc50a80;
}

.opc-directsearch-suggest .directsearch-suggest-column .CatItem-ArtName1, .opc-directsearch-suggest .directsearch-suggest-column .CatStruct-Name {
  font-weight: bold;
}

.opc-directsearch-suggest .directsearch-suggest-column .CatStruct-Number {
  display: none;
}

.opc-directsearch-suggest .directsearch-suggest-column .list-item-image {
  flex-shrink: 0;
  width: 8rem;
  height: 8rem;
  margin-right: 1rem;
}

.opc-directsearch-suggest .directsearch-suggest-column .list-item-image img {
  flex-shrink: 0;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  display: block;
}

.opc-directsearch-suggest .directsearch-suggest-column .list-item-info {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.opc-directsearch-suggest .directsearch-suggest-column a {
  color: #000;
}

.opc-directsearch-suggest .directsearch-suggest-column .list-item-name {
  font-weight: bold;
}

.opc-directsearch-suggest .directsearch-suggest-column .list-item-art-nr {
  opacity: .6;
  display: block;
}

.opc-directsearch-suggest .directsearch-suggest-column .list-item-description {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.opc-directsearch-suggest .directsearch-suggest-column .list-item-price {
  display: none;
}

.opc-directsearch-suggest h3 {
  color: #776b5f;
  margin-bottom: .2em;
  font-size: 1.2rem;
}

.opc-directsearch-suggest[data-op-type="2col3sec"] .directsearch-suggest-column {
  flex-shrink: 0;
  width: 50%;
  padding: 2rem;
}

.opc-directsearch-suggest[data-op-type="2col3sec"] .directsearch-suggest-column:empty {
  display: none;
}

.opc-directsearch-suggest[data-op-type="3col2sec"] .directsearch-suggest-column {
  flex-shrink: 0;
  width: 33.333%;
  padding: 2rem;
}

.opc-directsearch-suggest[data-op-type="3col2sec"] .directsearch-suggest-column:empty {
  display: none;
}

.opc-directsearch-suggest[data-op-type="3rowA2sec"] .directsearch-suggest-column {
  flex-shrink: 0;
  width: 50%;
  padding: 2rem;
}

.opc-directsearch-suggest[data-op-type="3rowA2sec"] .directsearch-suggest-column:empty {
  display: none;
}

@keyframes passing-through {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }

  30%, 70% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(-40px);
  }
}

@keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }

  30% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }

  10% {
    transform: scale(1.1);
  }

  20% {
    transform: scale(1);
  }
}

.opc-dropzone, .opc-dropzone * {
  box-sizing: border-box;
}

.opc-dropzone-wrapper.is-inactive .opc-dropzone {
  cursor: not-allowed;
  opacity: .25 !important;
  background: #c7c7c7 !important;
}

.opc-dropzone-wrapper.is-inactive .dz-message {
  text-decoration: line-through;
}

.opc-dropzone {
  -webkit-overflow-scrolling: touch;
  background: #fff;
  border: 1px solid #0003;
  min-height: 150px;
  padding: 1rem;
  display: flex;
  overflow: auto hidden;
}

.opc-dropzone.dz-clickable {
  cursor: pointer;
}

.opc-dropzone.dz-clickable * {
  cursor: default;
}

.opc-dropzone.dz-clickable .dz-message, .opc-dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}

.opc-dropzone.dz-started .dz-message {
  display: none;
}

.opc-dropzone.dz-drag-hover {
  border-style: solid;
  box-shadow: 0 0 5px #ccc;
}

.opc-dropzone.dz-drag-hover .dz-message {
  opacity: .5;
}

.opc-dropzone .dz-message {
  text-align: center;
  align-self: center;
  width: 100%;
  margin: 2em 0;
}

.opc-dropzone .dz-preview {
  vertical-align: top;
  min-height: 100px;
  margin: 1rem;
  display: inline-block;
  position: relative;
}

.opc-dropzone .dz-preview .dz-details {
  z-index: 20;
  width: 120px;
}

.opc-dropzone .dz-preview .dz-details .dz-size {
  opacity: .5;
  margin-bottom: 0;
  font-size: 12px;
}

.opc-dropzone .dz-preview .dz-details .dz-size span {
  padding: 0;
}

.opc-dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
}

.opc-dropzone .dz-preview .dz-details .dz-filename span {
  text-overflow: ellipsis;
  padding: 0;
  display: block;
  overflow: hidden;
}

.opc-dropzone .dz-preview:hover {
  z-index: 1000;
}

.opc-dropzone .dz-preview:hover .dz-image img {
  transform: scale(1.05);
}

.opc-dropzone .dz-preview.dz-file-preview .dz-image {
  background: linear-gradient(#eee, #ddd);
  border-radius: 0;
}

.opc-dropzone .dz-preview.dz-file-preview .dz-image-preview {
  opacity: 1;
}

.opc-dropzone .dz-preview.dz-image-preview {
  background: #fff;
}

.opc-dropzone .dz-preview.dz-image-preview .dz-details {
  transition: opacity .2s linear;
}

.opc-dropzone .dz-preview .dz-remove {
  text-align: left;
  cursor: pointer;
  color: #dc143c;
  border: none;
  font-size: 12px;
  display: inline-block;
}

.opc-dropzone .dz-preview .dz-remove:hover {
  text-decoration: underline;
}

.opc-dropzone .dz-preview .dz-image {
  z-index: 10;
  background-color: #eee;
  border-radius: 10px;
  width: 120px;
  height: 120px;
  margin: 0 auto 20px;
  display: block;
  position: relative;
  overflow: hidden;
}

.opc-dropzone .dz-preview .dz-image img {
  max-width: 100%;
  display: block;
}

.opc-dropzone .dz-preview .dz-success-mark, .opc-dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  margin-top: -15px;
  margin-left: -15px;
  display: block;
  position: absolute;
  top: 60px;
  left: 60px;
}

.opc-dropzone .dz-preview .dz-success-mark svg, .opc-dropzone .dz-preview .dz-error-mark svg {
  width: 30px;
  height: 30px;
  display: block;
}

.opc-dropzone .dz-preview.dz-success .dz-success-mark {
  animation: 3s cubic-bezier(.77, 0, .175, 1) passing-through;
}

.opc-dropzone .dz-preview.dz-error .dz-error-mark svg {
  fill: red;
}

.opc-dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  animation: 3s cubic-bezier(.77, 0, .175, 1) slide-in;
}

.opc-dropzone .dz-preview.dz-error .dz-error-message {
  display: block;
}

.opc-dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}

.opc-dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  transition: all .2s linear;
}

.opc-dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  transition: opacity .4s ease-in;
}

.opc-dropzone .dz-preview:not(.dz-processing) .dz-progress {
  animation: 6s infinite pulse;
}

.opc-dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  background: #cccc;
  border-radius: 20px;
  height: 6px;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  top: 128px;
  left: 0;
  right: 0;
  overflow: hidden;
  transform: scale(1);
}

.opc-dropzone .dz-preview .dz-progress .dz-upload {
  background: linear-gradient(#666, #444);
  width: 0;
  transition: width .3s ease-in-out;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.opc-dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  color: #fff;
  background: #c12121;
  border-radius: 1rem;
  width: 120px;
  font-size: 12px;
  transition: opacity .3s;
  display: block;
  position: relative;
  left: 0;
}

.opc-dropzone .dz-preview .dz-error-message span {
  margin-top: 1rem;
  padding: 1rem;
  display: block;
  position: relative;
}

.opc-dropzone .dz-preview .dz-error-message span:empty {
  display: none;
}

.opc-dropzone .dz-preview .dz-error-message span:after {
  content: "";
  border-bottom: 6px solid #c12121;
  border-left: 6px solid #0000;
  border-right: 6px solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: -6px;
  left: 54px;
}

.opc-dropzone[data-op-type="single"] {
  height: 4rem;
  min-height: 4rem;
  max-height: 4rem;
}

.opc-dropzone[data-op-type="single"] .dz-preview {
  align-items: baseline;
  margin: 0;
  padding: 0;
  display: flex;
}

.opc-dropzone[data-op-type="single"] .dz-image {
  display: none;
}

.opc-dropzone[data-op-type="single"] .dz-details {
  width: auto;
  display: flex;
}

.opc-dropzone[data-op-type="single"] .dz-details .dz-filename {
  order: 1;
  font-size: 1.4rem;
}

.opc-dropzone[data-op-type="single"] .dz-details .dz-size {
  order: 2;
  margin-left: .5rem;
  font-size: 1.4rem;
}

.opc-dropzone[data-op-type="single"] .dz-remove {
  margin-left: 1rem;
}

.opc-dropzone[data-op-type="single"] .dz-error-message, .opc-dropzone[data-op-type="single"] .dz-error-mark, .opc-dropzone[data-op-type="single"] .dz-success-mark {
  display: none !important;
}

.opc-basket-list-quickorder {
  flex-wrap: wrap;
  justify-content: space-between;
  padding-block: 15px;
  display: flex;
}

@media only screen and (width >= 800px) {
  .opc-basket-list-quickorder {
    padding: 15px 0;
  }
}

.opc-basket-list-quickorder > .quickorder-title {
  width: 100%;
  margin-bottom: 10px;
}

.opc-basket-list-quickorder > .opc-form-field {
  width: 100%;
  position: relative;
}

@media only screen and (width >= 800px) {
  .opc-basket-list-quickorder > .opc-form-field {
    flex-basis: 50%;
    width: 50%;
    max-width: 50%;
    margin-right: 1rem;
  }
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper {
  z-index: 10;
  background: #fff;
  border: 1px solid #ccc;
  border-top: none;
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper:before {
  content: "";
  background: none;
  border: 2px solid #0000;
  border-top-color: #313141;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  margin: 0 auto 0 -1.5rem;
  animation-name: rotater;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  display: none;
  position: absolute;
  top: .5rem;
  left: 50%;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper.is-showing {
  display: block;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper.is-showing:before {
  display: none;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper.is-loading {
  min-height: 5rem;
  display: block;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper.is-loading:before {
  display: block;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list {
  z-index: 2;
  flex-wrap: wrap;
  width: 100%;
  min-height: 3rem;
  max-height: 30rem;
  margin: 0;
  padding: 0;
  display: flex;
  overflow-y: auto;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li {
  background: #fff;
  align-items: center;
  width: 100%;
  min-height: 7.5rem;
  margin-bottom: .5rem;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li:hover {
  cursor: pointer;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-image {
  flex: 0 0 6rem;
  margin-right: 2rem;
  padding: .5rem 0;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-image img {
  max-width: 100%;
  max-height: 75px;
  margin: 0 auto;
  display: block;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-info-wrapper {
  flex-direction: column;
  flex-grow: 1;
  display: flex;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-info {
  color: #000;
  flex-grow: 1;
  flex-basis: 1%;
  max-width: 100%;
  padding: .5rem 0;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-info .list-item-title {
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: .4em;
  font-size: 1.4rem;
  font-weight: bold;
  display: flex;
  overflow: hidden;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-info .list-item-title .article-flag-wrapper {
  margin-left: 1rem;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action {
  display: flex;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .basket-button-quantity {
  width: 3rem;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .opc-button > span, .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a > span, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action a > span, .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .opc-favorite-button > span, .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .opc-compare-button > span, .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok > span, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .notifications-ok > span, .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel > span, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .notifications-cancel > span {
  display: none;
}

@media only screen and (width >= 800px) {
  .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .opc-button > span, .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a > span, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action a > span, .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .opc-favorite-button > span, .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .opc-compare-button > span, .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok > span, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .notifications-ok > span, .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel > span, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .notifications-cancel > span {
    display: block;
  }
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .opc-basket-button > div {
  width: auto;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .opc-button, .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action a, .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .opc-favorite-button, .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .opc-compare-button, .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .notifications-ok, .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .notifications-cancel {
  margin-left: 10px;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-button {
  height: 100%;
  margin-left: 2rem;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-button .opc-button, .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-button .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-button a, .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-button .opc-favorite-button, .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-button .opc-compare-button, .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-button .notifications-ok, .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-button .notifications-cancel {
  width: 7.5rem;
  height: 100%;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .opc-message {
  width: 100%;
  margin-bottom: 0;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list > li:last-child {
  border-bottom: none;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .opc-quickorder-message {
  z-index: 2;
  background: #eee;
  justify-content: center;
  align-items: center;
  height: 4rem;
  margin: .5rem;
  display: flex;
  position: relative;
}

.opc-manager-session-timeout {
  display: none;
}

.session-timeout-message-active {
  position: fixed;
  inset: 0;
}

.session-timeout-message-active .opc-manager-session-timeout {
  z-index: 9999;
  text-align: center;
  background: #fffffff2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
  position: fixed;
  inset: 0;
}

.session-timeout-message-active .opc-manager-session-timeout .session-timeout-title {
  max-width: 100%;
}

h1, .h1, .opc-carousel h2 span {
  font-variant-numeric: lining-nums proportional-nums;
  margin: 0;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 5.5rem;
  font-weight: 800;
  line-height: 1.2;
}

@media only screen and (width <= 640px) {
  h1, .h1, .opc-carousel h2 span {
    font-size: 2.6rem;
  }
}

h2, .h2 {
  font-variant-numeric: lining-nums proportional-nums;
  margin: 0;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 3.4rem;
  font-weight: 800;
  line-height: 1.2;
}

h3, .h3, .basket-modal h2, .opc-art-spec .art-spec-label, .opc-category-navigation ul .category-item .category-item-title {
  font-variant-numeric: lining-nums proportional-nums;
  margin: 0;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 3rem;
  font-weight: 800;
  line-height: 1.2;
}

h4, .opc-directsearch-suggest h3, .h4, .opc-compare .compare-group-title .group-title-inner, .article-list-item .article-list-item-details .article-list-item-title {
  font-variant-numeric: lining-nums proportional-nums;
  margin: 0;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 2.3rem;
  font-weight: 800;
  line-height: 1.2;
}

h5, .h5 {
  font-variant-numeric: lining-nums proportional-nums;
  margin: 0;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 1.2;
}

@media only screen and (width <= 640px) {
  h5, .h5 {
    font-size: 1.2rem;
  }
}

h6, .h6 {
  font-variant-numeric: lining-nums proportional-nums;
  margin: 0;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1.2;
}

body, button, p, .copy, .text, .basket-modal .opc-price, .opc-art-spec .art-spec-data, .opc-category-navigation ul .category-item .category-item-description, li {
  margin: 0;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 1.6rem;
  font-weight: 200;
  line-height: 1.5;
}

small, .small {
  font-size: 1.2rem;
}

.opc-mini-label {
  text-transform: uppercase;
  color: #000;
  opacity: .4;
  margin-bottom: .5em;
  font-size: 1.4rem;
  display: block;
}

.opc-button, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a.is-active, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .opc-favorite-button, .opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel {
  cursor: pointer;
  border-style: solid;
  border-width: 2px;
  border-radius: 4px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  column-gap: 4px;
  height: 38px;
  padding: 12px 16px;
  font-size: 1.4rem;
  font-weight: 600;
  display: flex;
}

@media only screen and (width >= 800px) {
  .opc-button, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a.is-active, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .opc-favorite-button, .opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel {
    height: 48px;
    padding: 16px 24px;
    font-size: 1.6rem;
  }
}

.opc-button:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a:disabled, .opc-favorite-button:disabled, .opc-compare-button:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel:disabled {
  color: #7a7a7a;
  cursor: not-allowed;
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}

.opc-button .opc-button__icon, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a .opc-button__icon, .opc-favorite-button .opc-button__icon, .opc-compare-button .opc-button__icon, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok .opc-button__icon, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel .opc-button__icon {
  width: 15px;
  height: 15px;
  font-size: 15px !important;
}

@media only screen and (width >= 800px) {
  .opc-button .opc-button__icon, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a .opc-button__icon, .opc-favorite-button .opc-button__icon, .opc-compare-button .opc-button__icon, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok .opc-button__icon, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel .opc-button__icon {
    width: 20px;
    height: 20px;
    font-size: 20px !important;
  }
}

.opc-button[data-op-style="primary"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary"], [data-op-style="primary"].opc-favorite-button, [data-op-style="primary"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].notifications-cancel, .opc-button[data-op-style="loud"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud"], [data-op-style="loud"].opc-favorite-button, [data-op-style="loud"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok {
  color: #171717;
  background-color: #fbc50a;
  border-color: #dea100;
  border-radius: 4px;
}

.opc-button[data-op-style="primary"]:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary"]:hover, [data-op-style="primary"].opc-favorite-button:hover, [data-op-style="primary"].opc-compare-button:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].notifications-cancel:hover, .opc-button[data-op-style="primary"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary"]:focus, [data-op-style="primary"].opc-favorite-button:focus, [data-op-style="primary"].opc-compare-button:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].notifications-cancel:focus, .opc-button[data-op-style="loud"]:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud"]:hover, [data-op-style="loud"].opc-favorite-button:hover, [data-op-style="loud"].opc-compare-button:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:hover, .opc-button[data-op-style="loud"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud"]:focus, [data-op-style="loud"].opc-favorite-button:focus, [data-op-style="loud"].opc-compare-button:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:focus {
  color: #171717;
  background-color: #dea100;
  border-color: #dea100;
}

.opc-button[data-op-style="primary"]:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary"]:disabled, [data-op-style="primary"].opc-favorite-button:disabled, [data-op-style="primary"].opc-compare-button:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].notifications-cancel:disabled, .opc-button[data-op-style="primary"]:disabled:hover, .opc-button[data-op-style="primary"]:disabled:focus, .opc-button[data-op-style="primary"].is-progress, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary"].is-progress, [data-op-style="primary"].is-progress.opc-favorite-button, [data-op-style="primary"].is-progress.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].is-progress.notifications-cancel, .opc-button[data-op-style="loud"]:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud"]:disabled, [data-op-style="loud"].opc-favorite-button:disabled, [data-op-style="loud"].opc-compare-button:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"].notifications-cancel:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:disabled, .opc-button[data-op-style="loud"]:disabled:hover, .opc-button[data-op-style="loud"]:disabled:focus, .opc-button[data-op-style="loud"].is-progress, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud"].is-progress, [data-op-style="loud"].is-progress.opc-favorite-button, [data-op-style="loud"].is-progress.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"].is-progress.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .is-progress.notifications-ok {
  color: #7a7a7a !important;
  background-color: #d9d9d9 !important;
  border-color: #d9d9d9 !important;
}

.opc-button[data-op-style="primary"].is-success, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary"].is-success, [data-op-style="primary"].is-success.opc-favorite-button, [data-op-style="primary"].is-success.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].is-success.notifications-cancel, .opc-button[data-op-style="loud"].is-success, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="loud"].is-success, [data-op-style="loud"].is-success.opc-favorite-button, [data-op-style="loud"].is-success.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"].is-success.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .is-success.notifications-ok {
  color: #fff;
  background: #127f58 !important;
  border-color: #127f58 !important;
}

.opc-button[data-op-style="secondary"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary"], [data-op-style="secondary"].opc-favorite-button, [data-op-style="secondary"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-cancel {
  background-color: #e8e9ea;
  border: 2px solid #c7c7c7;
  border-radius: 4px;
}

.opc-button[data-op-style="secondary"]:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary"]:hover, [data-op-style="secondary"].opc-favorite-button:hover, [data-op-style="secondary"].opc-compare-button:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-cancel:hover, .opc-button[data-op-style="secondary"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary"]:focus, [data-op-style="secondary"].opc-favorite-button:focus, [data-op-style="secondary"].opc-compare-button:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-cancel:focus {
  color: #171717;
  background-color: #fbc50a;
  border-color: #dea100;
}

.opc-button[data-op-style="secondary"]:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary"]:disabled, [data-op-style="secondary"].opc-favorite-button:disabled, [data-op-style="secondary"].opc-compare-button:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-ok:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-cancel:disabled, .opc-button[data-op-style="secondary"]:disabled:hover, .opc-button[data-op-style="secondary"]:disabled:focus {
  color: #7a7a7a;
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}

.opc-button[data-op-style="primary-lined"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary-lined"], [data-op-style="primary-lined"].opc-favorite-button, [data-op-style="primary-lined"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].notifications-cancel, .opc-button[data-op-style="secondary-lined"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary-lined"], [data-op-style="secondary-lined"].opc-favorite-button, [data-op-style="secondary-lined"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].notifications-cancel {
  background-color: #fff;
  border-radius: 4px;
  border: 2px solid #c7c7c7 !important;
}

.opc-button[data-op-style="primary-lined"]:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary-lined"]:hover, [data-op-style="primary-lined"].opc-favorite-button:hover, [data-op-style="primary-lined"].opc-compare-button:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].notifications-cancel:hover, .opc-button[data-op-style="primary-lined"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary-lined"]:focus, [data-op-style="primary-lined"].opc-favorite-button:focus, [data-op-style="primary-lined"].opc-compare-button:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].notifications-cancel:focus, .opc-button[data-op-style="secondary-lined"]:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary-lined"]:hover, [data-op-style="secondary-lined"].opc-favorite-button:hover, [data-op-style="secondary-lined"].opc-compare-button:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].notifications-cancel:hover, .opc-button[data-op-style="secondary-lined"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary-lined"]:focus, [data-op-style="secondary-lined"].opc-favorite-button:focus, [data-op-style="secondary-lined"].opc-compare-button:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].notifications-cancel:focus {
  background-color: #e8e9ea;
  border-color: #c7c7c7;
}

.opc-button[data-op-style="primary-lined"]:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="primary-lined"]:disabled, [data-op-style="primary-lined"].opc-favorite-button:disabled, [data-op-style="primary-lined"].opc-compare-button:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].notifications-ok:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].notifications-cancel:disabled, .opc-button[data-op-style="primary-lined"]:disabled:hover, .opc-button[data-op-style="primary-lined"]:disabled:focus, .opc-button[data-op-style="secondary-lined"]:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary-lined"]:disabled, [data-op-style="secondary-lined"].opc-favorite-button:disabled, [data-op-style="secondary-lined"].opc-compare-button:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].notifications-ok:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].notifications-cancel:disabled, .opc-button[data-op-style="secondary-lined"]:disabled:hover, .opc-button[data-op-style="secondary-lined"]:disabled:focus {
  color: #7a7a7a;
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}

.opc-button[data-op-style="secondary-color"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary-color"], [data-op-style="secondary-color"].opc-favorite-button, [data-op-style="secondary-color"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-cancel {
  color: #171717;
  background: none;
  border-color: #0000;
  border-radius: 0;
}

.opc-button[data-op-style="secondary-color"]:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary-color"]:hover, [data-op-style="secondary-color"].opc-favorite-button:hover, [data-op-style="secondary-color"].opc-compare-button:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-cancel:hover, .opc-button[data-op-style="secondary-color"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary-color"]:focus, [data-op-style="secondary-color"].opc-favorite-button:focus, [data-op-style="secondary-color"].opc-compare-button:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-cancel:focus, .opc-button[data-op-style="secondary-color"]:hover:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary-color"]:hover:disabled, [data-op-style="secondary-color"].opc-favorite-button:hover:disabled, [data-op-style="secondary-color"].opc-compare-button:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-ok:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-cancel:hover:disabled, .opc-button[data-op-style="secondary-color"]:focus:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary-color"]:focus:disabled, [data-op-style="secondary-color"].opc-favorite-button:focus:disabled, [data-op-style="secondary-color"].opc-compare-button:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-ok:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-cancel:focus:disabled {
  color: #171717;
}

.opc-button[data-op-style="secondary-color"].is-progress, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary-color"].is-progress, [data-op-style="secondary-color"].is-progress.opc-favorite-button, [data-op-style="secondary-color"].is-progress.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].is-progress.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].is-progress.notifications-cancel {
  color: #e8e9ea !important;
}

.opc-button[data-op-style="secondary-color"].is-success, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary-color"].is-success, [data-op-style="secondary-color"].is-success.opc-favorite-button, [data-op-style="secondary-color"].is-success.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].is-success.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].is-success.notifications-cancel {
  color: #127f58 !important;
}

.opc-button[data-op-size="small"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="small"], [data-op-size="small"].opc-favorite-button, [data-op-size="small"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"].notifications-cancel {
  height: 32px;
  padding: 10px 12px;
  font-size: 1.4rem;
}

@media only screen and (width >= 800px) {
  .opc-button[data-op-size="small"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="small"], [data-op-size="small"].opc-favorite-button, [data-op-size="small"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"].notifications-cancel {
    height: 38px;
    padding: 12px 16px;
  }
}

.opc-button[data-op-size="small"] .opc-button__icon, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="small"] .opc-button__icon, [data-op-size="small"].opc-favorite-button .opc-button__icon, [data-op-size="small"].opc-compare-button .opc-button__icon, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"].notifications-ok .opc-button__icon, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"].notifications-cancel .opc-button__icon {
  width: 12px;
  height: 12px;
  font-size: 12px !important;
}

.opc-button[data-op-size="small"][data-op-type="icon"] .opc-button__label, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="small"][data-op-type="icon"] .opc-button__label, [data-op-size="small"][data-op-type="icon"].opc-favorite-button .opc-button__label, [data-op-size="small"][data-op-type="icon"].opc-compare-button .opc-button__label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"][data-op-type="icon"].notifications-ok .opc-button__label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"][data-op-type="icon"].notifications-cancel .opc-button__label {
  display: none;
}

.opc-button[data-op-size="small"][data-op-type="icon"] .opc-button__icon, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="small"][data-op-type="icon"] .opc-button__icon, [data-op-size="small"][data-op-type="icon"].opc-favorite-button .opc-button__icon, [data-op-size="small"][data-op-type="icon"].opc-compare-button .opc-button__icon, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"][data-op-type="icon"].notifications-ok .opc-button__icon, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"][data-op-type="icon"].notifications-cancel .opc-button__icon {
  display: flex !important;
}

.opc-button[data-op-size="small"][data-op-type="icon"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="small"][data-op-type="icon"], [data-op-size="small"][data-op-type="icon"].opc-favorite-button, [data-op-size="small"][data-op-type="icon"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"][data-op-type="icon"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"][data-op-type="icon"].notifications-cancel {
  width: 32px;
  padding: 7px;
}

@media only screen and (width >= 800px) {
  .opc-button[data-op-size="small"][data-op-type="icon"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="small"][data-op-type="icon"], [data-op-size="small"][data-op-type="icon"].opc-favorite-button, [data-op-size="small"][data-op-type="icon"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"][data-op-type="icon"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"][data-op-type="icon"].notifications-cancel {
    width: 38px;
    padding: 12px;
  }
}

.opc-button[data-op-size="normal"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="normal"], [data-op-size="normal"].opc-favorite-button, [data-op-size="normal"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"].notifications-cancel {
  height: 38px;
  padding: 12px 16px;
}

@media only screen and (width >= 800px) {
  .opc-button[data-op-size="normal"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="normal"], [data-op-size="normal"].opc-favorite-button, [data-op-size="normal"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"].notifications-cancel {
    height: 48px;
    padding: 16px 24px;
  }
}

.opc-button[data-op-size="normal"] .opc-button__icon, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="normal"] .opc-button__icon, [data-op-size="normal"].opc-favorite-button .opc-button__icon, [data-op-size="normal"].opc-compare-button .opc-button__icon, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"].notifications-ok .opc-button__icon, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"].notifications-cancel .opc-button__icon, .opc-button[data-op-size="normal"] svg, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="normal"] svg, [data-op-size="normal"].opc-favorite-button svg, [data-op-size="normal"].opc-compare-button svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"].notifications-ok svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"].notifications-cancel svg {
  width: 15px;
  height: 15px;
  font-size: 15px !important;
}

@media only screen and (width >= 800px) {
  .opc-button[data-op-size="normal"] .opc-button__icon, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="normal"] .opc-button__icon, [data-op-size="normal"].opc-favorite-button .opc-button__icon, [data-op-size="normal"].opc-compare-button .opc-button__icon, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"].notifications-ok .opc-button__icon, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"].notifications-cancel .opc-button__icon, .opc-button[data-op-size="normal"] svg, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="normal"] svg, [data-op-size="normal"].opc-favorite-button svg, [data-op-size="normal"].opc-compare-button svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"].notifications-ok svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"].notifications-cancel svg {
    width: 20px;
    height: 20px;
    font-size: 20px !important;
  }
}

.opc-button[data-op-size="normal"][data-op-type="icon"] .opc-button__label, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="normal"][data-op-type="icon"] .opc-button__label, [data-op-size="normal"][data-op-type="icon"].opc-favorite-button .opc-button__label, [data-op-size="normal"][data-op-type="icon"].opc-compare-button .opc-button__label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"][data-op-type="icon"].notifications-ok .opc-button__label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"][data-op-type="icon"].notifications-cancel .opc-button__label {
  display: none;
}

.opc-button[data-op-size="normal"][data-op-type="icon"] .opc-button__icon, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="normal"][data-op-type="icon"] .opc-button__icon, [data-op-size="normal"][data-op-type="icon"].opc-favorite-button .opc-button__icon, [data-op-size="normal"][data-op-type="icon"].opc-compare-button .opc-button__icon, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"][data-op-type="icon"].notifications-ok .opc-button__icon, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"][data-op-type="icon"].notifications-cancel .opc-button__icon {
  display: flex !important;
}

.opc-button[data-op-size="normal"][data-op-type="icon"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="normal"][data-op-type="icon"], [data-op-size="normal"][data-op-type="icon"].opc-favorite-button, [data-op-size="normal"][data-op-type="icon"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"][data-op-type="icon"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"][data-op-type="icon"].notifications-cancel {
  width: 38px;
  padding: 7px;
}

@media only screen and (width >= 800px) {
  .opc-button[data-op-size="normal"][data-op-type="icon"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-size="normal"][data-op-type="icon"], [data-op-size="normal"][data-op-type="icon"].opc-favorite-button, [data-op-size="normal"][data-op-type="icon"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"][data-op-type="icon"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"][data-op-type="icon"].notifications-cancel {
    width: 48px;
    padding: 12px;
  }
}

.opc-button--round {
  border-radius: 50% !important;
  width: 32px !important;
  height: 32px !important;
  padding: 7px !important;
}

@media only screen and (width >= 800px) {
  .opc-button--round {
    width: 40px !important;
    height: 40px !important;
    padding: 8px !important;
  }
}

.link, a {
  color: #000;
  border-bottom: 2px solid #0000;
  border-radius: 4px;
  flex-direction: row;
  align-items: center;
  column-gap: 4px;
  height: max-content;
  font-weight: 600;
  display: flex;
}

.link:link, a:link, .link:visited, a:visited {
  color: #171717;
}

.link:hover, a:hover {
  color: #2a2a2a;
}

.link:active, a:active {
  color: #494949;
}

.link--primary, a--primary {
  color: #fbc50a !important;
}

.link--primary:hover, a--primary:hover {
  color: #dea100 !important;
}

.link--secondary, a--secondary {
  font-weight: unset;
  color: #fff !important;
}

.link--secondary:hover, a--secondary:hover {
  color: #fbc50a !important;
}

.link--text, a--text {
  font-weight: unset;
  font-size: unset;
  display: flex;
}

.link--text > .link__label, a--text > .link__label {
  width: max-content;
  display: flex;
  position: relative;
}

.link--text > .link__label:after, a--text > .link__label:after {
  content: "";
  background: #fbc50a;
  height: 2px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}

.link--size-s, a--size-s {
  font-size: 1.4rem;
}

.opc-input, .page-checkout .checkout-addresses .not-editable, .opc-textarea, .opc-select, .page-account #change-addr-form .opc-form-field.language select, .opc-compare .compare-row .compare-label select, .article-list-menu .article-list-sort select, .opc-basket-button .basket-button-dim-variants {
  color: #171717;
  border: 1px solid #d9d9d9;
  margin: 0;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 1.6rem;
  font-weight: 200;
  line-height: 1.5;
}

.art-slider {
  flex-direction: column;
  row-gap: 32px;
  display: flex;
}

.art-slider__title {
  flex-direction: row;
  justify-content: start;
  align-items: end;
  display: flex;
}

.asset-text {
  background-color: #171717;
  border-radius: 12px;
  grid-template-columns: 1fr;
  grid-template-areas: "media"
                       "text";
  width: 100%;
  display: grid;
  overflow: hidden;
}

@media only screen and (width >= 640px) {
  .asset-text {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "media text";
    height: 540px;
  }
}

.asset-text__media {
  grid-area: media;
  width: 100%;
  overflow: hidden;
}

.asset-text__media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.asset-text__media video {
  width: 100%;
  height: auto;
}

@media only screen and (width >= 640px) {
  .asset-text__media video {
    width: auto;
    height: 100%;
  }
}

.asset-text__text {
  color: #fff;
  hyphens: auto;
  grid-area: text;
  align-items: center;
  padding: 48px 24px;
  display: flex;
}

@media only screen and (width >= 640px) {
  .asset-text__text {
    padding: 0 48px;
  }
}

@media only screen and (width >= 1024px) {
  .asset-text__text {
    padding-inline: 128px;
  }
}

.asset-text__content {
  flex-direction: column;
  row-gap: 24px;
  display: flex;
}

.asset-text__actions {
  flex-flow: wrap;
  gap: 16px;
  display: flex;
}

.asset-text--wide {
  grid-template-areas: "text"
                       "media";
}

@media only screen and (width >= 640px) {
  .asset-text--wide {
    grid-template-columns: 2fr 3fr;
    grid-template-areas: "media text";
    height: 400px;
  }
}

.asset-text--wide .asset-text__text {
  padding: 48px 24px;
}

@media only screen and (width >= 640px) {
  .asset-text--wide .asset-text__text {
    padding: 0 32px;
  }
}

.asset-text--brand {
  border-radius: 12px;
  grid-template-columns: 1fr;
  display: grid;
  overflow: hidden;
}

@media only screen and (width >= 640px) {
  .asset-text--brand {
    grid-template: "text media" 136px
    / auto 136px;
    height: max-content;
  }
}

.asset-text--brand .asset-text__text {
  color: #fff;
  background-color: #171717;
  align-items: center;
  padding: 40px 32px;
  display: flex;
}

.asset-text--brand .asset-text__media {
  aspect-ratio: 1;
  background-color: #fbc50a;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
}

.asset-text--brand .asset-text__media img {
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}

.asset-text--teaser {
  aspect-ratio: 1;
  border-radius: 12px;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.asset-text--teaser .asset-text__media {
  width: 100%;
  height: 100%;
}

.asset-text--teaser .asset-text__media img {
  object-fit: cover;
  height: 100%;
}

.asset-text--teaser .asset-text__text {
  z-index: 2;
  flex-direction: column;
  align-items: start;
  row-gap: 8px;
  max-width: 100%;
  max-height: 100%;
  padding: 16px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (width >= 1024px) {
  .asset-text--teaser .asset-text__text {
    padding: 32px;
  }
}

.asset-text--tile {
  border-radius: 12px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.asset-text--tile .asset-text__media {
  opacity: .4;
  width: 100%;
  height: 100%;
}

.asset-text--tile .asset-text__media img {
  object-fit: cover;
  height: 100%;
}

.asset-text--tile .asset-text__text {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 8px;
  width: 100%;
  height: 100%;
  padding: 16px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (width >= 1024px) {
  .asset-text--tile .asset-text__text {
    padding: 24px;
  }
}

.asset-text--menu {
  aspect-ratio: 1;
  width: 100%;
  height: auto;
}

@media only screen and (width >= 1024px) {
  .asset-text--menu {
    width: 395px;
  }
}

.asset-text--menu .asset-text__text {
  text-align: center;
}

.asset-text--menu-item {
  border-radius: 4px;
  grid-template-columns: 1fr 52px;
  grid-template-areas: "text media";
  width: 100%;
  height: 52px;
}

@media only screen and (width >= 1024px) {
  .asset-text--menu-item {
    grid-template-columns: 1fr 60px;
    height: 60px;
  }
}

.asset-text--menu-item .asset-text__media {
  aspect-ratio: 1;
  width: auto;
  height: 100%;
}

.asset-text--menu-item .asset-text__text {
  margin: auto 12px;
  padding: 0;
}

.asset-text--category {
  grid-template-columns: 1fr min-content;
  grid-template-areas: "text media";
  width: 100%;
  height: 52px;
}

@media only screen and (width >= 640px) {
  .asset-text--category {
    height: 80px;
  }
}

.asset-text--category .asset-text__media {
  aspect-ratio: 1;
  width: auto;
  height: 100%;
}

.asset-text--category .asset-text__text {
  margin: auto 8px;
  padding: 0;
}

@media only screen and (width >= 1024px) {
  .asset-text--category .asset-text__text {
    margin: auto 32px;
  }
}

.asset-text--link:hover {
  box-shadow: 0 2px 16px #37373c40;
}

.categories {
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: 48px;
  display: grid;
}

@media only screen and (width >= 640px) {
  .categories {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
}

.content-box-wrapper {
  flex-wrap: wrap;
  align-items: flex-start;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.content-box-wrapper .content-box {
  width: 50%;
  margin: 0 15px;
}

@media only screen and (width <= 800px) {
  .content-box-wrapper .content-box {
    width: 100%;
    margin-bottom: 1rem;
  }
}

.content-box {
  border: 1px solid #f2f2f2;
  margin-bottom: 1rem;
}

.content-box.fixed-width {
  max-width: 60rem;
  margin: 0 auto;
}

.content-box .content-box-head {
  padding: 2rem;
  position: relative;
}

.content-box .content-box-head h2 {
  margin: 0;
  padding: 0;
}

.content-box .content-box-head h2 span {
  margin-right: 2rem;
  font-size: 3rem;
}

.content-box .content-box-head .content-box-toggler {
  text-align: center;
  font-size: 2rem;
  line-height: 2rem;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
}

.content-box.is-open .content-box-head .content-box-toggler, .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box.is-active .content-box-head .content-box-toggler, .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box.is-active-parent .content-box-head .content-box-toggler, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box.is-active .content-box-head .content-box-toggler, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box.is-active-parent .content-box-head .content-box-toggler {
  transform: translateY(-50%) rotate(-180deg);
}

.content-box .content-box-body {
  padding: 0 2rem 2rem;
}

.content-box .content-box-body p {
  margin: 0 0 2rem;
  padding: 0;
}

.content-box .content-box-body .content-box-slide-content {
  display: none;
}

.content-box .content-box-body .content-box-body-actions {
  text-align: right;
}

.content-box .content-box-body .content-box-body-actions .opc-message {
  text-align: left;
}

.list-filter {
  background: none;
  margin-bottom: 2rem;
  padding: 1rem;
  display: flex;
}

.list-filter .opc-form-field {
  margin-bottom: 0;
  margin-right: 1rem;
}

.list-info {
  columns: 1;
  break-inside: avoid;
  background: #eee;
  margin-bottom: 2rem;
  padding: 1rem;
}

@media only screen and (width >= 800px) {
  .list-info {
    columns: 2;
  }
}

@media only screen and (width >= 1400px) {
  .list-info {
    columns: 3;
  }
}

.list-info .list-info-item {
  page-break-inside: avoid;
  break-inside: avoid;
  width: 100%;
  margin-bottom: .5rem;
  display: inline-block;
}

.list-info .list-info-item .list-info-label {
  width: 45%;
  margin-right: 1rem;
  font-weight: bold;
  display: inline-block;
}

.list-info .list-info-item .list-info-value {
  display: inline-block;
}

.article-list-menu {
  flex-wrap: wrap;
  row-gap: 15px;
  margin-bottom: 38px;
  padding-top: 16px;
}

.article-list-menu .article-list-count {
  color: #171717;
  width: 100%;
  margin: 0;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.5;
}

@media only screen and (width >= 640px) {
  .article-list-menu .article-list-count {
    width: auto;
  }
}

.article-list-menu .article-list-sort {
  margin-right: 0;
}

.article-list-menu .article-list-sort label {
  display: none;
}

@media only screen and (width >= 800px) {
  .article-list-menu .article-list-sort label {
    display: inline-block;
  }
}

.article-list-menu .article-list-sort select {
  color: #171717;
  background-color: #0000;
  border: 1px solid #c7c7c7;
  border-radius: 4px;
  margin: 0;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 1.6rem;
  font-weight: 200;
  line-height: 1.5;
}

.article-list-menu .article-list-sort select::-ms-expand {
  display: none;
}

.article-list-item {
  border: none;
  border-radius: 12px;
  flex-direction: column;
  height: 100%;
  padding-block: 0;
  display: flex;
  overflow: hidden;
}

.article-list-item:hover {
  border: none;
  box-shadow: 0 2px 16px #37373c40;
}

.article-list-item .last-ordered-tile-price {
  margin-top: auto;
}

.article-list-item .article-list-item-image {
  aspect-ratio: 1;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  padding: 24px;
}

.article-list-item .article-list-item-price {
  column-gap: 4px;
  height: auto;
  font-weight: 600;
  display: flex;
}

.article-list-item .article-list-item-details {
  grid-template-rows: repeat(3, min-content) 1fr;
  height: 100%;
  margin: 0 24px 24px;
  display: grid;
}

.article-list-item .article-list-item-details .opc-price {
  min-height: 2.4rem;
  margin-bottom: .5rem;
}

.article-list-item .article-list-item-details .article-list-item-title {
  z-index: 3;
  width: fit-content;
  margin-bottom: .5rem;
  font-weight: 600;
  overflow: hidden;
}

.article-list-item .article-list-item-details .article-list-item-description {
  overflow: hidden;
}

.article-list-item .article-list-item-details .article-list-item-description p, .article-list-item .article-list-item-details .article-list-item-description .is-product-msg {
  height: 4.4rem;
  margin-bottom: 0;
  padding: .5rem 0;
  font-size: 1.4rem;
  line-height: 1.3;
  overflow: hidden;
}

.article-list-item .article-list-item-details .article-list-item-description p:empty, .article-list-item .article-list-item-details .article-list-item-description .is-product-msg:empty {
  display: none;
}

.article-list-item .article-list-item-details .article-list-item-description .is-product-msg {
  text-align: center;
  background: #eee;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  max-width: 60rem;
  padding: .5rem 1rem;
  font-size: 1.2rem;
  display: flex;
}

.article-list-item .article-list-item-details .article-list-item-article-number {
  z-index: 3;
  color: #171717;
  width: fit-content;
  margin: 0;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 1.6rem;
  font-weight: 200;
  line-height: 1.5;
}

.article-list-item .article-list-item-details .article-list-item-dimension, .article-list-item .article-list-item-details .article-stock-wrapper, .article-list-item .article-list-item-details .article-price-wrapper {
  width: fit-content;
}

.article-list-item .article-list-item-actions {
  color: #000;
  flex-wrap: wrap;
  justify-content: space-between;
  align-self: end;
  gap: 12px;
  margin-top: 16px;
  padding-inline: 0;
  overflow: visible;
  display: flex !important;
}

.article-list-item .article-list-item-actions > button {
  z-index: 3;
  position: relative;
}

.article-list-item .article-list-item-actions .opc-basket-button {
  gap: 0;
  width: auto;
  padding: 0;
}

.article-list-item .article-list-item-actions .opc-basket-button svg {
  margin-right: 0;
}

.article-list-item .article-list-item-actions .opc-basket-button .basket-button-wrapper {
  display: none;
}

.article-list-item .article-list-item-actions .opc-favorite-button {
  border: 2px solid #c7c7c7 !important;
}

.article-list-item .article-list-item-actions .details-button {
  width: auto;
  margin-bottom: .5rem;
  margin-left: auto;
}

@media only screen and (width >= 800px) {
  .article-list-item .article-list-item-actions .details-button {
    width: auto;
  }
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-details .article-list-item-title {
  height: auto;
  margin-bottom: .5rem;
  font-size: 1.8rem;
  font-weight: 600;
  overflow: hidden;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions {
  color: #000;
  display: flex;
  overflow: visible;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .details-button {
  margin-bottom: .5rem;
  margin-left: auto;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-favorite-button:hover, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-favorite-button:focus {
  box-shadow: 1px 3px 3px #ccc;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-more-button {
  margin-left: 0;
  margin-right: .5rem;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-compare-button {
  background-color: #fff;
  margin-left: 0;
  margin-right: .5rem;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-compare-button:hover, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-compare-button:focus {
  box-shadow: 1px 3px 3px #ccc;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button {
  justify-content: center;
  width: 4rem;
  padding: 0;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button svg {
  margin-right: 0;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button span {
  display: none;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button:hover, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button:focus {
  box-shadow: 1px 3px 3px #ccc;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .details-button {
  width: 100%;
}

@media only screen and (width >= 800px) {
  [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .details-button {
    width: auto;
  }
}

.opc-article-list--padding-inline {
  padding-inline: 4px !important;
}

.opc-article-list--no-margin-left {
  margin-left: 0 !important;
}

.opc-article-list[data-op-article-list-type="slider"] {
  column-gap: 0;
  margin-top: -12px;
  padding: 12px 0 38px;
  list-style: none;
  display: flex;
  overflow: visible !important;
}

.opc-article-list[data-op-article-list-type="slider"] li {
  flex-shrink: 0;
  flex-basis: 100%;
  padding: 12px;
  display: none;
  padding-right: 12px !important;
}

.opc-article-list[data-op-article-list-type="slider"] li:first-child {
  display: block;
}

@media only screen and (width >= 600px) {
  .opc-article-list[data-op-article-list-type="slider"] li {
    flex-basis: 50%;
  }

  .opc-article-list[data-op-article-list-type="slider"] li:nth-child(2) {
    display: block;
  }
}

@media only screen and (width >= 800px) {
  .opc-article-list[data-op-article-list-type="slider"] li {
    flex-basis: 33.3333%;
  }

  .opc-article-list[data-op-article-list-type="slider"] li:nth-child(3) {
    display: block;
  }
}

@media only screen and (width >= 1170px) {
  .opc-article-list[data-op-article-list-type="slider"] li {
    flex-basis: 25%;
  }

  .opc-article-list[data-op-article-list-type="slider"] li:nth-child(4) {
    display: block;
  }
}

@media only screen and (width >= 1600px) {
  .opc-article-list[data-op-article-list-type="slider"] li {
    flex-basis: 20%;
  }

  .opc-article-list[data-op-article-list-type="slider"] li:nth-child(5) {
    display: block;
  }
}

.opc-article-grid-list {
  grid-template-columns: 1fr;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.opc-article-grid-list--last-ordered {
  gap: 0 !important;
}

.opc-article-grid-list--last-ordered .article-list-item {
  grid-template: "image image"
                 "details details"
                 "price price"
                 "downloads basket"
                 / auto 1fr auto auto;
  align-items: flex-start;
  row-gap: 20px;
  position: relative;
  border-top: unset !important;
  border-left: unset !important;
  border-right: unset !important;
  display: grid !important;
}

@media only screen and (width >= 640px) {
  .opc-article-grid-list--last-ordered .article-list-item {
    grid-template: "image details . price"
                   "image details downloads basket"
                   / auto 1fr auto auto;
  }
}

.opc-article-grid-list--last-ordered .article-list-item .article-list-item-link {
  z-index: 1;
  display: block;
  position: absolute;
  inset: 0;
}

.opc-article-grid-list--last-ordered .article-list-item .article-list-item-image {
  grid-area: image;
}

.opc-article-grid-list--last-ordered .article-list-item .article-list-item-details {
  grid-area: details;
  height: 100%;
  margin: 0;
}

.opc-article-grid-list--last-ordered .article-list-item .article-list-item-basket {
  grid-area: basket;
}

.opc-article-grid-list--last-ordered .article-list-item .article-list-item-downloads {
  grid-area: downloads;
}

.opc-article-grid-list--last-ordered .article-list-item .article-list-separate-price {
  grid-area: price;
  padding-inline: 32px;
  display: flex;
}

.opc-article-grid-list--last-ordered .article-list-item .article-list-item-price {
  grid-area: price;
  padding-right: 16px;
  display: block;
}

.opc-article-grid-list--last-ordered .article-list-item .article-list-item-price [data-basis-price] {
  display: none;
}

.opc-article-grid-list--last-ordered .article-list-item .article-list-item-price .last-ordered-tile-price {
  width: fit-content;
}

@media only screen and (width >= 640px) {
  .opc-article-grid-list--last-ordered .article-list-item .article-list-item-price .last-ordered-tile-price {
    margin-left: auto;
  }
}

.opc-article-grid-list--last-ordered .article-list-item .article-list-item-price .article-price-currency {
  padding-right: 4px;
}

.opc-article-grid-list--last-ordered .article-list-item .article-list-item-basket {
  z-index: 2;
  grid-column: basket;
}

.opc-article-grid-list--last-ordered .article-list-item .article-list-item-actions {
  display: flex !important;
}

.opc-article-grid-list > li {
  display: contents;
}

.opc-article-grid-list > li .article-list-item-overlay {
  z-index: 2;
  width: 100%;
  height: 100%;
  margin-top: -15px;
  position: absolute;
}

.opc-article-grid-list .article-list-item {
  align-self: stretch;
}

@media only screen and (width >= 800px) {
  .opc-article-grid-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (width >= 1024px) {
  .opc-article-grid-list {
    grid-template-columns: repeat(4, 1fr);
    gap: 32px 24px;
  }

  .opc-article-grid-list[data-art-grid-columns="4"] {
    grid-template-columns: repeat(4, 1fr);
  }
}

.opc-article-grid-list[data-op-type="list"], .opc-article-grid-list[data-op-article-list-type="list"] {
  grid-template-columns: 1fr;
}

.opc-article-grid-list[data-op-type="list"] .article-list-item-additional-description, .opc-article-grid-list[data-op-article-list-type="list"] .article-list-item-additional-description {
  display: block;
}

@media only screen and (width >= 1024px) {
  .opc-article-grid-list-brands {
    grid-template-columns: repeat(4, 1fr);
    gap: 32px 24px;
  }
}

.opc-search {
  visibility: visible;
  opacity: 1;
  z-index: 20000;
  background: none;
  width: 100%;
  position: relative;
  inset: auto;
}

.opc-search.is-open, .sidebar-wrapper .opc-navigation .navigation-level-1 li.opc-search.is-active, .sidebar-wrapper .opc-navigation .navigation-level-1 li.opc-search.is-active-parent, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.opc-search.is-active, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.opc-search.is-active-parent {
  visibility: visible;
  opacity: 1;
  z-index: 20000;
}

.opc-search[data-op-type="fullscreen"] {
  background-color: #f2f2f2;
  max-width: 1400px;
}

@media only screen and (width >= 1400px) {
  .opc-search[data-op-type="fullscreen"] {
    margin-left: calc(50vw - 700px);
  }
}

.opc-search[data-op-type="fullscreen"] .search-head {
  box-shadow: none;
  height: 100%;
  padding-inline: 0;
  display: grid;
}

.opc-search[data-op-type="fullscreen"] .search-head .opc-button, .opc-search[data-op-type="fullscreen"] .search-head .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-search[data-op-type="fullscreen"] .search-head a, .opc-search[data-op-type="fullscreen"] .search-head .opc-favorite-button, .opc-search[data-op-type="fullscreen"] .search-head .opc-compare-button, .opc-search[data-op-type="fullscreen"] .search-head .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-search[data-op-type="fullscreen"] .search-head .notifications-ok, .opc-search[data-op-type="fullscreen"] .search-head .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-search[data-op-type="fullscreen"] .search-head .notifications-cancel {
  background-color: unset;
}

.opc-search[data-op-type="fullscreen"] .search-head .opc-button svg, .opc-search[data-op-type="fullscreen"] .search-head .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a svg, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-search[data-op-type="fullscreen"] .search-head a svg, .opc-search[data-op-type="fullscreen"] .search-head .opc-favorite-button svg, .opc-search[data-op-type="fullscreen"] .search-head .opc-compare-button svg, .opc-search[data-op-type="fullscreen"] .search-head .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-search[data-op-type="fullscreen"] .search-head .notifications-ok svg, .opc-search[data-op-type="fullscreen"] .search-head .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-search[data-op-type="fullscreen"] .search-head .notifications-cancel svg {
  font-size: 1.2em;
}

.opc-search .search-toggle {
  z-index: 3;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}

.opc-search .opc-search-bg {
  z-index: 1;
  background: #fffffffa;
  display: none;
  position: absolute;
  inset: 0;
}

.opc-search .opc-search-content {
  padding: 0;
  position: relative;
}

@media only screen and (width >= 800px) {
  .opc-search .opc-search-bg, .opc-search .opc-search-toggle {
    display: none;
  }

  .opc-search .opc-search-content {
    padding: 0;
    position: relative;
  }
}

.opc-search .opc-search-content {
  grid-template-columns: 1fr auto;
  display: grid;
}

.opc-search .opc-search-content .opc-button[data-op-action="close"], .opc-search .opc-search-content .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-action="close"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-search .opc-search-content a[data-op-action="close"], .opc-search .opc-search-content [data-op-action="close"].opc-favorite-button, .opc-search .opc-search-content [data-op-action="close"].opc-compare-button, .opc-search .opc-search-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-action="close"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-search .opc-search-content [data-op-action="close"].notifications-ok, .opc-search .opc-search-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-action="close"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-search .opc-search-content [data-op-action="close"].notifications-cancel {
  display: none;
}

@media only screen and (width >= 800px) {
  .opc-search .opc-search-content .opc-button[data-op-action="close"], .opc-search .opc-search-content .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-action="close"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-search .opc-search-content a[data-op-action="close"], .opc-search .opc-search-content [data-op-action="close"].opc-favorite-button, .opc-search .opc-search-content [data-op-action="close"].opc-compare-button, .opc-search .opc-search-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-action="close"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-search .opc-search-content [data-op-action="close"].notifications-ok, .opc-search .opc-search-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-action="close"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-search .opc-search-content [data-op-action="close"].notifications-cancel {
    display: none;
  }
}

.opc-search .opc-search-content .opc-search-query {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.opc-search .opc-search-content .opc-search-query .search-query {
  border: none;
  height: 32px;
  padding-left: 40px;
  padding-right: 1rem;
}

@media only screen and (width >= 800px) {
  .opc-search .opc-search-content .opc-search-query .search-query {
    height: 38px;
  }
}

.opc-search .opc-search-content .opc-search-query .search-query:focus {
  outline: none;
}

.opc-search .opc-search-content .opc-search-query .search-icon {
  position: absolute;
  top: 8px;
  left: 12px;
}

@media only screen and (width >= 800px) {
  .opc-search .opc-search-content .opc-search-query .search-icon {
    top: 12px;
    left: 15px;
  }
}

.opc-search .opc-search-content .opc-search-query .search-filter {
  border: none;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  height: 3rem;
  padding: 0 1rem;
}

.opc-search .opc-search-content .opc-search-query .search-filter:focus {
  outline: none;
}

.opc-search .opc-search-content .opc-search-query .search-btn {
  color: #313141;
  background: none;
  border: none;
  flex-shrink: 0;
  width: 4rem;
  height: 3rem;
}

.opc-search .opc-search-content .opc-search-results {
  padding: 0;
  display: none;
  position: absolute;
  top: 100%;
}

.opc-search .opc-search-content .opc-search-results .opc-directsearch-message {
  z-index: 2;
  background: #eee;
  justify-content: center;
  align-items: center;
  height: 4rem;
  margin: .5rem;
  display: flex;
  position: relative;
}

.opc-search input {
  width: 100%;
}

.column-section-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.column-section-list li {
  border-bottom: 1px solid #e8e9ea;
}

.column-section-list li a {
  padding: 1.5rem 0;
  display: block;
}

.column-section-list li a:hover {
  background: #e8e9ea;
}

.column-section-list li a > span {
  display: block;
}

.column-section-list[data-op-type="article-image"] .list-item-image {
  width: 8rem;
  margin-right: 1rem;
}

.column-section-list[data-op-type="article-image"] .list-item-info {
  width: calc(100% - 9rem);
}

.column-section-list[data-op-type="article-image"] .list-item-description {
  max-width: 100%;
}

.column-section-list[data-op-type="article-image"] a {
  width: 100%;
  padding: 1rem 0;
  display: flex;
}

.column-section-list[data-op-type="article-image"] a .image {
  justify-content: center;
  align-items: center;
  margin-right: 1rem;
  display: flex;
}

.column-section-list[data-op-type="article-image"] a .info .name {
  margin-bottom: .2em;
  font-weight: 600;
  display: block;
}

.column-section-list[data-op-type="article-image"] a .info .additional-name {
  opacity: .8;
  margin-bottom: .2em;
  font-size: 1.2rem;
  display: block;
}

.column-section-list[data-op-type="article-image"] a .info .description {
  display: block;
}

.column-section-list[data-op-type="simple"] a {
  position: relative;
}

.column-section-list[data-op-type="simple"] .CatStruct-Name ~ .Amount, .column-section-list[data-op-type="simple"] .CatStruct-Number {
  display: none;
}

.column-section-list .moreItems a {
  padding: 1rem;
  font-weight: bold;
}

.column-section-list .moreItems a span {
  margin: 0;
  font-size: 1.2rem;
}

.opc-breadcrumb {
  margin-block: 32px;
  padding-inline: 36px;
  display: none;
}

@media only screen and (width >= 640px) {
  .opc-breadcrumb {
    display: flex;
  }
}

@media only screen and (width >= 1024px) {
  .opc-breadcrumb {
    padding-inline: 48px;
  }
}

.opc-breadcrumb .breadcrumb-navigation li:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z%22%2F%3E%3C%2Fsvg%3E");
}

.opc-breadcrumb .breadcrumb-navigation li.is-active, .opc-breadcrumb .breadcrumb-navigation li a {
  font-weight: unset;
  font-size: unset;
  color: unset;
}

.opc-favorite-modal .opc-mini-label {
  margin-bottom: 1rem;
}

.opc-favorite-modal .favorite-list {
  margin: 0 0 4rem;
  padding: 0;
  list-style: none;
}

.opc-favorite-modal .favorite-list .favorite-list-item {
  cursor: pointer;
  border-bottom: 1px solid #eee;
  align-items: center;
  padding: 1rem 0;
  transition: all .2s ease-in-out;
  display: flex;
  position: relative;
}

.opc-favorite-modal .favorite-list .favorite-list-item[data-op-artexist="true"], .opc-favorite-modal .favorite-list .favorite-list-item.is-progress {
  pointer-events: none;
  opacity: .2;
  cursor: default;
}

.opc-favorite-modal .favorite-list .favorite-list-item:hover {
  background: #eee;
  padding: 1rem .5rem;
}

.opc-favorite-modal .favorite-list .favorite-list-item .favorite-list-item-title {
  font-weight: bold;
}

.opc-favorite-modal .favorite-list .favorite-list-item .favorite-list-item-count {
  color: #fff;
  background: #3d4961;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  font-size: 1.2rem;
  display: flex;
  position: absolute;
  top: 50%;
  right: .5rem;
  transform: translateY(-50%);
}

.opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input {
  flex-wrap: wrap;
  display: flex;
}

.opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .opc-form-field {
  margin-bottom: 0;
  margin-right: 1rem;
}

.opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .opc-input, .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .page-checkout .checkout-addresses .not-editable, .page-checkout .checkout-addresses .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .not-editable {
  width: 100%;
  margin-bottom: .5rem;
}

.opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .opc-button, .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input a, .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .opc-favorite-button, .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .opc-compare-button, .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .notifications-ok, .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .notifications-cancel {
  width: 100%;
}

@media only screen and (width >= 500px) {
  .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input {
    flex-wrap: nowrap;
  }

  .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .opc-input, .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .page-checkout .checkout-addresses .not-editable, .page-checkout .checkout-addresses .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .not-editable {
    flex-grow: 1;
    width: 100%;
  }

  .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .opc-button, .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input a, .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .opc-favorite-button, .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .opc-compare-button, .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .notifications-ok, .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .notifications-cancel {
    flex-shrink: 0;
    width: auto;
  }
}

.opc-filter {
  margin-bottom: 0;
}

.opc-filter[data-op-style="dropdown"] {
  background-color: unset;
}

.opc-filter[data-op-style="dropdown"] .filter-head {
  color: #171717;
  border-color: #c7c7c7;
  border-radius: 4px;
  margin: 0;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 1.6rem;
  font-weight: 200;
  line-height: 1.5;
}

.opc-filter-set[data-op-layout="horizontal"] .filter-set-list {
  border-bottom: 1px solid #c7c7c7;
  gap: 20px 0;
  margin-bottom: 24px;
  padding-bottom: 24px;
}

.is-mobile .opc-compare-button, .is-mobile .offcanvas-compare {
  display: none !important;
}

.opc-carousel .carousel-slide-content {
  padding: 2rem;
}

.opc-carousel .carousel-slide-content .carousel-slide-content-inner {
  background: #fff9;
  max-width: 40rem;
  padding: 2rem;
}

.article-list-paging .opc-segment-navigation button {
  background-color: #e8e9ea;
  border: 2px solid #c7c7c7;
  border-radius: 4px;
  margin: 0;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.5;
}

.article-list-paging .opc-segment-navigation button:hover, .article-list-paging .opc-segment-navigation button:focus {
  color: #171717;
  background-color: #fbc50a;
  border-color: #dea100;
}

.article-list-paging .opc-segment-navigation button:disabled, .article-list-paging .opc-segment-navigation button:disabled:hover, .article-list-paging .opc-segment-navigation button:disabled:focus {
  color: #7a7a7a;
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}

.opc-favorite-info[data-op-layout="1"] > .opc-button, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-favorite-info[data-op-layout="1"] > a, .opc-favorite-info[data-op-layout="1"] > .opc-favorite-button, .opc-favorite-info[data-op-layout="1"] > .opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="1"] > .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="1"] > .notifications-cancel {
  background-color: #e8e9ea;
  border: 2px solid #c7c7c7;
  margin-left: 0;
}

.opc-favorite-info[data-op-layout="1"] > .opc-button:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-favorite-info[data-op-layout="1"] > a:hover, .opc-favorite-info[data-op-layout="1"] > .opc-favorite-button:hover, .opc-favorite-info[data-op-layout="1"] > .opc-compare-button:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="1"] > .notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="1"] > .notifications-cancel:hover, .opc-favorite-info[data-op-layout="1"] > .opc-button:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-favorite-info[data-op-layout="1"] > a:focus, .opc-favorite-info[data-op-layout="1"] > .opc-favorite-button:focus, .opc-favorite-info[data-op-layout="1"] > .opc-compare-button:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="1"] > .notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="1"] > .notifications-cancel:focus {
  color: #171717;
  background-color: #fbc50a;
  border-color: #dea100;
}

.opc-favorite-info[data-op-layout="1"] > .opc-button:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-favorite-info[data-op-layout="1"] > a:disabled, .opc-favorite-info[data-op-layout="1"] > .opc-favorite-button:disabled, .opc-favorite-info[data-op-layout="1"] > .opc-compare-button:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="1"] > .notifications-ok:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="1"] > .notifications-cancel:disabled, .opc-favorite-info[data-op-layout="1"] > .opc-button:disabled:hover, .opc-favorite-info[data-op-layout="1"] > .opc-button:disabled:focus {
  color: #7a7a7a;
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}

.opc-favorite-info .favorite-info-count {
  text-align: center;
  color: #171717;
  background: #fbc50a;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  font-size: 10px;
  font-weight: 600;
  line-height: 18px;
  position: absolute;
  top: -2px;
  right: -4px;
  transform: none;
  display: flex !important;
}

.opc-favorite-info .favorite-info-count:empty {
  display: none !important;
}

.opc-basket-button .basket-button-wrapper {
  position: relative;
}

.opc-basket-button .basket-button-wrapper .opc-button, .opc-basket-button .basket-button-wrapper .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button .basket-button-wrapper a, .opc-basket-button .basket-button-wrapper .opc-favorite-button, .opc-basket-button .basket-button-wrapper .opc-compare-button, .opc-basket-button .basket-button-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button .basket-button-wrapper .notifications-ok, .opc-basket-button .basket-button-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button .basket-button-wrapper .notifications-cancel {
  opacity: 1;
  background: #fff !important;
  border: 2px solid #c7c7c7 !important;
  border-radius: 4px !important;
}

.opc-basket-button .basket-button-wrapper .opc-button:hover, .opc-basket-button .basket-button-wrapper .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button .basket-button-wrapper a:hover, .opc-basket-button .basket-button-wrapper .opc-favorite-button:hover, .opc-basket-button .basket-button-wrapper .opc-compare-button:hover, .opc-basket-button .basket-button-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button .basket-button-wrapper .notifications-ok:hover, .opc-basket-button .basket-button-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button .basket-button-wrapper .notifications-cancel:hover, .opc-basket-button .basket-button-wrapper .opc-button:focus, .opc-basket-button .basket-button-wrapper .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button .basket-button-wrapper a:focus, .opc-basket-button .basket-button-wrapper .opc-favorite-button:focus, .opc-basket-button .basket-button-wrapper .opc-compare-button:focus, .opc-basket-button .basket-button-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button .basket-button-wrapper .notifications-ok:focus, .opc-basket-button .basket-button-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button .basket-button-wrapper .notifications-cancel:focus {
  background: #e8e9ea !important;
  border-color: #c7c7c7 !important;
}

.opc-basket-button .basket-button-wrapper .opc-button:disabled, .opc-basket-button .basket-button-wrapper .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a:disabled, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button .basket-button-wrapper a:disabled, .opc-basket-button .basket-button-wrapper .opc-favorite-button:disabled, .opc-basket-button .basket-button-wrapper .opc-compare-button:disabled, .opc-basket-button .basket-button-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button .basket-button-wrapper .notifications-ok:disabled, .opc-basket-button .basket-button-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button .basket-button-wrapper .notifications-cancel:disabled, .opc-basket-button .basket-button-wrapper .opc-button:disabled:hover, .opc-basket-button .basket-button-wrapper .opc-button:disabled:focus {
  color: #7a7a7a !important;
  background: #d9d9d9 !important;
  border-color: #d9d9d9 !important;
}

.opc-basket-button .basket-button-wrapper .dimvariant {
  position: absolute;
}

.list-item-title {
  line-height: 1.5;
  margin-bottom: 0 !important;
  font-size: 1.6rem !important;
}

.notifications-content .opc-basket-button {
  flex-direction: column;
  align-items: center;
}

.notifications-content .opc-basket-button .basket-button-dim-1 .basket-button-quantity, .notifications-content .opc-basket-button .basket-button-dim-2 .basket-button-quantity, .notifications-content .opc-basket-button .basket-button-dim-3 .basket-button-quantity {
  width: calc(100% - 8rem);
}

.notifications-content .opc-basket-button > .opc-button, .notifications-content .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button > a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .notifications-content .opc-basket-button > a, .notifications-content .opc-basket-button > .opc-favorite-button, .notifications-content .opc-basket-button > .opc-compare-button, .notifications-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button > .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-content .opc-basket-button > .notifications-ok, .notifications-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button > .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-content .opc-basket-button > .notifications-cancel {
  width: 100%;
  margin: 1rem 0 0;
}

.notifications-content .opc-basket-button > .opc-button:last-child, .notifications-content .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button > a:last-child, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .notifications-content .opc-basket-button > a:last-child, .notifications-content .opc-basket-button > .opc-favorite-button:last-child, .notifications-content .opc-basket-button > .opc-compare-button:last-child, .notifications-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button > .notifications-ok:last-child, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-content .opc-basket-button > .notifications-ok:last-child, .notifications-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button > .notifications-cancel:last-child, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-content .opc-basket-button > .notifications-cancel:last-child {
  margin-top: 0;
}

.notifications-content .opc-basket-button > .opc-button[data-op-style="primary-text"], .notifications-content .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button > a[data-op-style="primary-text"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .notifications-content .opc-basket-button > a[data-op-style="primary-text"], .notifications-content .opc-basket-button > [data-op-style="primary-text"].opc-favorite-button, .notifications-content .opc-basket-button > [data-op-style="primary-text"].opc-compare-button, .notifications-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button > [data-op-style="primary-text"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-content .opc-basket-button > [data-op-style="primary-text"].notifications-ok, .notifications-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button > [data-op-style="primary-text"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-content .opc-basket-button > [data-op-style="primary-text"].notifications-cancel {
  color: #999;
}

.notifications-content .opc-basket-button > .opc-button[data-op-style="primary-text"]:hover, .notifications-content .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-button > a[data-op-style="primary-text"]:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .notifications-content .opc-basket-button > a[data-op-style="primary-text"]:hover, .notifications-content .opc-basket-button > [data-op-style="primary-text"].opc-favorite-button:hover, .notifications-content .opc-basket-button > [data-op-style="primary-text"].opc-compare-button:hover, .notifications-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button > [data-op-style="primary-text"].notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-content .opc-basket-button > [data-op-style="primary-text"].notifications-ok:hover, .notifications-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button > [data-op-style="primary-text"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-content .opc-basket-button > [data-op-style="primary-text"].notifications-cancel:hover {
  color: #666;
}

.basket-modal {
  background: #fff;
  border: 1px solid #eee;
  width: 32rem;
  padding: 2rem 2rem 1rem;
  box-shadow: 4px 4px 10px #ccc;
}

.basket-modal .opc-price {
  margin-bottom: 0;
}

.basket-modal .opc-price .price-basis {
  font-size: inherit;
}

.basket-modal h2 {
  margin-bottom: 2rem;
}

.basket-modal .opc-basket-button {
  flex-direction: column;
  display: flex;
}

.basket-modal .opc-basket-button .basket-button-dim-variants-wrapper, .basket-modal .opc-basket-button .basket-button-dim-1, .basket-modal .opc-basket-button .basket-button-dim-2, .basket-modal .opc-basket-button .basket-button-dim-3 {
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-bottom: .5rem;
  margin-left: 0;
  display: flex;
}

.basket-modal .opc-basket-button .basket-button-dim-variants-wrapper button, .basket-modal .opc-basket-button .basket-button-dim-1 button, .basket-modal .opc-basket-button .basket-button-dim-2 button, .basket-modal .opc-basket-button .basket-button-dim-3 button {
  background: #fff;
  border: 1px solid #ccc;
  flex-grow: 0;
  flex-shrink: 0;
  width: 4rem;
  height: 4rem;
  margin: 0;
  padding: 0;
}

.basket-modal .opc-basket-button .basket-button-dim-variants-wrapper button + input, .basket-modal .opc-basket-button .basket-button-dim-1 button + input, .basket-modal .opc-basket-button .basket-button-dim-2 button + input, .basket-modal .opc-basket-button .basket-button-dim-3 button + input {
  border-left: none;
  border-right: none;
}

.basket-modal .opc-basket-button .basket-button-dim-variants-wrapper label, .basket-modal .opc-basket-button .basket-button-dim-1 label, .basket-modal .opc-basket-button .basket-button-dim-2 label, .basket-modal .opc-basket-button .basket-button-dim-3 label {
  flex-shrink: 0;
  width: 40%;
  max-width: 60%;
  font-weight: 600;
}

.basket-modal .opc-basket-button .basket-button-dim-variants-wrapper select, .basket-modal .opc-basket-button .basket-button-dim-1 select, .basket-modal .opc-basket-button .basket-button-dim-2 select, .basket-modal .opc-basket-button .basket-button-dim-3 select {
  width: 60%;
  max-width: 60%;
  margin-right: 0;
}

.basket-modal .opc-basket-button .basket-button-dim-variants-wrapper input, .basket-modal .opc-basket-button .basket-button-dim-1 input, .basket-modal .opc-basket-button .basket-button-dim-2 input, .basket-modal .opc-basket-button .basket-button-dim-3 input {
  border: 1px solid #ccc;
  width: 60%;
  max-width: 60%;
  margin-right: 0;
}

.basket-modal .opc-basket-button .basket-button-dim-variants-wrapper {
  margin-bottom: 1rem;
}

.basket-modal .opc-basket-button > button.opc-button, .basket-modal .opc-basket-button > button.opc-favorite-button, .basket-modal .opc-basket-button > button.opc-compare-button, .basket-modal .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button > button.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .basket-modal .opc-basket-button > button.notifications-ok, .basket-modal .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button > button.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .basket-modal .opc-basket-button > button.notifications-cancel {
  margin-top: 2rem;
}

.hide-element {
  display: none !important;
}

input[data-op-filterattr="Addr.LastName"] + label span.filteritemamount {
  display: none;
}

.map-loader-overlay {
  z-index: 3;
  background: #ffffff80;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.map-loader-overlay .map-loading-icon {
  opacity: .5;
  margin: 3rem 0;
  font-size: 8rem;
  position: relative;
  top: calc(50% - 6rem);
  left: calc(50% - 4rem);
}

.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
  display: none;
}

.mapboxgl-popup {
  min-width: 10rem;
}

.mapboxgl-popup-close-button {
  padding: 0 .6rem;
  font-size: 2.5rem;
  top: -.2rem;
  right: -.2rem;
}

.mapboxgl-popup-close-button:focus-visible {
  outline: none;
}

.mapboxgl-popup-content {
  padding-top: 2.5rem;
  padding-bottom: 1.5rem;
}

.mapboxgl-popup-content img {
  max-width: 150px;
  max-height: 60px;
}

.mapboxgl-popup-content div {
  height: fit-content;
}

.mapboxgl-popup-content .opc-button, .mapboxgl-popup-content .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .mapboxgl-popup-content a, .mapboxgl-popup-content .opc-favorite-button, .mapboxgl-popup-content .opc-compare-button, .mapboxgl-popup-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .mapboxgl-popup-content .notifications-ok, .mapboxgl-popup-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .mapboxgl-popup-content .notifications-cancel {
  width: 100%;
  margin: .5rem 0;
}

.mapboxgl-popup-content {
  font: none;
}

.addr-homepage {
  padding-top: 8px;
  display: block;
}

.addr-homepage:focus-visible {
  outline: none;
}

.mapboxgl-map {
  font: 1.4rem Open Sans, sans-serif;
}

.map-marker-legend {
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 1.6rem;
  font-weight: 200;
  line-height: 1.5;
  display: flex;
}

.map-marker-legend > div {
  align-items: center;
  margin-right: 2.5rem;
  display: flex;
}

.map-marker-legend > div .marker {
  margin-right: .6rem;
}

.map-marker-legend .marker {
  width: 26px;
  height: 32px;
}

.map-marker-legend .marker span {
  width: 25px;
  height: 25px;
}

input[type="range"] {
  accent-color: #313141;
}

.marker span {
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  background: #313141;
  border: 2px solid;
  border-radius: 0 70% 70%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
  transform: rotateZ(-135deg);
  box-shadow: 0 0 2px #000;
}

.marker span svg {
  margin: 0 0 0 .3rem;
}

.marker {
  width: 31px;
  height: 37px;
  margin: 0 2px;
  display: inline-block;
}

.marker b {
  transform: rotateZ(135deg);
}

.mapboxgl-map .mapboxgl-marker.marker-semitransparent {
  opacity: .6;
}

.mapboxgl-map .marker {
  width: 0;
  height: 0;
  margin: 0;
  display: block;
}

.mapboxgl-map .marker span {
  transform-origin: 0 0;
}

select.mapstyleselector {
  z-index: 1;
  height: 3.2rem;
  line-height: 3.2rem;
  position: absolute;
}

.mapboxgl-ctrl-top-right, select.mapstyleselector {
  opacity: .7;
}

.mapboxgl-ctrl-top-right:hover, select.mapstyleselector:hover {
  opacity: 1;
}

.routeplanner > .opc-row {
  height: calc(100vh - 28.5rem);
  min-height: 400px;
}

.routeplanner .map, .routeplanner .list {
  height: 100%;
}

.routeplanner .drop {
  background: none;
}

.routeplanner .drop.active {
  background: #e2e2e2;
  height: 6rem;
}

.routeplanner .drop {
  background: #efefef;
  border-bottom: none;
  height: 1rem;
  transition: height .2s, background .2s, display .2s;
  display: none;
}

.routeplanner-form .form-field-element.start, .routeplanner-form .form-field-element.end {
  display: flex;
}

.routeplanner-form .form-field-element.start > span, .routeplanner-form .form-field-element.end > span {
  margin-right: 1rem;
}

.routeplanner-form .panel-beside .panel-body {
  padding-bottom: 0;
}

.matrix .list-item > .list-item-column {
  display: flex;
}

.matrix .list-item > .list-item-column [data-op-style="context-menu"] {
  display: none;
}

.draggable {
  cursor: move;
}

.ad-mis__controls-wrapper, .ad-mis__date-wrapper {
  column-gap: 12px;
  display: flex;
}

.ad-mis__date-wrapper p {
  align-items: center;
  margin: 0;
  display: flex;
}

.ad-mis__date-wrapper select:nth-of-type(2), .ad-mis__date-wrapper select:nth-of-type(3) {
  padding-left: 1.25rem;
}

.ad-mis__button {
  margin-left: 32px;
}

.ad-mis__list-wrapper {
  padding-block: 16px;
  display: block;
}

.ad-mis__list-head {
  display: flex;
}

.ad-mis__list-head h4, .ad-mis__list-head .opc-directsearch-suggest h3, .opc-directsearch-suggest .ad-mis__list-head h3 {
  font-size: 16px;
  font-weight: 700;
}

.ad-mis__list-sub-head {
  display: flex;
}

.ad-mis__list-body {
  flex-direction: column;
  padding: 0;
  display: flex;
}

.ad-mis__list-item {
  display: flex;
}

.ad-mis__list-column {
  text-align: right;
  width: 30%;
}

.ad-mis__list-column:first-of-type {
  text-align: left;
  width: 15%;
}

.article-price {
  column-gap: spacer(4);
  flex-wrap: wrap;
  display: flex;
}

.article-price .price-currency, .article-price .price {
  flex-direction: column;
  display: flex;
}

.article-price .price-promotion {
  margin-right: 1rem;
  display: none;
}

.article-price.is-promotion .price-basis {
  position: relative;
}

.article-price.is-promotion .price-basis:before {
  content: "";
  background: #000;
  width: calc(100% + .4rem);
  height: .1rem;
  position: absolute;
  top: 50%;
  left: -.2rem;
  transform: rotate(-5deg);
}

.article-price.is-promotion .price-promotion {
  display: block;
}

.c-art-price {
  gap: spacer(4);
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.c-art-price__column {
  row-gap: spacer(2);
  flex-direction: column;
  display: flex;
}

.c-art-price__column--gap-1 {
  row-gap: spacer(1);
}

.c-art-price__column .price-basis {
  display: flex;
}

.c-art-price__price {
  column-gap: spacer(1);
  display: flex;
}

.c-art-price__title {
  border-bottom: 1px solid #e8e9ea;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5rem;
}

.c-art-price__no-title {
  flex-direction: row;
}

.c-art-price__no-title .c-art-price__title {
  display: none;
}

.c-art-price--right {
  text-align: right;
}

.c-art-price--left-aligned {
  margin-right: auto;
}

.c-stock {
  flex-direction: column;
  row-gap: 4px;
  display: flex;
}

.c-stock__title {
  align-items: center;
  column-gap: 8px;
  display: flex;
}

.c-stock__info {
  cursor: pointer;
}

.c-stock__description {
  flex-direction: column;
  font-size: 1rem;
  display: flex;
}

.c-stock__icon {
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.c-stock__icon:before {
  content: "";
  color: #fff !important;
  font-size: 12px !important;
}

.c-stock__icon--white {
  background-color: #f2f2f2;
}

.c-stock__icon--white:before {
  content: "";
  color: #313141;
}

.c-stock__icon--green {
  background-color: #127f58;
}

.c-stock__icon--green:before {
  content: "";
}

.c-stock__icon--grey {
  background-color: #f2f2f2;
}

.c-stock__icon--grey:before {
  content: "";
}

.c-stock__icon--showroom {
  background-color: #127f58;
}

.c-stock__icon--showroom:before {
  content: "";
}

.c-stock__icon--yellow {
  background-color: #ffc23b;
}

.c-stock__icon--yellow:before {
  content: "";
  color: #313141;
}

.c-stock__icon--red {
  background-color: #c12121;
}

.c-stock__icon--red:before {
  content: "";
}

.c-stock__icon--phone {
  background-color: #313141;
}

.c-stock__icon--phone:before {
  content: "";
}

.c-stock__icon--document:before {
  content: "";
}

.c-stock__icon--block {
  background-color: #313141;
}

.c-stock__icon--block:before {
  content: "";
  color: #fff;
}

.c-stock--size-small .c-stock__title {
  font-size: 1rem;
}

.c-stock--size-small .c-stock__description {
  display: none;
}

.c-stock--size-small .c-stock__icon {
  border-radius: .625rem;
  width: 1.25rem;
  height: 1.25rem;
}

.c-stock--size-small .c-stock__icon:before {
  font-size: .75rem;
}

.c-stock--size-xs .c-stock__title {
  font-size: .875rem;
}

.c-stock--size-xs .c-stock__description {
  display: none;
}

.c-stock--size-xs .c-stock__icon {
  border-radius: .5rem;
  width: 1rem;
  height: 1rem;
}

.c-stock--size-xs .c-stock__icon:before {
  font-size: .75rem;
}

.material-icons-outlined, .tile-slider__arrow:before, .c-stock__icon:before {
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-feature-settings: "liga";
  direction: ltr;
  font-family: Material Icons Outlined;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  display: inline-block;
}

[class^="op-icon-"] {
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  width: 1em;
  height: 1em;
  font-size: 1.2em;
  display: inline-block;
}

[class^="op-icon-"].md-24 {
  width: 24px;
  height: 24px;
  font-size: 1.5rem;
}

[class^="op-icon-"].md-36 {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}

.material-icons.md-18, .material-icons-outlined.md-18, .md-18.tile-slider__arrow:before, .md-18.c-stock__icon:before {
  width: 18px !important;
  height: 18px !important;
  font-size: 18px !important;
}

.material-icons.md-24, .material-icons-outlined.md-24, .md-24.tile-slider__arrow:before, .md-24.c-stock__icon:before {
  width: 24px !important;
  height: 24px !important;
  font-size: 24px !important;
}

.material-icons.md-32, .material-icons-outlined.md-32, .md-32.tile-slider__arrow:before, .md-32.c-stock__icon:before {
  width: 32px !important;
  height: 32px !important;
  font-size: 32px !important;
}

.material-icons.md-36, .material-icons-outlined.md-36, .md-36.tile-slider__arrow:before, .md-36.c-stock__icon:before {
  width: 36px !important;
  height: 36px !important;
  font-size: 36px !important;
}

.material-icons.md-48, .material-icons-outlined.md-48, .md-48.tile-slider__arrow:before, .md-48.c-stock__icon:before {
  width: 48px !important;
  height: 48px !important;
  font-size: 48px !important;
}

.material-icons.md-64, .material-icons-outlined.md-64, .md-64.tile-slider__arrow:before, .md-64.c-stock__icon:before {
  width: 64px !important;
  height: 64px !important;
  font-size: 64px !important;
}

.material-icons.md-80, .material-icons-outlined.md-80, .md-80.tile-slider__arrow:before, .md-80.c-stock__icon:before {
  width: 80px !important;
  height: 80px !important;
  font-size: 80px !important;
}

.material-icons.md-84, .material-icons-outlined.md-84, .md-84.tile-slider__arrow:before, .md-84.c-stock__icon:before {
  width: 84px !important;
  height: 84px !important;
  font-size: 84px !important;
}

.reflect {
  transform: scaleX(-1);
}

.tec-content {
  margin-bottom: 4px;
}

.tec-content p {
  margin: 0;
}

.tec-content__title {
  text-align: center;
  flex-direction: column;
  display: flex;
}

.tec-content__center-title {
  color: #fff;
  width: fit-content;
  height: fit-content;
  display: block;
  position: absolute;
  inset: 50%;
  transform: translateX(-50%) translateY(-50%);
  margin: 0 !important;
  padding: 0 !important;
}

.tec-content__center-title h1 {
  font-family: Caveat, sans-serif;
  line-height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.tec-content__fullscreen {
  background-image: url("techno-small.b6aa1628.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.tec-content__fullscreen-image {
  width: 100%;
}

.tec-content__image {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

@media only screen and (width >= 800px) {
  .tec-content__image {
    display: grid;
  }
}

.tec-content__image .image {
  order: 2;
  grid-area: image;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.tec-content__image .image img {
  object-fit: cover;
  max-width: 100%;
  min-height: 100%;
}

.tec-content__image .text, .tec-content__image .opc-art-spec .art-spec-data, .opc-art-spec .tec-content__image .art-spec-data, .tec-content__image .opc-category-navigation ul .category-item .category-item-description, .opc-category-navigation ul .category-item .tec-content__image .category-item-description, .tec-content__image .basket-modal .opc-price, .basket-modal .tec-content__image .opc-price {
  order: 1;
  grid-area: text;
  padding: 52px 24px;
}

@media only screen and (width >= 800px) {
  .tec-content__image .text, .tec-content__image .opc-art-spec .art-spec-data, .opc-art-spec .tec-content__image .art-spec-data, .tec-content__image .opc-category-navigation ul .category-item .category-item-description, .opc-category-navigation ul .category-item .tec-content__image .category-item-description, .tec-content__image .basket-modal .opc-price, .basket-modal .tec-content__image .opc-price {
    padding: 76px 36px;
  }
}

@media only screen and (width >= 1024px) {
  .tec-content__image .text, .tec-content__image .opc-art-spec .art-spec-data, .opc-art-spec .tec-content__image .art-spec-data, .tec-content__image .opc-category-navigation ul .category-item .category-item-description, .opc-category-navigation ul .category-item .tec-content__image .category-item-description, .tec-content__image .basket-modal .opc-price, .basket-modal .tec-content__image .opc-price {
    padding: 104px 52px;
  }
}

.tec-content__image--left {
  grid-template-areas: "image text";
}

.tec-content__image--right {
  grid-template-areas: "text image";
}

.tec-content__about {
  grid-template-columns: 1fr;
  gap: 4px;
  display: grid;
}

@media only screen and (width >= 800px) {
  .tec-content__about {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.tec-content__about .about {
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 12px;
  display: flex;
}

.tec-content__about .about .image {
  justify-content: center;
  align-items: center;
  height: 250px;
  display: flex;
  overflow: hidden;
}

.tec-content__about .about .image img {
  object-fit: cover;
  max-width: 100%;
  min-height: 100%;
}

.tec-content__ratio--2 {
  grid-template-columns: 1fr 1fr;
}

.tec-content__ratio--1-2 {
  grid-template-columns: 1fr 2fr;
}

.tec-content__ratio--2-1 {
  grid-template-columns: 2fr 1fr;
}

.button-grid {
  border-bottom: 1px solid #f2f2f2;
  border-left: 1px solid #f2f2f2;
  flex-wrap: wrap;
  display: flex;
}

.button-grid__item {
  color: #54595f;
  border-top: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-width: 15%;
  min-height: 176px;
  padding: 16px;
  transition: background-color .15s ease-in-out;
  display: flex;
}

.button-grid__item:link, .button-grid__item:visited {
  color: #54595f;
}

.button-grid__item:hover, .button-grid__item:active {
  color: #54595f;
  background-color: #f2f2f2;
}

.button-grid__title {
  font-size: 20px;
  font-weight: 700;
}

.button-grid__icon {
  font-size: 32px;
}

#file-explorer {
  z-index: 1900;
  width: 100vw;
  height: 100vh;
  padding: 1rem;
  position: fixed;
  top: 0;
  left: 0;
}

@media only screen and (width >= 800px) {
  #file-explorer {
    width: 60vw;
    height: 75vh;
    margin-top: -37.5vh;
    margin-left: -30vw;
    top: 50%;
    left: 50%;
  }
}

#file-explorer .file-explorer-wrapper {
  color: #fff;
  background: #20242c;
  flex-direction: column;
  width: 100%;
  height: 100%;
  max-height: 600px;
  display: flex;
  position: relative;
  box-shadow: 0 0 10px #0003;
}

#file-explorer .file-explorer-wrapper .file-explorer-header {
  background: #242932;
  display: flex;
}

#file-explorer .file-explorer-wrapper .file-explorer-header .header-home .opc-button, #file-explorer .file-explorer-wrapper .file-explorer-header .header-home .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] #file-explorer .file-explorer-wrapper .file-explorer-header .header-home a, #file-explorer .file-explorer-wrapper .file-explorer-header .header-home .opc-favorite-button, #file-explorer .file-explorer-wrapper .file-explorer-header .header-home .opc-compare-button, #file-explorer .file-explorer-wrapper .file-explorer-header .header-home .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #file-explorer .file-explorer-wrapper .file-explorer-header .header-home .notifications-ok, #file-explorer .file-explorer-wrapper .file-explorer-header .header-home .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #file-explorer .file-explorer-wrapper .file-explorer-header .header-home .notifications-cancel {
  color: #fff;
  background: #fc8200;
}

#file-explorer .file-explorer-wrapper .file-explorer-header .header-home .opc-button:hover, #file-explorer .file-explorer-wrapper .file-explorer-header .header-home .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] #file-explorer .file-explorer-wrapper .file-explorer-header .header-home a:hover, #file-explorer .file-explorer-wrapper .file-explorer-header .header-home .opc-favorite-button:hover, #file-explorer .file-explorer-wrapper .file-explorer-header .header-home .opc-compare-button:hover, #file-explorer .file-explorer-wrapper .file-explorer-header .header-home .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #file-explorer .file-explorer-wrapper .file-explorer-header .header-home .notifications-ok:hover, #file-explorer .file-explorer-wrapper .file-explorer-header .header-home .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #file-explorer .file-explorer-wrapper .file-explorer-header .header-home .notifications-cancel:hover, #file-explorer .file-explorer-wrapper .file-explorer-header .header-home .opc-button:focus, #file-explorer .file-explorer-wrapper .file-explorer-header .header-home .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] #file-explorer .file-explorer-wrapper .file-explorer-header .header-home a:focus, #file-explorer .file-explorer-wrapper .file-explorer-header .header-home .opc-favorite-button:focus, #file-explorer .file-explorer-wrapper .file-explorer-header .header-home .opc-compare-button:focus, #file-explorer .file-explorer-wrapper .file-explorer-header .header-home .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #file-explorer .file-explorer-wrapper .file-explorer-header .header-home .notifications-ok:focus, #file-explorer .file-explorer-wrapper .file-explorer-header .header-home .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #file-explorer .file-explorer-wrapper .file-explorer-header .header-home .notifications-cancel:focus {
  color: #fff;
  background: #ff8e17;
}

#file-explorer .file-explorer-wrapper .file-explorer-header .header-path {
  flex-grow: 1;
  display: flex;
  overflow-x: auto;
}

#file-explorer .file-explorer-wrapper .file-explorer-header .header-path ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

#file-explorer .file-explorer-wrapper .file-explorer-header .header-path ul li {
  cursor: pointer;
  align-items: center;
  height: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  position: relative;
}

#file-explorer .file-explorer-wrapper .file-explorer-header .header-path ul li:hover span {
  background: #313843;
}

#file-explorer .file-explorer-wrapper .file-explorer-header .header-path ul li span {
  white-space: nowrap;
  padding: 1rem;
  transition: background .5s;
}

#file-explorer .file-explorer-wrapper .file-explorer-header .header-path ul li:last-child:after {
  display: none;
}

#file-explorer .file-explorer-wrapper .file-explorer-header .header-path ul li:after {
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z%22%2F%3E%3C%2Fsvg%3E") center / 1.5rem no-repeat;
  width: 1rem;
  height: 100%;
  position: absolute;
  right: -.5rem;
}

#file-explorer .file-explorer-wrapper .file-explorer-header .header-close .opc-button, #file-explorer .file-explorer-wrapper .file-explorer-header .header-close .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] #file-explorer .file-explorer-wrapper .file-explorer-header .header-close a, #file-explorer .file-explorer-wrapper .file-explorer-header .header-close .opc-favorite-button, #file-explorer .file-explorer-wrapper .file-explorer-header .header-close .opc-compare-button, #file-explorer .file-explorer-wrapper .file-explorer-header .header-close .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #file-explorer .file-explorer-wrapper .file-explorer-header .header-close .notifications-ok, #file-explorer .file-explorer-wrapper .file-explorer-header .header-close .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #file-explorer .file-explorer-wrapper .file-explorer-header .header-close .notifications-cancel {
  color: #fff;
  background: #ef233c;
}

#file-explorer .file-explorer-wrapper .file-explorer-header .header-close .opc-button:hover, #file-explorer .file-explorer-wrapper .file-explorer-header .header-close .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] #file-explorer .file-explorer-wrapper .file-explorer-header .header-close a:hover, #file-explorer .file-explorer-wrapper .file-explorer-header .header-close .opc-favorite-button:hover, #file-explorer .file-explorer-wrapper .file-explorer-header .header-close .opc-compare-button:hover, #file-explorer .file-explorer-wrapper .file-explorer-header .header-close .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #file-explorer .file-explorer-wrapper .file-explorer-header .header-close .notifications-ok:hover, #file-explorer .file-explorer-wrapper .file-explorer-header .header-close .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #file-explorer .file-explorer-wrapper .file-explorer-header .header-close .notifications-cancel:hover, #file-explorer .file-explorer-wrapper .file-explorer-header .header-close .opc-button:focus, #file-explorer .file-explorer-wrapper .file-explorer-header .header-close .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] #file-explorer .file-explorer-wrapper .file-explorer-header .header-close a:focus, #file-explorer .file-explorer-wrapper .file-explorer-header .header-close .opc-favorite-button:focus, #file-explorer .file-explorer-wrapper .file-explorer-header .header-close .opc-compare-button:focus, #file-explorer .file-explorer-wrapper .file-explorer-header .header-close .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #file-explorer .file-explorer-wrapper .file-explorer-header .header-close .notifications-ok:focus, #file-explorer .file-explorer-wrapper .file-explorer-header .header-close .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #file-explorer .file-explorer-wrapper .file-explorer-header .header-close .notifications-cancel:focus {
  color: #fff;
  background: #f13b51;
}

#file-explorer .file-explorer-wrapper .file-explorer-body {
  flex-grow: 1;
  padding: 1.5rem;
  position: relative;
  overflow: auto;
}

#file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper {
  flex-wrap: wrap;
  margin: 0 -1.5rem;
  padding: 0;
  list-style: none;
  display: flex;
}

#file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item {
  flex-basis: 50%;
  width: 50%;
  padding: 1.5rem;
}

#file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item.folder-item {
  cursor: pointer;
}

@media only screen and (width >= 640px) {
  #file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item {
    flex-basis: 50%;
    width: 50%;
  }
}

@media only screen and (width >= 800px) {
  #file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item {
    flex-basis: 33.3333%;
    width: 33.3333%;
  }
}

@media only screen and (width >= 1024px) {
  #file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item {
    flex-basis: 25%;
    width: 25%;
  }
}

#file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content {
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 200px;
  font-size: larger;
  transition: background .5s, color .5s;
  display: flex;
  position: relative;
  box-shadow: 0 0 1px #0003;
}

#file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content:hover {
  background: #2a303b;
}

#file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content:hover .item-actions {
  visibility: visible;
}

#file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content .item-name {
  text-align: center;
}

#file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content > svg {
  margin: 2rem;
  font-size: 5rem;
}

#file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content .item-actions {
  visibility: hidden;
  position: absolute;
  bottom: 0;
}

#file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content .item-actions ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

#file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content .item-actions ul li {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

#file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content .item-actions ul li .opc-button, #file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content .item-actions ul li .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] #file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content .item-actions ul li a, #file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content .item-actions ul li .opc-favorite-button, #file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content .item-actions ul li .opc-compare-button, #file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content .item-actions ul li .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content .item-actions ul li .notifications-ok, #file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content .item-actions ul li .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content .item-actions ul li .notifications-cancel {
  color: #fc8200;
  background: none;
}

#file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content .item-actions ul li .opc-button:hover, #file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content .item-actions ul li .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] #file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content .item-actions ul li a:hover, #file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content .item-actions ul li .opc-favorite-button:hover, #file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content .item-actions ul li .opc-compare-button:hover, #file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content .item-actions ul li .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content .item-actions ul li .notifications-ok:hover, #file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content .item-actions ul li .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content .item-actions ul li .notifications-cancel:hover, #file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content .item-actions ul li .opc-button:focus, #file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content .item-actions ul li .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] #file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content .item-actions ul li a:focus, #file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content .item-actions ul li .opc-favorite-button:focus, #file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content .item-actions ul li .opc-compare-button:focus, #file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content .item-actions ul li .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content .item-actions ul li .notifications-ok:focus, #file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content .item-actions ul li .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #file-explorer .file-explorer-wrapper .file-explorer-body .explorer-item-wrapper .explorer-item .item-content .item-actions ul li .notifications-cancel:focus {
  color: #ff8e17;
  background: none;
}

#file-explorer .file-explorer-wrapper .file-explorer-body .file-upload {
  display: none;
}

#file-explorer .file-explorer-wrapper .file-explorer-actions {
  padding: 2rem;
  position: absolute;
  bottom: 0;
  right: 0;
}

#file-explorer .file-explorer-wrapper .file-explorer-actions.show ul {
  display: block;
}

#file-explorer .file-explorer-wrapper .file-explorer-actions > button {
  border-radius: 50%;
  width: 4rem;
  padding: 0;
  font-size: large;
}

#file-explorer .file-explorer-wrapper .file-explorer-actions .opc-button, #file-explorer .file-explorer-wrapper .file-explorer-actions .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] #file-explorer .file-explorer-wrapper .file-explorer-actions a, #file-explorer .file-explorer-wrapper .file-explorer-actions .opc-favorite-button, #file-explorer .file-explorer-wrapper .file-explorer-actions .opc-compare-button, #file-explorer .file-explorer-wrapper .file-explorer-actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #file-explorer .file-explorer-wrapper .file-explorer-actions .notifications-ok, #file-explorer .file-explorer-wrapper .file-explorer-actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #file-explorer .file-explorer-wrapper .file-explorer-actions .notifications-cancel {
  color: #fff;
  background: #fc8200;
}

#file-explorer .file-explorer-wrapper .file-explorer-actions .opc-button:hover, #file-explorer .file-explorer-wrapper .file-explorer-actions .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] #file-explorer .file-explorer-wrapper .file-explorer-actions a:hover, #file-explorer .file-explorer-wrapper .file-explorer-actions .opc-favorite-button:hover, #file-explorer .file-explorer-wrapper .file-explorer-actions .opc-compare-button:hover, #file-explorer .file-explorer-wrapper .file-explorer-actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #file-explorer .file-explorer-wrapper .file-explorer-actions .notifications-ok:hover, #file-explorer .file-explorer-wrapper .file-explorer-actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #file-explorer .file-explorer-wrapper .file-explorer-actions .notifications-cancel:hover, #file-explorer .file-explorer-wrapper .file-explorer-actions .opc-button:focus, #file-explorer .file-explorer-wrapper .file-explorer-actions .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] #file-explorer .file-explorer-wrapper .file-explorer-actions a:focus, #file-explorer .file-explorer-wrapper .file-explorer-actions .opc-favorite-button:focus, #file-explorer .file-explorer-wrapper .file-explorer-actions .opc-compare-button:focus, #file-explorer .file-explorer-wrapper .file-explorer-actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #file-explorer .file-explorer-wrapper .file-explorer-actions .notifications-ok:focus, #file-explorer .file-explorer-wrapper .file-explorer-actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #file-explorer .file-explorer-wrapper .file-explorer-actions .notifications-cancel:focus {
  color: #fff;
  background: #ff8e17;
}

#file-explorer .file-explorer-wrapper .file-explorer-actions ul {
  margin: 0;
  padding: 0;
  font-size: small;
  list-style: none;
  display: none;
  position: absolute;
  top: -100%;
  right: 2rem;
  box-shadow: 0 0 10px #0003;
}

#file-explorer .file-explorer-wrapper .file-explorer-actions ul li {
  cursor: pointer;
  border-bottom: 1px solid #0003;
  display: flex;
}

#file-explorer .file-explorer-wrapper .file-explorer-actions ul li:last-child {
  border-bottom: none;
}

#file-explorer .file-explorer-wrapper .file-explorer-actions ul li button {
  flex-grow: 1;
  justify-content: flex-start;
}

#file-explorer .copied-notification {
  visibility: hidden;
  color: #fff;
  z-index: 100;
  background-color: #fc8200;
  border-radius: 5px;
  padding: 1rem 2rem;
  position: absolute;
  top: 1rem;
  left: 50%;
}

#file-explorer .copied-notification.animated {
  visibility: visible;
  animation: .5s notificationFadeIn;
  transform: translate(-50%, 50%);
}

@keyframes notificationFadeIn {
  0% {
    opacity: 0;
    transform: translate(-50%);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, 50%);
  }
}

.user-dropdown {
  position: relative;
}

.user-dropdown .dropdown-wrapper {
  z-index: 99999;
  background-color: #fff;
  padding: 4px;
  display: none;
  position: absolute;
  top: -4px;
  right: -4px;
  box-shadow: 0 2px 16px #37373c40;
}

.user-dropdown .dropdown-wrapper ul {
  list-style: none;
}

.user-dropdown .dropdown-wrapper ul li:hover {
  color: #fbc50a;
  text-decoration: underline;
}

.user-dropdown--open .dropdown-wrapper {
  justify-content: space-between;
  min-width: clamp(200px, 20vw, 350px);
  display: flex;
}

body:has(.image-gallery-fullscreen.is-open, .sidebar-wrapper .opc-navigation .navigation-level-1 li.image-gallery-fullscreen.is-active, .sidebar-wrapper .opc-navigation .navigation-level-1 li.image-gallery-fullscreen.is-active-parent, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.image-gallery-fullscreen.is-active, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.image-gallery-fullscreen.is-active-parent) {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: scroll;
}

body:has(.image-gallery-fullscreen.is-open, .sidebar-wrapper .opc-navigation .navigation-level-1 li.image-gallery-fullscreen.is-active, .sidebar-wrapper .opc-navigation .navigation-level-1 li.image-gallery-fullscreen.is-active-parent, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.image-gallery-fullscreen.is-active, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.image-gallery-fullscreen.is-active-parent)::-webkit-scrollbar {
  display: none;
}

.image-gallery .image-main {
  cursor: pointer;
  aspect-ratio: 1;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-bottom: 16px;
  display: flex;
  overflow: hidden;
}

.image-gallery .image-main img {
  object-fit: contain;
  flex-shrink: 0;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.image-gallery .image-main iframe {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
}

.image-gallery .image-main .gallery-controls {
  display: none;
}

.image-gallery .image-list ul {
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

@media only screen and (width >= 1024px) {
  .image-gallery .image-list ul {
    gap: 24px;
  }
}

.image-gallery .image-list ul li .image-thumb {
  cursor: pointer;
  border: 1px solid #0000;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  display: flex;
  overflow: hidden;
}

.image-gallery .image-list ul li .image-thumb.is-active {
  border-color: #fbc50a;
}

.image-gallery .image-list ul li .image-thumb svg {
  width: 100%;
  height: 100%;
}

.image-gallery .image-list ul li img {
  object-fit: contain;
  flex-shrink: 0;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.image-gallery .image-list ul li.more-images {
  color: #494949;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  height: 100px;
  display: flex;
}

.image-gallery-fullscreen {
  border-top: 8px solid #fbc50a;
  padding: 16px;
  display: none;
}

@media only screen and (width >= 800px) {
  .image-gallery-fullscreen {
    padding: 32px;
  }
}

.image-gallery-fullscreen.is-open, .sidebar-wrapper .opc-navigation .navigation-level-1 li.image-gallery-fullscreen.is-active, .sidebar-wrapper .opc-navigation .navigation-level-1 li.image-gallery-fullscreen.is-active-parent, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.image-gallery-fullscreen.is-active, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.image-gallery-fullscreen.is-active-parent {
  z-index: 10000;
  background-color: #fff;
  grid-template-rows: auto 1fr;
  display: grid;
  position: fixed;
  inset: 0;
}

.image-gallery-fullscreen .image-gallery-top {
  align-items: center;
  display: flex;
}

.image-gallery-fullscreen .image-gallery-top .image-gallery-actions {
  margin-left: auto;
}

.image-gallery-fullscreen .image-gallery-top .image-gallery-actions button {
  color: #171717;
  font-size: 20px;
}

.image-gallery-fullscreen .article-title {
  margin-bottom: 0;
}

.image-gallery-fullscreen .image-gallery {
  grid-template-rows: auto auto;
  display: grid;
}

.image-gallery-fullscreen .image-gallery .image-main {
  cursor: auto;
  align-self: center;
  position: relative;
}

@media only screen and (width >= 1024px) {
  .image-gallery-fullscreen .image-gallery .image-main {
    height: 800px;
    padding: 0;
  }
}

.image-gallery-fullscreen .image-gallery .image-main .gallery-controls {
  display: contents;
}

.image-gallery-fullscreen .image-gallery .image-main .gallery-controls .control-button {
  opacity: .6;
  background: #fbc50a;
  border: none;
  border-radius: 0;
  width: auto;
  height: auto;
  padding: 12px;
  transition: opacity .5s ease-in-out;
  position: absolute;
}

.image-gallery-fullscreen .image-gallery .image-main .gallery-controls .control-button:hover, .image-gallery-fullscreen .image-gallery .image-main .gallery-controls .control-button:focus {
  opacity: 1;
}

.image-gallery-fullscreen .image-gallery .image-main .gallery-controls .control-button:before {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  display: block;
  transform: scale(1);
}

.image-gallery-fullscreen .image-gallery .image-main .gallery-controls .control-button[data-op-direction="prev"] {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.image-gallery-fullscreen .image-gallery .image-main .gallery-controls .control-button[data-op-direction="prev"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12l4.58-4.59z%22%2F%3E%3C%2Fsvg%3E");
}

.image-gallery-fullscreen .image-gallery .image-main .gallery-controls .control-button[data-op-direction="next"] {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.image-gallery-fullscreen .image-gallery .image-main .gallery-controls .control-button[data-op-direction="next"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z%22%2F%3E%3C%2Fsvg%3E");
}

.image-gallery-fullscreen .image-gallery .image-list {
  padding: 4px;
  display: flex;
  overflow-x: auto;
}

@media only screen and (width >= 800px) {
  .image-gallery-fullscreen .image-gallery .image-list {
    display: block;
  }
}

.image-gallery-fullscreen .image-gallery .image-list ul {
  grid-template-columns: repeat(4, 1fr);
  display: flex;
}

.image-gallery-fullscreen .image-gallery .image-list ul > li {
  flex: none;
  width: 100px;
}

@media only screen and (width >= 800px) {
  .image-gallery-fullscreen .image-gallery .image-list ul > li {
    width: auto;
  }

  .image-gallery-fullscreen .image-gallery .image-list ul {
    grid-template-columns: repeat(6, 1fr);
    display: grid;
  }
}

@media only screen and (width >= 1024px) {
  .image-gallery-fullscreen .image-gallery .image-list ul {
    grid-template-columns: repeat(8, 1fr);
  }
}

.accordion .accordion-tab {
  border-top: 1px solid #c7c7c7;
}

.accordion .accordion-tab:last-child {
  border-bottom: 1px solid #c7c7c7;
}

.accordion .accordion-tab [data-art-action="expand"] {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  display: flex;
}

.accordion .accordion-tab .accordion-title {
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  margin-block: 0;
  font-weight: 600;
  display: flex;
}

.accordion .accordion-tab .accordion-title svg {
  font-size: 20px;
}

.accordion .accordion-tab .accordion-content {
  flex-direction: column;
  margin-bottom: 16px;
  display: none;
}

.accordion .accordion-tab.is-open [data-art-action="expand"], .accordion .sidebar-wrapper .opc-navigation .navigation-level-1 li.accordion-tab.is-active [data-art-action="expand"], .sidebar-wrapper .opc-navigation .navigation-level-1 .accordion li.accordion-tab.is-active [data-art-action="expand"], .accordion .sidebar-wrapper .opc-navigation .navigation-level-1 li.accordion-tab.is-active-parent [data-art-action="expand"], .sidebar-wrapper .opc-navigation .navigation-level-1 .accordion li.accordion-tab.is-active-parent [data-art-action="expand"], .accordion .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.accordion-tab.is-active [data-art-action="expand"], .sidebar-wrapper .opc-navigation-add .navigation-level-1 .accordion li.accordion-tab.is-active [data-art-action="expand"], .accordion .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.accordion-tab.is-active-parent [data-art-action="expand"], .sidebar-wrapper .opc-navigation-add .navigation-level-1 .accordion li.accordion-tab.is-active-parent [data-art-action="expand"] {
  transform: rotate(225deg);
}

.accordion .accordion-tab.is-open .accordion-content, .accordion .sidebar-wrapper .opc-navigation .navigation-level-1 li.accordion-tab.is-active .accordion-content, .sidebar-wrapper .opc-navigation .navigation-level-1 .accordion li.accordion-tab.is-active .accordion-content, .accordion .sidebar-wrapper .opc-navigation .navigation-level-1 li.accordion-tab.is-active-parent .accordion-content, .sidebar-wrapper .opc-navigation .navigation-level-1 .accordion li.accordion-tab.is-active-parent .accordion-content, .accordion .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.accordion-tab.is-active .accordion-content, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .accordion li.accordion-tab.is-active .accordion-content, .accordion .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.accordion-tab.is-active-parent .accordion-content, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .accordion li.accordion-tab.is-active-parent .accordion-content {
  display: flex;
}

.sidebar-wrapper.default-open-nav .navigation-level-1 ul {
  display: block !important;
}

.sidebar-wrapper.default-open-nav .navigation-level-1 > li:not(:first-of-type) {
  margin-top: 3rem;
}

.sidebar-wrapper.default-open-nav .navigation-level-1 li {
  border: unset !important;
  padding-top: 0 !important;
}

.sidebar-wrapper.default-open-nav .navigation-level-1 button {
  display: none;
}

.sidebar-wrapper.default-open-nav ul.wpNavigationLevel1 {
  background: #fff;
  border-radius: 12px;
  margin-left: 20px;
  padding: 20px;
}

.sidebar-wrapper.default-open-nav ul.wpNavigationLevel1 a {
  font-weight: normal;
}

.sidebar-wrapper.default-open-nav ul.wpNavigationLevel1 li::marker {
  content: none;
}

.sidebar-wrapper.default-open-nav ul.wpNavigationLevel1 li.wpNavigationLevel2 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.sidebar-wrapper.default-open-nav ul.wpNavigationLevel1 li.wpNavigationLevel2 a {
  font-weight: 400;
}

.sidebar-wrapper .opc-navigation {
  position: sticky;
  top: 125px;
}

.sidebar-wrapper .opc-navigation-add {
  position: sticky;
  top: 290px;
}

.sidebar-wrapper .opc-navigation, .sidebar-wrapper .opc-navigation-add {
  font-family: Roboto;
  font-size: 16px;
  line-height: 24px;
}

.sidebar-wrapper .opc-navigation ul, .sidebar-wrapper .opc-navigation-add ul {
  padding-left: 16px;
  list-style-type: none;
}

.sidebar-wrapper .opc-navigation ul li a, .sidebar-wrapper .opc-navigation-add ul li a {
  margin-bottom: 8px;
  padding-left: 8px;
}

.sidebar-wrapper .opc-navigation ul li a:hover, .sidebar-wrapper .opc-navigation-add ul li a:hover {
  color: #171717;
  background-color: #fbc50a4d;
}

.sidebar-wrapper .opc-navigation .navigation-level-1 button, .sidebar-wrapper .opc-navigation-add .navigation-level-1 button {
  height: 100%;
}

.sidebar-wrapper .opc-navigation .navigation-level-1 li.is-active a, .sidebar-wrapper .opc-navigation .navigation-level-1 li.is-active-parent a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active-parent a {
  font-weight: 800;
}

.sidebar-wrapper .opc-navigation .navigation-level-1 li.is-active .navigation-level-2 li a, .sidebar-wrapper .opc-navigation .navigation-level-1 li.is-active .navigation-level-2 li.is-active a, .sidebar-wrapper .opc-navigation .navigation-level-1 li.is-active .navigation-level-2 li.is-active-parent a, .sidebar-wrapper .opc-navigation .navigation-level-1 li.is-active-parent .navigation-level-2 li a, .sidebar-wrapper .opc-navigation .navigation-level-1 li.is-active-parent .navigation-level-2 li.is-active a, .sidebar-wrapper .opc-navigation .navigation-level-1 li.is-active-parent .navigation-level-2 li.is-active-parent a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active .navigation-level-2 li a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active .navigation-level-2 li.is-active a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active .navigation-level-2 li.is-active-parent a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active-parent .navigation-level-2 li a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active-parent .navigation-level-2 li.is-active a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active-parent .navigation-level-2 li.is-active-parent a {
  font-weight: 400;
}

.sidebar-wrapper .opc-navigation .navigation-level-1 li.is-active .navigation-level-2 li.is-active > a, .sidebar-wrapper .opc-navigation .navigation-level-1 li.is-active .navigation-level-2 li.is-active-parent > a, .sidebar-wrapper .opc-navigation .navigation-level-1 li.is-active-parent .navigation-level-2 li.is-active > a, .sidebar-wrapper .opc-navigation .navigation-level-1 li.is-active-parent .navigation-level-2 li.is-active-parent > a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active .navigation-level-2 li.is-active > a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active .navigation-level-2 li.is-active-parent > a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active-parent .navigation-level-2 li.is-active > a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active-parent .navigation-level-2 li.is-active-parent > a {
  background-color: #fbc50a;
  font-weight: 800 !important;
}

.sidebar-wrapper .opc-navigation .navigation-level-1 li.is-active .navigation-level-2 .has-children.is-open, .sidebar-wrapper .opc-navigation .navigation-level-1 li.is-active .navigation-level-2 li.has-children.is-active, .sidebar-wrapper .opc-navigation .navigation-level-1 li.is-active .navigation-level-2 li.has-children.is-active-parent, .sidebar-wrapper .opc-navigation .navigation-level-1 li.is-active-parent .navigation-level-2 .has-children.is-open, .sidebar-wrapper .opc-navigation .navigation-level-1 li.is-active-parent .navigation-level-2 li.has-children.is-active, .sidebar-wrapper .opc-navigation .navigation-level-1 li.is-active-parent .navigation-level-2 li.has-children.is-active-parent, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active .navigation-level-2 .has-children.is-open, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active .navigation-level-2 li.has-children.is-active, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active .navigation-level-2 li.has-children.is-active-parent, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active-parent .navigation-level-2 .has-children.is-open, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active-parent .navigation-level-2 li.has-children.is-active, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active-parent .navigation-level-2 li.has-children.is-active-parent {
  border-bottom: none;
}

.sidebar-wrapper .opc-navigation .navigation-level-1 li.is-active .navigation-level-2 .navigation-level-3 li a, .sidebar-wrapper .opc-navigation .navigation-level-1 li.is-active .navigation-level-2 .navigation-level-3 li.is-active a, .sidebar-wrapper .opc-navigation .navigation-level-1 li.is-active .navigation-level-2 .navigation-level-3 li.is-active-parent a, .sidebar-wrapper .opc-navigation .navigation-level-1 li.is-active-parent .navigation-level-2 .navigation-level-3 li a, .sidebar-wrapper .opc-navigation .navigation-level-1 li.is-active-parent .navigation-level-2 .navigation-level-3 li.is-active a, .sidebar-wrapper .opc-navigation .navigation-level-1 li.is-active-parent .navigation-level-2 .navigation-level-3 li.is-active-parent a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active .navigation-level-2 .navigation-level-3 li a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active .navigation-level-2 .navigation-level-3 li.is-active a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active .navigation-level-2 .navigation-level-3 li.is-active-parent a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active-parent .navigation-level-2 .navigation-level-3 li a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active-parent .navigation-level-2 .navigation-level-3 li.is-active a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.is-active-parent .navigation-level-2 .navigation-level-3 li.is-active-parent a {
  padding-left: 40px;
  font-weight: 400;
}

.sidebar-wrapper .opc-navigation .is-open.has-children, .sidebar-wrapper .opc-navigation .navigation-level-1 li.has-children.is-active, .sidebar-wrapper .opc-navigation .navigation-level-1 li.has-children.is-active-parent, .sidebar-wrapper .opc-navigation-add .is-open.has-children, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.has-children.is-active, .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.has-children.is-active-parent {
  margin-bottom: 8px;
  padding-top: 8px;
}

.sidebar-wrapper .opc-navigation[data-op-navtype="art-simple"] .has-children > a, .sidebar-wrapper .opc-navigation-add[data-op-navtype="art-simple"] .has-children > a {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.sidebar-wrapper .opc-navigation[data-op-navtype="art-simple"] .has-children > a svg, .sidebar-wrapper .opc-navigation-add[data-op-navtype="art-simple"] .has-children > a svg {
  transition: rotate .15s;
}

.sidebar-wrapper .opc-navigation[data-op-navtype="art-simple"] .has-children > ul, .sidebar-wrapper .opc-navigation-add[data-op-navtype="art-simple"] .has-children > ul {
  display: none;
}

.sidebar-wrapper .opc-navigation[data-op-navtype="art-simple"] .has-children.is-open > a svg, .sidebar-wrapper .opc-navigation[data-op-navtype="art-simple"] .navigation-level-1 li.has-children.is-active > a svg, .sidebar-wrapper .opc-navigation[data-op-navtype="art-simple"] .navigation-level-1 li.has-children.is-active-parent > a svg, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="art-simple"] li.has-children.is-active > a svg, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="art-simple"] li.has-children.is-active-parent > a svg, .sidebar-wrapper .opc-navigation-add[data-op-navtype="art-simple"] .has-children.is-open > a svg, .sidebar-wrapper .opc-navigation .navigation-level-1 .opc-navigation-add[data-op-navtype="art-simple"] li.has-children.is-active > a svg, .sidebar-wrapper .opc-navigation .navigation-level-1 .opc-navigation-add[data-op-navtype="art-simple"] li.has-children.is-active-parent > a svg, .sidebar-wrapper .opc-navigation-add[data-op-navtype="art-simple"] .navigation-level-1 li.has-children.is-active > a svg, .sidebar-wrapper .opc-navigation-add[data-op-navtype="art-simple"] .navigation-level-1 li.has-children.is-active-parent > a svg {
  rotate: -180deg;
}

.sidebar-wrapper .opc-navigation[data-op-navtype="art-simple"] .has-children.is-open > ul, .sidebar-wrapper .opc-navigation[data-op-navtype="art-simple"] .navigation-level-1 li.has-children.is-active > ul, .sidebar-wrapper .opc-navigation[data-op-navtype="art-simple"] .navigation-level-1 li.has-children.is-active-parent > ul, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="art-simple"] li.has-children.is-active > ul, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .opc-navigation[data-op-navtype="art-simple"] li.has-children.is-active-parent > ul, .sidebar-wrapper .opc-navigation-add[data-op-navtype="art-simple"] .has-children.is-open > ul, .sidebar-wrapper .opc-navigation .navigation-level-1 .opc-navigation-add[data-op-navtype="art-simple"] li.has-children.is-active > ul, .sidebar-wrapper .opc-navigation .navigation-level-1 .opc-navigation-add[data-op-navtype="art-simple"] li.has-children.is-active-parent > ul, .sidebar-wrapper .opc-navigation-add[data-op-navtype="art-simple"] .navigation-level-1 li.has-children.is-active > ul, .sidebar-wrapper .opc-navigation-add[data-op-navtype="art-simple"] .navigation-level-1 li.has-children.is-active-parent > ul {
  display: block;
}

.sidebar-wrapper .opc-navigation[data-op-navtype="art-simple"] .navigation-level-1 > li.is-open, .sidebar-wrapper .opc-navigation[data-op-navtype="art-simple"] .navigation-level-1 > li.is-active, .sidebar-wrapper .opc-navigation[data-op-navtype="art-simple"] .navigation-level-1 > li.is-active-parent, .sidebar-wrapper .opc-navigation-add[data-op-navtype="art-simple"] .navigation-level-1 > li.is-open, .sidebar-wrapper .opc-navigation-add[data-op-navtype="art-simple"] .navigation-level-1 > li.is-active, .sidebar-wrapper .opc-navigation-add[data-op-navtype="art-simple"] .navigation-level-1 > li.is-active-parent {
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}

.downloads h2 {
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 72px;
}

.downloads__image-tiles-grid {
  grid-template-columns: 1fr;
  gap: 32px 8px;
  padding: 0;
  display: grid;
}

@media only screen and (width >= 640px) {
  .downloads__image-tiles-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (width >= 800px) {
  .downloads__image-tiles-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (width >= 1024px) {
  .downloads__image-tiles-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.downloads__image-tile {
  justify-content: center;
  list-style-type: none;
  display: flex;
}

.downloads__image-tile img {
  width: 300px;
  height: 300px;
}

@media only screen and (width >= 800px) {
  .downloads__image-tile img {
    width: 250px;
    height: 250px;
  }
}

@media only screen and (width >= 1024px) {
  .downloads__image-tile img {
    width: 225px;
    height: 225px;
  }
}

@media only screen and (width >= 1400px) {
  .downloads__image-tile img {
    width: 300px;
    height: 300px;
  }
}

.downloads__dmas-list {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  list-style-type: none;
}

.downloads__list-element {
  padding: 8px;
  text-decoration: underline;
}

[data-opc-slider] {
  scroll-snap-type: x;
  flex-wrap: nowrap;
  margin-bottom: 40px;
  display: flex;
  position: relative;
  overflow: scroll hidden;
  overflow-x: visible !important;
}

@media only screen and (width >= 800px) {
  [data-opc-slider] {
    overflow-x: auto !important;
  }
}

@media only screen and (width <= 800px) {
  [data-opc-slider] {
    column-gap: 20px;
    margin-left: 0;
    margin-right: 0;
  }
}

[data-opc-slider]::-webkit-scrollbar-thumb {
  background-color: #fbc50a;
  border-radius: 2px;
}

[data-opc-slider]::-webkit-scrollbar-track {
  background-color: #e8e9ea;
  border-radius: 2px;
}

[data-opc-slider]::-webkit-scrollbar {
  cursor: grab;
  height: 4px;
  transition: height 1s cubic-bezier(.075, .82, .165, 1);
}

[data-opc-slider]:hover::-webkit-scrollbar {
  height: 4px;
}

[data-opc-slider]:hover::-webkit-scrollbar-thumb {
  border-radius: 2px;
}

[data-opc-slider]:hover::-webkit-scrollbar-track {
  border-radius: 2px;
}

[data-opc-slider] .slide-item {
  scroll-snap-align: start;
  flex: none;
  width: 25%;
  display: flex;
}

[data-opc-slider="hero"] .slide-item {
  width: 100%;
}

.opc-scroll-slider {
  position: relative;
}

.opc-scroll-slider:hover .opc-scroll-slider-controls [data-snap-slider-goto="prev"], .opc-scroll-slider:hover .opc-scroll-slider-controls [data-snap-slider-goto="next"] {
  opacity: 1;
}

.opc-scroll-slider:hover .opc-scroll-slider-controls [data-snap-slider-goto="prev"]:hover, .opc-scroll-slider:hover .opc-scroll-slider-controls [data-snap-slider-goto="prev"]:focus, .opc-scroll-slider:hover .opc-scroll-slider-controls [data-snap-slider-goto="next"]:hover, .opc-scroll-slider:hover .opc-scroll-slider-controls [data-snap-slider-goto="next"]:focus {
  transition: background .5s;
  background: #171717 !important;
}

.opc-scroll-slider .opc-scroll-slider-controls {
  background-color: #0000;
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
}

@media only screen and (width >= 800px) {
  .opc-scroll-slider .opc-scroll-slider-controls {
    display: block;
  }
}

.opc-scroll-slider .opc-scroll-slider-controls [data-snap-slider-goto="prev"], .opc-scroll-slider .opc-scroll-slider-controls [data-snap-slider-goto="next"] {
  z-index: 10;
  box-shadow: none;
  opacity: 1;
  background: #fbc50a;
  border-radius: 0;
  width: auto;
  height: auto;
  padding: 12px;
  transition: opacity .5s ease-in-out;
  position: absolute;
}

@media only screen and (width >= 800px) {
  .opc-scroll-slider .opc-scroll-slider-controls [data-snap-slider-goto="prev"], .opc-scroll-slider .opc-scroll-slider-controls [data-snap-slider-goto="next"] {
    opacity: .2;
  }
}

.opc-scroll-slider .opc-scroll-slider-controls [data-snap-slider-goto="prev"]:before, .opc-scroll-slider .opc-scroll-slider-controls [data-snap-slider-goto="next"]:before {
  content: "";
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  display: block;
  transform: scale(1);
}

.opc-scroll-slider .opc-scroll-slider-controls [data-snap-slider-goto="prev"] {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.opc-scroll-slider .opc-scroll-slider-controls [data-snap-slider-goto="prev"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12l4.58-4.59z%22%2F%3E%3C%2Fsvg%3E");
}

.opc-scroll-slider .opc-scroll-slider-controls [data-snap-slider-goto="next"] {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.opc-scroll-slider .opc-scroll-slider-controls [data-snap-slider-goto="next"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z%22%2F%3E%3C%2Fsvg%3E");
}

.opc-scroll-slider .opc-scroll-slider-controls.dots {
  justify-content: center;
  width: 100%;
  margin: 20px 0;
  padding: 0;
  display: flex;
}

.opc-scroll-slider .opc-scroll-slider-controls.dots li {
  align-items: center;
  margin: 0 2px;
  list-style-type: none;
  display: flex;
}

.opc-scroll-slider .opc-scroll-slider-controls.dots li button {
  cursor: pointer;
  color: #0000;
  background-color: #0000;
  border: none;
  width: 8px;
  height: 8px;
  font-size: 0;
  position: relative;
}

.opc-scroll-slider .opc-scroll-slider-controls.dots li button:before {
  content: "";
  background-color: #e8e9ea;
  border-radius: 999px;
  width: 6px;
  height: 6px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.opc-scroll-slider .opc-scroll-slider-controls.dots li button.is-current:before {
  background-color: #fbc50a;
}

.opc-scroll-slider [data-snap-slider-nav="connected-art-slider"] [data-snap-slider-goto="prev"], .opc-scroll-slider [data-snap-slider-nav="connected-art-slider"] [data-snap-slider-goto="next"] {
  top: 40%;
}

.box-shadow {
  border-radius: 8px;
  padding: 18px;
  box-shadow: 0 2px 16px #37373c40;
}

@media only screen and (width >= 800px) {
  .box-shadow {
    padding: 24px;
  }
}

@media only screen and (width >= 1024px) {
  .box-shadow {
    padding: 32px;
  }
}

.questions {
  color: #171717;
  background-color: #fff;
  border-top: 1px solid #d1d1d9;
}

.questions__wrapper {
  grid-template-areas: "boxArea";
  display: grid;
}

@media only screen and (width >= 800px) {
  .questions__wrapper {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "imageArea boxArea";
  }
}

.questions__image {
  object-fit: cover;
  grid-area: imageArea;
  width: 100%;
  height: 100%;
  display: none;
}

@media only screen and (width >= 800px) {
  .questions__image {
    display: block;
  }
}

.questions__box {
  flex-direction: column;
  flex: 1 0 0;
  grid-area: boxArea;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
  display: flex;
}

@media only screen and (width >= 640px) {
  .questions__box {
    padding: 24px 86px;
  }
}

@media only screen and (width >= 1024px) {
  .questions__box {
    padding: 0 86px;
  }
}

.questions__title {
  color: #171717;
  margin: 0;
  padding: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
}

.questions__description {
  color: #171717;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 24px;
}

.questions__actions {
  gap: 16px;
  display: flex;
}

.questions__button {
  padding: 10px 12px;
  border-radius: 1px;
  align-items: center;
  gap: 8px;
  padding-inline: 48px;
  display: flex;
  border: 1px solid #2a2a2a !important;
}

@media only screen and (width >= 1024px) {
  .questions__button {
    padding-inline: 12px;
  }
}

.questions__button:hover {
  background-color: #fbc50a;
}

.questions__button-icon {
  color: #f2f2f2;
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
  display: block;
}

.questions__button-text {
  color: #f2f2f2;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  display: none;
}

@media only screen and (width >= 1024px) {
  .questions__button-text {
    display: block;
  }
}

.cms {
  width: 100%;
  display: block;
}

.cms__wrapper {
  flex-direction: column;
  gap: 24px;
  display: flex;
}

.cms__wrapper--no-margin ul[data-op-article-list-type="slider"] {
  margin-left: 0;
  margin-right: 0;
}

.cms__title {
  color: #171717;
  white-space: break-spaces;
  hyphens: auto;
  margin: 0;
  padding: 0;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 7.2rem;
}

.cms__grid {
  grid-template-columns: 1fr;
  display: grid;
}

@media only screen and (width >= 480px) {
  .cms__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (width >= 800px) {
  .cms__grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .cms__grid--four-rows-max {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (width >= 1400px) {
  .cms__grid--four-rows-max {
    grid-template-columns: repeat(4, 1fr);
  }
}

.cms__grid--five-rows-max {
  grid-template-columns: repeat(2, 1fr);
}

@media only screen and (width >= 480px) {
  .cms__grid--five-rows-max {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (width >= 640px) {
  .cms__grid--five-rows-max {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media only screen and (width >= 1400px) {
  .cms__grid--five-rows-max {
    grid-template-columns: repeat(5, 1fr);
  }
}

.cms__tile {
  aspect-ratio: 1;
  border: 1px solid #7a7a7a;
  border-radius: 1px;
  flex-direction: column;
  flex: 1 0 0;
  justify-content: center;
  align-items: center;
  gap: 16px;
  min-height: 130px;
  padding: 12px 6px 8px;
  display: flex;
  position: relative;
}

.cms__tile:hover {
  cursor: pointer;
  background-color: #fbc50a;
  transition: background-color .2s ease-in-out;
}

@media only screen and (width >= 800px) {
  .cms__tile {
    gap: 32px;
    min-height: 160px;
    padding: 24px 12px 16px;
  }
}

@media only screen and (width >= 1400px) {
  .cms__tile {
    min-height: 190px;
  }
}

.cms__tile--three-rows {
  gap: 16px;
}

.cms__icon {
  color: #9e9eab;
  width: 48px;
  height: 48px;
  font-size: 48px;
  line-height: 48px;
  display: block;
}

.cms__icon--three-rows {
  width: 48px;
  height: 48px;
  font-size: 48px;
  line-height: 48px;
}

.cms__hover-img {
  opacity: 0;
  object-fit: cover;
  background-color: #fff;
  width: 100%;
  height: 100%;
  transition: opacity .3s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
}

.cms__hover-img--hovered {
  opacity: 1;
}

.cms__text {
  color: #171717;
  text-align: center;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  min-height: 3.6rem;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.8rem;
  display: -webkit-box;
  overflow: hidden;
}

@media only screen and (width >= 1400px) {
  .cms__text {
    min-height: 4.8rem;
    font-size: 2.4rem;
    line-height: 2.4rem;
  }
}

.cms__text--three-rows {
  color: #54595f;
  line-height: 3rem;
}

.cms__description {
  color: #54595f;
  text-align: center;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
}

.home-dialog--fullscreen {
  z-index: 999;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.home-dialog__backdrop {
  height: 0;
  overflow-y: hidden;
}

.home-dialog__backdrop:after {
  z-index: 997;
  background-color: #fff;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
  margin: 0;
  padding: 0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.home-dialog__backdrop:before {
  content: "";
  z-index: 998;
  pointer-events: none;
  border: 2px solid #0000;
  border-top-color: #313141;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  animation: 1s linear infinite spin;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.home-dialog__wrapper {
  width: 100%;
  height: 100%;
  display: contents;
}

.home-dialog__header {
  border-bottom: 1px solid #7a7a7a;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  height: 80px;
  padding: 0 32px;
  display: flex;
}

.home-dialog__header .navigation-level-2 {
  display: flex;
}

.home-dialog__header .navigation-level-2 a {
  color: #171717;
  text-align: center;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4rem;
  padding-left: 16px !important;
}

.home-dialog__header .opc-language-selection span, .home-dialog__header .opc-language-selection a {
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 1.4rem !important;
  line-height: 1.4rem !important;
}

.home-dialog__header .opc-language-selection span.is-active {
  color: #171717;
  font-weight: 700;
}

.home-dialog__header .opc-language-selection span:not(.is-active) {
  color: #c7c7c7;
  font-weight: 400;
}

.home-dialog__content {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(100vh - 80px);
  display: flex;
}

.home-dialog__content-inner {
  flex-direction: column;
  gap: 48px;
  height: fit-content;
  padding-inline: 48px;
  display: flex;
}

@media only screen and (width >= 640px) {
  .home-dialog__content-inner {
    flex-direction: row;
  }
}

.home-dialog__button {
  background-color: #fff;
  border: 2px solid #7a7a7a;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 36px;
  display: flex;
}

.home-dialog__button:hover {
  border: 2px solid #fbc50a;
}

.home-dialog__button img {
  width: 300px;
  height: auto;
}

@media only screen and (width >= 800px) {
  .home-dialog__button {
    gap: 56px;
  }

  .home-dialog__button img {
    width: 400px;
    height: auto;
  }
}

.home-dialog__button-icon {
  height: 60px;
}

@media only screen and (width >= 800px) {
  .home-dialog__button-icon {
    height: 90px;
  }
}

@media only screen and (width >= 1024px) {
  .home-dialog__button-icon {
    height: 140px;
  }
}

.home-dialog__button-text {
  color: #f2f2f2;
  text-align: center;
  white-space: nowrap;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.6rem;
}

@media only screen and (width >= 640px) {
  .home-dialog__button-text {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
}

@media only screen and (width >= 1024px) {
  .home-dialog__button-text {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
}

.home-dialog__text-box {
  flex-direction: column;
  flex: 1 0 0;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding: 16px;
  display: none;
}

@media only screen and (width >= 480px) {
  .home-dialog__text-box {
    display: flex;
  }
}

.home-dialog__text-box-icon {
  height: 100px;
}

@media only screen and (width >= 800px) {
  .home-dialog__text-box-icon {
    height: 140px;
  }
}

@media only screen and (width >= 1400px) {
  .home-dialog__text-box-icon {
    height: 180px;
  }
}

.home-dialog__text-box-text {
  color: #f2f2f2;
  text-align: center;
  white-space: nowrap;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4rem;
  display: none;
}

@media only screen and (width >= 1024px) {
  .home-dialog__text-box-text {
    font-size: 1.4rem;
    line-height: 2.6rem;
    display: block;
  }
}

@media only screen and (width >= 1400px) {
  .home-dialog__text-box-text {
    font-size: 2.4rem;
    line-height: 3.6rem;
  }
}

.product-art {
  display: block;
}

.product-art__wrapper {
  gap: 16px;
  display: grid;
}

@media only screen and (width >= 640px) {
  .product-art__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (width >= 800px) {
  .product-art__wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (width >= 1024px) {
  .product-art__wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media only screen and (width >= 1400px) {
  .product-art__wrapper {
    grid-template-columns: repeat(5, 1fr);
  }
}

.product-art__box {
  border: 1px solid #000;
  flex-direction: column;
  padding: 16px;
  display: flex;
}

.product-art__box--active {
  border: 3px solid #fbc50acc;
}

.product-art__name2 {
  font-weight: 800;
}

.registration-steps .opc-iconbox {
  padding: 0;
}

@media only screen and (width >= 640px) {
  .registration-steps .opc-iconbox {
    padding: 4rem;
  }
}

.registration-steps .opc-iconbox .op-icon-check, .registration-steps .opc-iconbox .op-icon-cross {
  width: 8rem;
  height: 8rem;
}

@media only screen and (width >= 640px) {
  .registration-steps .opc-iconbox .op-icon-check, .registration-steps .opc-iconbox .op-icon-cross {
    width: 10rem;
    height: 10rem;
  }
}

.registration-steps .opc-iconbox p {
  font-size: 14px;
}

@media only screen and (width >= 640px) {
  .registration-steps .opc-iconbox p {
    font-size: 2.24rem;
  }
}

.tile-slider {
  width: 100%;
  margin-bottom: 20px;
}

.tile-slider__slider {
  flex-direction: column;
  gap: 20px;
  width: 100%;
  height: fit-content;
  display: flex;
}

.tile-slider__pagination {
  margin-top: 10px;
  bottom: 0;
  position: relative !important;
}

.tile-slider__pagination * > button.is-active {
  background-color: #fbc50a;
}

.tile-slider__pagination .splide__pagination__page {
  width: 12px !important;
  height: 12px !important;
}

.tile-slider__title {
  margin-top: 16px;
}

@media only screen and (width >= 800px) {
  .tile-slider__title {
    margin-top: unset;
  }
}

.tile-slider__tiles {
  row-gap: spacer(4);
  column-gap: spacer(8);
  grid-template-columns: 1fr;
  height: 100%;
  display: grid;
}

@media only screen and (width >= 480px) {
  .tile-slider__tiles {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (width >= 640px) {
  .tile-slider__tiles {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media only screen and (width >= 1024px) {
  .tile-slider__track {
    margin-inline: spacer(12);
  }
}

.tile-slider__arrow {
  color: #fbc50a;
  background: none;
  width: 5rem;
  height: 100%;
}

.tile-slider__arrow svg {
  display: none;
}

.tile-slider__arrow:disabled {
  opacity: .4;
}

.tile-slider__arrow--prev {
  left: 0;
  translate: -100%;
}

.tile-slider__arrow--prev:before {
  content: "";
  font-size: 4rem;
}

.tile-slider__arrow--next {
  right: 0;
  translate: 100%;
}

.tile-slider__arrow--next:before {
  content: "";
  font-size: 4rem;
}

.splide:not(.is-overflow) .splide__arrow {
  display: none;
}

.splide__arrows {
  display: contents;
}

.splide__arrow {
  width: 4em !important;
  height: 4em !important;
}

.splide__arrow--next {
  translate: 75% !important;
}

.splide__arrow--prev {
  translate: -75% !important;
}

[data-op-col="12-6-6"] {
  width: 100%;
}

@media only screen and (width >= 640px) {
  [data-op-col="12-6-6"] {
    width: 50%;
  }
}

@media only screen and (width >= 800px) {
  [data-op-col="12-6-6"] {
    width: 50%;
  }
}

#topbar-login-form {
  display: none;
}

.topbar-wrapper {
  background: #fff;
  padding-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
}

@media only screen and (width >= 800px) {
  .topbar-wrapper {
    padding-left: 32px;
    padding-right: 32px;
  }
}

.topbar-wrapper {
  display: none;
}

@media only screen and (width >= 640px) {
  .topbar-wrapper {
    display: block;
  }
}

.is-mobile .topbar-wrapper {
  display: none;
}

.topbar-wrapper .topbar-inner {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.topbar-wrapper .topbar-menu .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 {
  gap: 16px;
}

.topbar-wrapper .topbar-menu .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li.is-active > a {
  color: #fbc50a;
  font-weight: 700;
}

.topbar-wrapper .topbar-menu .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li > a {
  color: #54595f;
  padding: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}

.topbar-wrapper .topbar-menu .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li > a:hover {
  color: #fbc50a;
  background-color: #0000;
  text-decoration: underline;
}

.header__wrapper {
  z-index: 999;
  background: #f2f2f2;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  width: 100%;
  height: 60px;
  padding-block: 14px;
  display: flex;
  position: sticky;
  top: 0;
}

@media only screen and (width >= 640px) {
  .header__wrapper {
    border-bottom: 1px solid #d9d9d9;
    height: 72px;
    padding-block: 16px;
  }
}

@media only screen and (width >= 1024px) {
  .header__wrapper {
    height: 96px;
    padding-block: 28px;
  }
}

.header__inner {
  grid-template: "logo language search account basket favorite burger"
  / 1fr min-content min-content min-content min-content min-content;
  align-items: center;
  column-gap: 10px;
  width: 100%;
  padding-inline: 20px;
  display: grid;
  position: relative;
}

@media only screen and (width >= 640px) {
  .header__inner {
    padding-inline: 36px;
  }
}

@media only screen and (width >= 1024px) {
  .header__inner {
    grid-template: "logo nav language search account basket favorite"
    / min-content 1fr min-content min-content min-content min-content;
    padding-inline: 48px;
  }
}

.header__search {
  grid-template-columns: 1fr min-content;
  align-items: center;
  column-gap: 24px;
  width: 100%;
  padding-inline: 20px;
  display: grid;
}

@media only screen and (width >= 640px) {
  .header__search {
    padding-inline: 36px;
  }
}

@media only screen and (width >= 1024px) {
  .header__search {
    padding-inline: 48px;
  }
}

.header__logo img {
  width: auto;
  height: 20px;
}

@media only screen and (width >= 640px) {
  .header__logo img {
    height: 30px;
  }
}

@media only screen and (width >= 1024px) {
  .header__logo img {
    height: 36px;
  }
}

.header__logo--small {
  height: 32px;
  margin-top: 2px;
  display: block;
}

@media only screen and (width >= 640px) {
  .header__logo--small {
    display: none;
  }
}

.header__logo--small img {
  height: 34px;
}

.header__logo--large {
  display: none;
}

@media only screen and (width >= 640px) {
  .header__logo--large {
    display: block;
  }
}

.header-wrapper {
  z-index: 11;
  background: #f2f2f2;
  border-bottom: 1px solid #d9d9d9;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  width: 100%;
  height: 96px;
  display: flex;
}

.header-wrapper .header-top, .header-wrapper .header-bottom {
  padding-inline: 20px;
}

@media only screen and (width >= 480px) {
  .header-wrapper .header-top, .header-wrapper .header-bottom {
    padding-inline: 32px;
  }
}

.header-wrapper .header-top {
  width: 100%;
}

.header-wrapper .header-top .header-top-inner {
  grid-template-columns: auto 1fr;
  grid-template-areas: "logo ."
                       "actions actions";
  align-items: center;
  display: grid;
}

@media only screen and (width >= 480px) {
  .header-wrapper .header-top .header-top-inner {
    grid-template-areas: "logo actions";
  }
}

@media only screen and (width >= 800px) {
  .header-wrapper .header-top .header-top-inner {
    grid-template-areas: "logo search actions";
  }
}

@media only screen and (width >= 1024px) {
  .header-wrapper .header-top .header-top-inner {
    grid-template-areas: "logo search actions";
  }
}

.header-wrapper .header-top .header-top-inner .brand-logo-wrapper {
  grid-area: logo;
  display: flex;
}

.header-wrapper .header-top .header-top-inner .brand-logo-wrapper img.logo-wide {
  display: none;
}

@media only screen and (width >= 1024px) {
  .header-wrapper .header-top .header-top-inner .brand-logo-wrapper img.logo-wide {
    display: flex;
  }
}

.header-wrapper .header-top .header-top-inner .brand-logo-wrapper img.logo-small {
  display: flex;
}

@media only screen and (width >= 1024px) {
  .header-wrapper .header-top .header-top-inner .brand-logo-wrapper img.logo-small {
    display: none;
  }
}

.header-wrapper .header-top .header-top-inner .directsearch-wrapper {
  grid-area: search;
  display: none;
}

.header-wrapper .header-top .header-top-inner .directsearch-wrapper .search-btn {
  color: #171717;
  order: 2;
  align-self: center;
  width: fit-content;
  height: fit-content;
  padding: 0;
}

.header-wrapper .header-top .header-top-inner .directsearch-wrapper .search-query {
  order: 1;
}

.header-wrapper .header-top .header-top-inner .directsearch-wrapper .opc-search-query {
  background: #fff;
  border: 1px solid #7a7a7a;
  padding: 0 12px;
}

.header-wrapper .header-top .header-top-inner .directsearch-wrapper .opc-search-query input {
  color: #f2f2f2;
  background-color: #fff;
  height: 45px;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.header-wrapper .header-top .header-top-inner .directsearch-wrapper .opc-search {
  margin-inline: 48px;
}

@media only screen and (width >= 800px) {
  .header-wrapper .header-top .header-top-inner .directsearch-wrapper {
    justify-content: center;
    display: flex;
  }
}

.header-wrapper .header-top .header-top-inner .header-actions-wrapper {
  grid-area: actions;
  justify-content: space-between;
  gap: 16px;
  padding-top: 16px;
  display: flex;
  position: relative;
}

@media only screen and (width >= 480px) {
  .header-wrapper .header-top .header-top-inner .header-actions-wrapper {
    justify-content: flex-end;
    gap: 24px;
    padding-top: 0;
  }
}

.header-wrapper .header-top .header-top-inner .header-actions-wrapper .not-important-action {
  display: none !important;
}

@media only screen and (width >= 1024px) {
  .header-wrapper .header-top .header-top-inner .header-actions-wrapper .not-important-action {
    display: flex !important;
  }
}

.header-wrapper .header-top .header-top-inner .header-actions-wrapper .opc-additional-header-button {
  width: 40px;
  height: 40px;
  padding: 0;
}

.header-wrapper .header-top .header-top-inner .header-actions-wrapper .opc-additional-header-button svg {
  margin: 0;
  padding: 0;
  font-size: 28px;
}

.header-wrapper .header-top .header-top-inner .header-actions-wrapper .opc-additional-header-button:hover {
  background-color: #f2f2f2;
}

.header-wrapper .header-top .header-top-inner .header-actions-wrapper .topbar-language {
  align-items: center;
  display: flex;
}

.header-wrapper .header-top .header-top-inner .header-actions-wrapper .topbar-language a, .header-wrapper .header-top .header-top-inner .header-actions-wrapper .topbar-language span {
  font-size: 16px;
  line-height: 14px;
}

.header-wrapper .header-top .header-top-inner .header-actions-wrapper .topbar-language span.is-active {
  color: #171717;
}

.header-wrapper .header-top .header-top-inner .header-actions-wrapper .topbar-language .language-selection-label {
  display: none;
}

.header-wrapper .header-top .header-top-inner .header-actions-wrapper .user-dropdown .opc-button-account {
  color: #f2f2f2;
  background-color: #2a2a2a;
  border-radius: 24px;
  width: 40px;
  height: 40px;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  border: 1px solid #2a2a2a !important;
}

@media only screen and (width >= 1024px) {
  .header-wrapper .header-top .header-top-inner .header-actions-wrapper .offcanvas-menu-trigger {
    margin-left: unset;
    display: none;
  }
}

.header-wrapper .header-top .header-top-inner .header-actions-wrapper a, .header-wrapper .header-top .header-top-inner .header-actions-wrapper button {
  color: #171717;
  border: none;
  margin: 0;
}

.header-wrapper .header-top .header-top-inner .header-actions-wrapper .mini-basket-footer .opc-button, .header-wrapper .header-top .header-top-inner .header-actions-wrapper .mini-basket-footer .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .header-wrapper .header-top .header-top-inner .header-actions-wrapper .mini-basket-footer a, .header-wrapper .header-top .header-top-inner .header-actions-wrapper .mini-basket-footer .opc-favorite-button, .header-wrapper .header-top .header-top-inner .header-actions-wrapper .mini-basket-footer .opc-compare-button, .header-wrapper .header-top .header-top-inner .header-actions-wrapper .mini-basket-footer .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-wrapper .header-top .header-top-inner .header-actions-wrapper .mini-basket-footer .notifications-ok, .header-wrapper .header-top .header-top-inner .header-actions-wrapper .mini-basket-footer .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-wrapper .header-top .header-top-inner .header-actions-wrapper .mini-basket-footer .notifications-cancel {
  color: #fff;
}

.header-wrapper .header-top .header-top-inner .header-actions-wrapper .opc-login {
  margin-left: .5rem;
  padding: 0 .5rem;
  position: relative;
}

.header-wrapper .header-top .header-top-inner .header-actions-wrapper .opc-login > svg {
  margin-right: 0;
  font-size: 28px;
}

.header-wrapper .header-top .header-top-inner .header-actions-wrapper .opc-login .account-link-login-indicator {
  color: #fff;
  text-align: center;
  background: #fbc50a;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 1.8rem;
  height: 1.8rem;
  font-size: 1.1rem;
  line-height: 1.8rem;
  display: flex;
  position: absolute;
  top: .4rem;
  right: 0;
}

.header-wrapper .header-top .header-top-inner .header-actions-wrapper .opc-login .account-link-login-indicator svg {
  margin-right: 0;
  padding: 2px;
}

.header-wrapper .header-top .header-top-inner .header-actions-wrapper .opc-login:hover {
  background-color: #f2f2f2;
}

.header-wrapper .header-top .header-top-inner .header-actions-wrapper .opc-favorite-info > .opc-button, .header-wrapper .header-top .header-top-inner .header-actions-wrapper .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-favorite-info > a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .header-wrapper .header-top .header-top-inner .header-actions-wrapper .opc-favorite-info > a, .header-wrapper .header-top .header-top-inner .header-actions-wrapper .opc-favorite-info > .opc-favorite-button, .header-wrapper .header-top .header-top-inner .header-actions-wrapper .opc-favorite-info > .opc-compare-button, .header-wrapper .header-top .header-top-inner .header-actions-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info > .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-wrapper .header-top .header-top-inner .header-actions-wrapper .opc-favorite-info > .notifications-ok, .header-wrapper .header-top .header-top-inner .header-actions-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info > .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-wrapper .header-top .header-top-inner .header-actions-wrapper .opc-favorite-info > .notifications-cancel, .header-wrapper .header-top .header-top-inner .header-actions-wrapper .opc-basket-info > .opc-button, .header-wrapper .header-top .header-top-inner .header-actions-wrapper .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-info > a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .header-wrapper .header-top .header-top-inner .header-actions-wrapper .opc-basket-info > a, .header-wrapper .header-top .header-top-inner .header-actions-wrapper .opc-basket-info > .opc-favorite-button, .header-wrapper .header-top .header-top-inner .header-actions-wrapper .opc-basket-info > .opc-compare-button, .header-wrapper .header-top .header-top-inner .header-actions-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info > .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-wrapper .header-top .header-top-inner .header-actions-wrapper .opc-basket-info > .notifications-ok, .header-wrapper .header-top .header-top-inner .header-actions-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info > .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-wrapper .header-top .header-top-inner .header-actions-wrapper .opc-basket-info > .notifications-cancel {
  border: unset;
}

.header-wrapper .header-top .header-top-inner .header-actions-wrapper .opc-favorite-info svg, .header-wrapper .header-top .header-top-inner .header-actions-wrapper .opc-basket-info svg {
  margin-right: 0;
  font-size: 28px;
}

.header-wrapper .header-top .header-top-inner .header-actions-wrapper .opc-favorite-info:hover, .header-wrapper .header-top .header-top-inner .header-actions-wrapper .opc-basket-info:hover {
  background-color: #f2f2f2;
}

.header-wrapper .header-top .header-top-inner .header-actions-wrapper .search-toggle {
  background-color: #0000;
  margin: 0;
  padding: 0;
  display: block;
}

.header-wrapper .header-top .header-top-inner .header-actions-wrapper .search-toggle svg {
  margin-right: 0;
  font-size: 28px;
}

@media only screen and (width >= 800px) {
  .header-wrapper .header-top .header-top-inner .header-actions-wrapper .search-toggle {
    display: none;
  }
}

.header-wrapper .header-bottom {
  background: #fff;
}

.header-wrapper .header-bottom .header-bottom-inner {
  grid-template-columns: 50% 50%;
  grid-template-areas: "offcanvas language";
  align-items: center;
  display: grid;
}

@media only screen and (width >= 800px) {
  .header-wrapper .header-bottom .header-bottom-inner {
    grid-template-columns: 25% 50% 25%;
    grid-template-areas: "offcanvas navigation language";
  }
}

.header-wrapper .header-bottom .offcanvas-menu-trigger-wrapper {
  grid-area: offcanvas;
}

.header-wrapper .header-bottom .main-nav-wrapper {
  grid-area: navigation;
  justify-content: center;
  display: none;
}

@media only screen and (width >= 800px) {
  .header-wrapper .header-bottom .main-nav-wrapper {
    display: flex;
  }
}

.header-wrapper .header-bottom .language-selection-wrapper {
  grid-area: language;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.header-wrapper .header-bottom .language-selection-wrapper .language-selection-label {
  align-items: center;
  display: flex;
}

.header-wrapper .header-bottom .language-selection-wrapper .language-selection-label span {
  color: #fbc50a;
  font-size: 12px;
  line-height: 12px;
}

@media only screen and (width >= 800px) {
  .header-wrapper .header-bottom .language-selection-wrapper .language-selection-label span {
    font-size: 16px;
    line-height: 24px;
  }
}

.header-wrapper .header-bottom .language-selection-wrapper .language-selection-label:after {
  display: none;
}

@media only screen and (width >= 1024px) {
  .header-wrapper .header-bottom .language-selection-wrapper .language-selection-label:after {
    cursor: pointer;
    background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23fbc50a%22%3E%3Cpath style%3D%22 %22 d%3D%22M 4.21875 10.78125 L 2.78125 12.21875 L 15.28125 24.71875 L 16 25.40625 L 16.71875 24.71875 L 29.21875 12.21875 L 27.78125 10.78125 L 16 22.5625 Z %22%2F%3E%3C%2Fsvg%3E") center / 14px no-repeat;
    width: 1.6rem;
    height: 1.6rem;
    display: block;
  }
}

.header-wrapper .header-bottom .language-selection-wrapper .opc-language-selection[data-op-layout="list"] ul {
  color: #171717;
  background: #494949;
  top: calc(100% + 8px);
}

.header-wrapper .header-bottom .language-selection-wrapper .opc-language-selection[data-op-layout="list"] ul span:hover, .header-wrapper .header-bottom .language-selection-wrapper .opc-language-selection[data-op-layout="list"] ul a:hover {
  color: #171717;
}

.context-menu {
  color: #fff;
  background-color: #fbc50a;
  order: -1;
  padding: 1.5rem;
  display: flex;
}

.context-menu a {
  color: #fff;
  text-align: right;
  justify-content: end;
  width: 50%;
  font-weight: bold;
  display: flex;
}

.context-menu div {
  justify-content: start;
  width: 50%;
  display: flex;
}

@supports (position: sticky) {
  .header-wrapper[data-op-sticky="true"] {
    width: 100%;
    transition: transform .2s ease-in-out;
    position: sticky;
    top: 0;
  }

  .header-wrapper[data-op-sticky="true"].sticky-inactive {
    transform: translateY(-100%);
  }
}

.main-nav-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-toggler {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23171717%22%3E%3Cpath style%3D%22 %22 d%3D%22M 4.21875 10.78125 L 2.78125 12.21875 L 15.28125 24.71875 L 16 25.40625 L 16.71875 24.71875 L 29.21875 12.21875 L 27.78125 10.78125 L 16 22.5625 Z %22%2F%3E%3C%2Fsvg%3E");
}

.main-nav-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 {
  display: none;
}

@media only screen and (width >= 1024px) {
  .main-nav-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 {
    display: flex;
  }
}

.main-nav-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li a {
  font-size: 16px;
  line-height: 24px;
  position: relative;
}

.main-nav-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li a:hover {
  color: #fff !important;
  background-color: #0000 !important;
}

.main-nav-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li a:hover:after {
  background-color: #494949;
}

.main-nav-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li a:after {
  content: "";
  background-color: #0000;
  width: 100%;
  height: 3px;
  transition: background-color .25s;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0%;
}

.main-nav-wrapper .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li.is-active a:after {
  background-color: #fbc50a;
}

.opc-basket-info > .opc-button, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-info > a, .opc-basket-info > .opc-favorite-button, .opc-basket-info > .opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info > .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info > .notifications-cancel {
  border-style: solid;
  border-width: 2px;
  margin-left: 0;
}

.opc-basket-info > .opc-button .basket-info-count, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-info > a .basket-info-count, .opc-basket-info > .opc-favorite-button .basket-info-count, .opc-basket-info > .opc-compare-button .basket-info-count, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info > .notifications-ok .basket-info-count, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info > .notifications-cancel .basket-info-count {
  text-align: center;
  color: #171717;
  background: #fbc50a;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  font-size: 10px;
  font-weight: 600;
  line-height: 18px;
  position: absolute;
  top: -2px;
  right: -4px;
  transform: none;
  display: flex !important;
}

.opc-basket-info > .opc-button .basket-info-count:empty, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .opc-basket-info > a .basket-info-count:empty, .opc-basket-info > .opc-favorite-button .basket-info-count:empty, .opc-basket-info > .opc-compare-button .basket-info-count:empty, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info > .notifications-ok .basket-info-count:empty, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info > .notifications-cancel .basket-info-count:empty {
  display: none !important;
}

.mainnav {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  column-gap: 20px;
  display: none;
}

@media only screen and (width >= 1024px) {
  .mainnav {
    display: flex;
  }
}

.mainnav__item {
  border-bottom: 1px solid #d9d9d9;
  justify-content: space-between;
  width: 100%;
  padding: 20px;
  font-size: 1.6rem;
}

.mainnav__item:first-child {
  border-top: 1px solid #d9d9d9;
}

@media only screen and (width >= 1024px) {
  .mainnav__item {
    width: unset;
    border: unset;
    padding: 0;
  }

  .mainnav__item:first-child {
    border-top: none;
  }
}

.mainnav__item.active {
  color: #fbc50a;
}

.mainnav__overlay {
  z-index: 13;
  background: #f2f2f2;
  border: none;
  border-radius: 0 0 4px 4px;
  width: 100%;
  height: calc(100% - 48px);
  margin: 0;
  display: none;
  position: absolute;
  top: 48px;
  left: 0;
  overflow-y: scroll;
}

@media only screen and (width >= 640px) {
  .mainnav__overlay {
    top: 72px;
  }
}

@media only screen and (width >= 1024px) {
  .mainnav__overlay {
    min-height: 540px;
    max-width: unset;
    padding-block: 48px;
    top: 70px;
  }
}

.mainnav__menu {
  flex-direction: column-reverse;
  justify-content: start;
  justify-self: center;
  gap: 24px 64px;
  width: 100%;
  max-width: 450px;
  height: max-content;
  margin-inline: auto;
  padding-inline: 20px;
  display: flex;
}

@media only screen and (width >= 1024px) {
  .mainnav__menu {
    grid-template-columns: max-content 1fr min-content;
    max-width: 1400px;
    padding-inline: 48px;
    display: grid;
  }
}

.mainnav__title {
  grid-template-columns: max-content 1fr;
  align-items: center;
  column-gap: 8px;
  margin-bottom: 12px;
  display: grid;
}

.mainnav__title:after {
  content: "";
  border-bottom: 1px solid #d9d9d9;
  width: 100%;
  height: 1px;
}

.mainnav__main {
  flex-direction: column;
  row-gap: 24px;
  display: flex;
}

.mainnav__category {
  grid-template-columns: 1fr;
  gap: 12px;
  height: min-content;
  display: grid;
}

@media only screen and (width >= 640px) {
  .mainnav__category {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (width >= 1024px) {
  .mainnav__category {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (width >= 1400px) {
  .mainnav__category {
    grid-template-columns: repeat(3, 1fr);
  }
}

.mainnav--open .mainnav__overlay {
  display: flex;
  overflow: hidden;
}

.mainnav--mobile {
  flex-direction: column;
  align-items: start;
  display: flex;
}

.mainnav--mobile .link__label {
  font-size: 1.4rem;
}

.offcanvas-menu-trigger {
  cursor: pointer;
  background: none;
  border: none;
  margin-right: 0;
  padding: 9px;
}

.offcanvas-menu-trigger.burger span {
  -webkit-user-select: none;
  user-select: none;
  margin-top: 7px;
  margin-bottom: 7px;
  position: relative;
}

.offcanvas-menu-trigger.burger span, .offcanvas-menu-trigger.burger span:before, .offcanvas-menu-trigger.burger span:after {
  background-color: #171717;
  outline: 1px solid #0000;
  width: 18px;
  height: 2px;
  transition-property: background-color, transform;
  transition-duration: .3s;
  display: block;
}

.offcanvas-menu-trigger.burger span:before, .offcanvas-menu-trigger.burger span:after {
  content: "";
  position: absolute;
}

.offcanvas-menu-trigger.burger span:before {
  top: -7px;
}

.offcanvas-menu-trigger.burger span:after {
  top: 7px;
}

.offcanvas-menu-trigger {
  display: block;
}

@media only screen and (width >= 1024px) {
  .offcanvas-menu-trigger {
    display: none;
  }
}

.mainnav-wrapper {
  z-index: 100;
  background: #494949;
  display: block;
  position: relative;
}

.mainnav-wrapper .opc-navigation li a {
  color: #fff;
}

@supports (position: sticky) {
  .mainnav-wrapper[data-op-sticky="true"] {
    width: 100%;
    transition: transform .2s ease-in-out;
    position: sticky;
    top: 7rem;
  }

  .mainnav-wrapper[data-op-sticky="true"].sticky-inactive {
    transform: translateY(-119px);
  }
}

.offcanvas-menu-wrapper {
  background: #f2f2f2;
  padding-inline: 20px;
  transition: transform .2s ease-in-out, opacity .2s ease-in-out, visibility .2s ease-in-out;
  position: fixed;
  top: 60px;
  bottom: 0;
  left: 0;
  overflow: hidden auto;
}

@media only screen and (width >= 640px) {
  .offcanvas-menu-wrapper {
    top: 72px;
  }
}

.offcanvas-menu-wrapper {
  visibility: hidden;
  z-index: -10;
  opacity: 0;
  right: 0;
}

.offcanvas-menu-open .offcanvas-menu-wrapper {
  visibility: visible;
  z-index: 100;
  opacity: 1;
}

.offcanvas-menu-wrapper .offcanvas-menu-inner {
  flex-direction: column;
  align-self: center;
  max-width: 450px;
  margin-block: 48px;
  display: flex;
}

.offcanvas-menu-wrapper .offcanvas-menu-inner .opc-mini-label {
  color: #171717;
  margin-top: 2rem;
  margin-bottom: .5rem;
  padding: 1rem 2rem 0;
  font-size: 1.2rem;
  font-weight: normal;
}

.offcanvas-menu-wrapper .offcanvas-menu-inner .opc-mini-label:first-child {
  margin-top: 0;
}

@media only screen and (width >= 640px) {
  .offcanvas-menu-wrapper .offcanvas-menu-inner {
    margin-block: 72px;
  }
}

.offcanvas-menu-wrapper .offcanvas-menu-head {
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 2rem 3rem;
  display: flex;
}

.offcanvas-menu-wrapper .offcanvas-menu-head .offcanvas-brand {
  width: 100%;
}

.offcanvas-menu-wrapper .offcanvas-menu-head .offcanvas-brand a {
  display: block;
}

.offcanvas-menu-wrapper .offcanvas-menu-head .offcanvas-brand img {
  width: 100%;
  max-width: 18rem;
}

.offcanvas-menu-wrapper .offcanvas-menu-head .offcanvas-menu-close {
  color: #171717;
  background: none;
  padding: 0;
}

.offcanvas-menu-wrapper .offcanvas-menu-head .offcanvas-menu-close svg {
  margin: 0;
  font-size: 3.6rem;
}

.offcanvas-menu-wrapper .offcanvas-title {
  text-align: center;
  width: 100%;
  font-size: 1.2rem;
  font-weight: 600;
}

.offcanvas-menu-wrapper .main-menu-area {
  display: block;
}

.offcanvas-menu-wrapper .offcanvas-group {
  color: #171717;
  margin-bottom: 2rem;
}

.offcanvas-menu-wrapper .offcanvas-group .offcanvas-favorites a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-compare a {
  color: #171717cc;
  padding: 2rem;
  display: block;
}

.offcanvas-menu-wrapper .offcanvas-group .offcanvas-favorites a:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-compare a:hover {
  color: #171717;
}

.offcanvas-menu-wrapper .offcanvas-group .offcanvas-favorites .opc-compare-count, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-favorites .favorite-count, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-compare .opc-compare-count, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-compare .favorite-count {
  color: #fff;
  background: #313141;
}

.offcanvas-menu-wrapper .offcanvas-group .offcanvas-favorites .opc-compare-count:before, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-favorites .opc-compare-count:after, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-favorites .favorite-count:before, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-favorites .favorite-count:after, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-compare .opc-compare-count:before, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-compare .opc-compare-count:after, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-compare .favorite-count:before, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-compare .favorite-count:after {
  display: none;
}

.offcanvas-menu-wrapper .offcanvas-group .offcanvas-favorites .opc-compare-count, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-favorites .favorite-count, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-compare .opc-compare-count, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-compare .favorite-count {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  font-size: 1.2rem;
  display: flex;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
}

.offcanvas-menu-wrapper .offcanvas-group .offcanvas-favorites .opc-compare-count:empty, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-favorites .favorite-count:empty, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-compare .opc-compare-count:empty, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-compare .favorite-count:empty {
  display: none;
}

.offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang {
  padding: 2rem;
  display: inline-block;
}

.offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="list"] .language-selection-label {
  margin-bottom: unset !important;
}

.offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="list"] ul {
  position: static;
}

.offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="list"] ul li {
  border: none !important;
}

.offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="list"] ul li a {
  margin-right: 1rem;
  padding: .5rem 0;
}

.offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="list"] ul li.is-active a {
  opacity: 1;
  color: #171717;
  font-weight: bold;
}

.offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .language-selection-label {
  display: block;
  margin-bottom: unset !important;
}

.offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a {
  margin-right: 1rem;
}

.offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a.is-active {
  color: #171717;
  font-weight: bold;
}

.offcanvas-menu-wrapper .offcanvas-item a {
  color: #171717cc;
  padding: 2rem;
  display: block;
}

.offcanvas-menu-wrapper .offcanvas-item a:hover, .offcanvas-menu-wrapper .opc-navigation {
  color: #171717;
}

.offcanvas-menu-wrapper .opc-navigation a {
  color: #171717cc;
}

.offcanvas-menu-wrapper .opc-navigation a:hover {
  color: #171717;
  background: #0000001a;
}

.offcanvas-menu-wrapper .opc-navigation a.is-active {
  background: #313141;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .has-children {
  position: relative;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .has-children .navigation-toggler {
  z-index: 2;
  cursor: pointer;
  background: #fbc50a66;
  border-radius: .5rem;
  width: 3rem;
  height: 3rem;
  transition: all .2s ease-in-out;
  display: block;
  position: absolute;
  top: 1.5rem;
  right: 2rem;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .has-children .navigation-toggler:before {
  content: "";
  background: none;
  position: absolute;
  inset: -1.5rem -2rem -1.5rem -1.5rem;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .has-children .navigation-toggler:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23fff%22%3E%3Cpath style%3D%22 %22 d%3D%22M 4.21875 10.78125 L 2.78125 12.21875 L 15.28125 24.71875 L 16 25.40625 L 16.71875 24.71875 L 29.21875 12.21875 L 27.78125 10.78125 L 16 22.5625 Z %22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 2rem;
  height: 2rem;
  display: block;
  position: absolute;
  top: .5rem;
  right: .5rem;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .has-children.is-open > .navigation-toggler, .offcanvas-menu-wrapper .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 li.has-children.is-active > .navigation-toggler, .sidebar-wrapper .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 li.has-children.is-active > .navigation-toggler, .offcanvas-menu-wrapper .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 li.has-children.is-active-parent > .navigation-toggler, .sidebar-wrapper .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 li.has-children.is-active-parent > .navigation-toggler, .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.has-children.is-active > .navigation-toggler, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] li.has-children.is-active > .navigation-toggler, .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.has-children.is-active-parent > .navigation-toggler, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] li.has-children.is-active-parent > .navigation-toggler {
  transform: rotate(180deg);
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li {
  margin-bottom: 0;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li > a {
  padding: 2rem;
  font-weight: 600;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li.is-open, .offcanvas-menu-wrapper .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li.is-active, .sidebar-wrapper .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li.is-active, .offcanvas-menu-wrapper .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li.is-active-parent, .sidebar-wrapper .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li.is-active-parent, .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active, .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active-parent {
  background: #0000001a;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li.is-open > a, .offcanvas-menu-wrapper .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li.is-active > a, .sidebar-wrapper .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li.is-active > a, .offcanvas-menu-wrapper .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li.is-active-parent > a, .sidebar-wrapper .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li.is-active-parent > a, .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active > a, .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active-parent > a {
  color: #171717;
  font-weight: bold;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li.is-open > .navigation-level-2, .offcanvas-menu-wrapper .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li.is-active > .navigation-level-2, .sidebar-wrapper .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li.is-active > .navigation-level-2, .offcanvas-menu-wrapper .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li.is-active-parent > .navigation-level-2, .sidebar-wrapper .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li.is-active-parent > .navigation-level-2, .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active > .navigation-level-2, .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 > li.is-active-parent > .navigation-level-2 {
  display: block;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li.is-active > a {
  color: #313141;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-2 {
  display: none;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-2 > li {
  border-bottom: none;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-2 > li > a {
  padding: 2rem;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-2 > li.is-open > a, .offcanvas-menu-wrapper .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-2 > li.is-active > a, .sidebar-wrapper .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-2 > li.is-active > a, .offcanvas-menu-wrapper .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-2 > li.is-active-parent > a, .sidebar-wrapper .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-2 > li.is-active-parent > a, .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 .navigation-level-2 > li.is-active > a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-2 > li.is-active > a, .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 .navigation-level-2 > li.is-active-parent > a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-2 > li.is-active-parent > a {
  color: #171717;
  font-weight: bold;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-2 > li.is-open > .navigation-level-3, .offcanvas-menu-wrapper .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-2 > li.is-active > .navigation-level-3, .sidebar-wrapper .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-2 > li.is-active > .navigation-level-3, .offcanvas-menu-wrapper .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-2 > li.is-active-parent > .navigation-level-3, .sidebar-wrapper .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-2 > li.is-active-parent > .navigation-level-3, .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 .navigation-level-2 > li.is-active > .navigation-level-3, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-2 > li.is-active > .navigation-level-3, .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 .navigation-level-2 > li.is-active-parent > .navigation-level-3, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-2 > li.is-active-parent > .navigation-level-3 {
  display: block;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-2 > li.is-active > a {
  color: #313141;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-3 {
  display: none;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-3 > li > a {
  padding: 2rem;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-3 > li.is-open > a, .offcanvas-menu-wrapper .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-3 > li.is-active > a, .sidebar-wrapper .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-3 > li.is-active > a, .offcanvas-menu-wrapper .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-3 > li.is-active-parent > a, .sidebar-wrapper .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-3 > li.is-active-parent > a, .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 .navigation-level-3 > li.is-active > a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-3 > li.is-active > a, .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 .navigation-level-3 > li.is-active-parent > a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-3 > li.is-active-parent > a {
  color: #313141;
  font-weight: bold;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-3 > li.is-open > .navigation-level-4, .offcanvas-menu-wrapper .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-3 > li.is-active > .navigation-level-4, .sidebar-wrapper .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-3 > li.is-active > .navigation-level-4, .offcanvas-menu-wrapper .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-3 > li.is-active-parent > .navigation-level-4, .sidebar-wrapper .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-3 > li.is-active-parent > .navigation-level-4, .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 .navigation-level-3 > li.is-active > .navigation-level-4, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-3 > li.is-active > .navigation-level-4, .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 .navigation-level-3 > li.is-active-parent > .navigation-level-4, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-3 > li.is-active-parent > .navigation-level-4 {
  display: block;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-3 > li.is-active > a {
  color: #313141;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-4 {
  display: none;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-4 > li > a {
  padding: 2rem;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-4 > li.is-open > a, .offcanvas-menu-wrapper .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-4 > li.is-active > a, .sidebar-wrapper .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-4 > li.is-active > a, .offcanvas-menu-wrapper .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-4 > li.is-active-parent > a, .sidebar-wrapper .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-4 > li.is-active-parent > a, .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 .navigation-level-4 > li.is-active > a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-4 > li.is-active > a, .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 .navigation-level-4 > li.is-active-parent > a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-4 > li.is-active-parent > a {
  color: #171717;
  padding: 2rem;
  font-weight: bold;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-4 > li.is-open > .navigation-level-5, .offcanvas-menu-wrapper .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-4 > li.is-active > .navigation-level-5, .sidebar-wrapper .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-4 > li.is-active > .navigation-level-5, .offcanvas-menu-wrapper .sidebar-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-4 > li.is-active-parent > .navigation-level-5, .sidebar-wrapper .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 .navigation-level-4 > li.is-active-parent > .navigation-level-5, .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 .navigation-level-4 > li.is-active > .navigation-level-5, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-4 > li.is-active > .navigation-level-5, .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 .navigation-level-4 > li.is-active-parent > .navigation-level-5, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-4 > li.is-active-parent > .navigation-level-5 {
  display: block;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-4 > li.is-active > a {
  color: #313141;
}

.offcanvas-menu-close, .offcanvas-menu-open .offcanvas-menu-trigger {
  display: none;
}

.offcanvas-menu-open .offcanvas-menu-close {
  display: flex;
}

html, body {
  max-width: 100%;
  margin: 0;
  padding: 0;
}

html {
  max-width: 100%;
  font-size: 10px;
  overflow-x: hidden;
}

html.offcanvas-menu-open, html.search-open {
  overflow: hidden;
}

html.has-critical .content, html.has-critical #content {
  opacity: 0;
  visibility: hidden;
}

html.has-critical .opc-pageloader {
  z-index: 9;
  background-color: #fff;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
}

html.has-critical .opc-pageloader:before {
  content: "";
  z-index: 9;
  pointer-events: none;
  opacity: 1;
  background: none;
  border: 2px solid #0000;
  border-top-color: #313141;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  transition: opacity .4s ease-in-out;
  animation-name: rotater;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  display: block;
  position: absolute;
  top: calc(50vh - 3rem);
  left: calc(50vw - 3rem);
}

body {
  color: #171717;
  background: #f2f2f2;
  flex-direction: column;
  max-width: 100%;
  height: 100%;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 1.6rem;
  font-weight: 200;
  line-height: 1.5;
  display: flex;
}

.viewport {
  flex-direction: column;
  min-height: 100vh;
  display: flex;
}

.content:after {
  content: "";
  clear: both;
  width: 100%;
  display: block;
}

.content {
  background: #f2f2f2;
  flex-grow: 1;
}

.content .opc-content-loading {
  z-index: 99999;
  background-color: #0003;
  width: 100%;
  height: 100%;
  margin: 0;
  position: fixed;
  inset: 0;
}

.content .opc-content-loading .loading-checkout {
  background: #fff;
  width: calc(100% - 2rem);
  padding: 2rem;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -100%);
}

@media only screen and (width >= 800px) {
  .content .opc-content-loading .loading-checkout {
    width: 500px;
  }
}

.content-grid {
  grid-template: "content"
  / 1fr;
  gap: 16px;
  display: grid;
}

@media only screen and (width >= 800px) {
  .content-grid {
    gap: 32px 16px;
  }
}

@media only screen and (width >= 1024px) {
  .content-grid {
    gap: 32px 24px;
  }

  .content-grid[data-art-grid="account"] {
    grid-template-columns: 1fr 5fr;
    grid-template-areas: "sidebar content";
  }
}

.content-grid[data-art-grid="account"] .content-wrapper {
  row-gap: 0;
  margin-top: 48px;
}

.content-grid[data-art-grid="detail"] {
  grid-template-columns: 1fr;
  grid-template-areas: "image"
                       "informations"
                       "actions"
                       "specs";
  row-gap: 32px;
}

@media only screen and (width >= 640px) {
  .content-grid[data-art-grid="detail"] {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "image informations"
                         "image actions"
                         "image specs";
    column-gap: 32px;
  }
}

@media only screen and (width >= 1024px) {
  .content-grid[data-art-grid="detail"] {
    grid-template-columns: 5fr 3fr 4fr;
    grid-template-areas: "image informations informations"
                         "image actions ."
                         "image specs specs";
    column-gap: 64px;
  }
}

.content-grid .sidebar-wrapper {
  grid-area: sidebar;
  padding-block: 32px;
  display: none;
}

@media only screen and (width >= 1024px) {
  .content-grid .sidebar-wrapper {
    padding-block: 48px;
    display: block;
  }
}

.content-grid .content-wrapper {
  flex-direction: column;
  flex: 1 0 0;
  grid-area: content;
  justify-content: center;
  gap: 64px;
  margin-bottom: 64px;
  padding-block: 0;
  padding-inline: 20px;
  display: flex;
}

@media only screen and (width >= 640px) {
  .content-grid .content-wrapper {
    gap: 72px;
    margin-bottom: 72px;
    padding-inline: 36px;
  }
}

@media only screen and (width >= 1024px) {
  .content-grid .content-wrapper {
    gap: 128px;
    margin-bottom: 128px;
    padding-inline: 48px;
  }
}

.content-grid .brand-highlight-wrapper {
  grid-area: brand;
}

.is-hidden, .hidden {
  display: none !important;
}

input, select, button, textarea {
  border-radius: 1px;
}

.footer {
  color: #fff;
  background: #171717;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.footer__inner {
  padding: 44px 20px;
  flex-direction: column;
  width: 100%;
  max-width: 1400px;
  padding-bottom: 0;
  display: flex;
}

@media only screen and (width >= 640px) {
  .footer__inner {
    padding: 88px 48px 0;
  }
}

@media only screen and (width >= 1024px) {
  .footer__inner {
    padding-inline: 144px;
  }
}

.footer__top {
  background-color: #2a2a2a;
  border: 1px solid #494949;
  border-radius: 12px;
  padding: 24px;
}

@media only screen and (width >= 640px) {
  .footer__top {
    padding: 48px;
  }
}

.footer__bottom {
  flex-direction: column-reverse;
  align-items: center;
  row-gap: 24px;
  margin: 24px 16px 32px;
  display: flex;
}

@media only screen and (width >= 640px) {
  .footer__bottom {
    flex-direction: row;
    justify-content: space-between;
    margin-block: 32px 48px;
  }
}

.footer__nav {
  flex-direction: column;
  row-gap: 16px;
  display: flex;
}

.footer__content {
  grid-template-columns: 1fr;
  display: grid;
}

@media only screen and (width >= 640px) {
  .footer__content {
    grid-template-columns: repeat(2, 1fr);
    gap: 48px 32px;
  }
}

@media only screen and (width >= 1024px) {
  .footer__content {
    grid-template-columns: repeat(4, 1fr);
  }
}

.footer__socials {
  flex-direction: row;
  column-gap: 12px;
  display: flex;
}

.footer__socials-icon {
  width: 24px;
  height: 24px;
  position: relative;
}

.footer__socials-icon:after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  display: flex;
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 0;
  transform: translateY(-50%);
}

.footer__socials-icon--instagram:after {
  background: url("op-icon-instagram.a04cdc97.svg") 0 0 / contain no-repeat;
}

.footer__socials-icon--linkedin:after {
  background: url("op-icon-linkedin.c207225f.svg") 0 0 / contain no-repeat;
}

.footer__socials-icon--youtube:after {
  background: url("op-icon-youtube.1a1aa0ad.svg") 0 0 / contain no-repeat;
}

.footer__legals {
  flex-direction: row;
  column-gap: 24px;
  display: flex;
}

.footer__col {
  flex-direction: column;
  row-gap: 24px;
  margin-bottom: 24px;
  display: flex;
}

@media only screen and (width >= 640px) {
  .footer__col {
    margin-bottom: 0;
  }
}

.footer .accordion-tab {
  border: none !important;
}

.footer .accordion-tab.is-open [data-art-action="expand"], .footer .sidebar-wrapper .opc-navigation .navigation-level-1 li.accordion-tab.is-active [data-art-action="expand"], .sidebar-wrapper .opc-navigation .navigation-level-1 .footer li.accordion-tab.is-active [data-art-action="expand"], .footer .sidebar-wrapper .opc-navigation .navigation-level-1 li.accordion-tab.is-active-parent [data-art-action="expand"], .sidebar-wrapper .opc-navigation .navigation-level-1 .footer li.accordion-tab.is-active-parent [data-art-action="expand"], .footer .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.accordion-tab.is-active [data-art-action="expand"], .sidebar-wrapper .opc-navigation-add .navigation-level-1 .footer li.accordion-tab.is-active [data-art-action="expand"], .footer .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.accordion-tab.is-active-parent [data-art-action="expand"], .sidebar-wrapper .opc-navigation-add .navigation-level-1 .footer li.accordion-tab.is-active-parent [data-art-action="expand"] {
  transform: rotate(-180deg);
}

.footer .accordion-tab [data-art-action="expand"], .footer .accordion-tab [data-art-action="expand"]:hover {
  color: #fff;
}

@media only screen and (width >= 640px) {
  .footer .accordion-tab [data-art-action="expand"] {
    display: none !important;
  }

  .footer .accordion-tab .accordion-content {
    margin-bottom: 0;
    display: flex !important;
  }
}

.footer .accordion-tab .accordion-title {
  margin-bottom: 16px;
}

.section-wrapper {
  max-width: 100%;
  padding-top: 10.6667px;
  padding-bottom: 10.6667px;
  overflow: visible !important;
}

@media only screen and (width >= 640px) {
  .section-wrapper {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

@media only screen and (width >= 800px) {
  .section-wrapper {
    padding-top: 21.3333px;
    padding-bottom: 21.3333px;
  }
}

@media only screen and (width >= 1024px) {
  .section-wrapper {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

.section-wrapper.no-padding {
  padding: 0 !important;
}

.section-wrapper .section-inner:after {
  content: "";
  clear: both;
  width: 100%;
  display: block;
}

@media only screen and (width >= 800px) {
  .section-wrapper .section-inner .section-inner-row {
    clear: both;
  }

  .section-wrapper .section-inner .section-inner-row:after {
    content: " ";
    clear: both;
    display: block;
  }

  .section-wrapper .section-inner .section-inner-row {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.section-wrapper .section-inner .section-inner-row .section-inner-aside {
  width: 100%;
  margin-bottom: 2rem;
}

@media only screen and (width >= 800px) {
  .section-wrapper .section-inner .section-inner-row .section-inner-aside {
    box-sizing: border-box;
    float: left;
    width: 25%;
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.section-wrapper .section-inner .section-inner-row .section-inner-content {
  width: 100%;
}

@media only screen and (width >= 800px) {
  .section-wrapper .section-inner .section-inner-row .section-inner-content {
    box-sizing: border-box;
    float: left;
    width: 75%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.page-checkout h1 {
  margin-bottom: 20px;
  font-size: 36px;
}

.page-checkout .content-box {
  background: #fff;
  border: none;
  border-radius: 12px;
}

.page-checkout .content-box .content-box-head {
  padding: 2rem;
  position: relative;
}

.page-checkout .content-box .content-box-head h2 {
  margin: 0 0 1rem;
  padding: 0;
  font-size: 24px;
}

.page-checkout .content-box .content-box-head h2 span {
  font-size: 3rem;
  font-size: inherit;
  width: 3rem;
  margin-right: 0;
  display: inline-block;
}

.page-checkout .content-box .content-box-head .content-box-signalisation {
  text-align: center;
  align-items: center;
  font-size: 2rem;
  line-height: 2rem;
  display: flex;
  position: absolute;
  top: 2rem;
  right: 2rem;
}

.page-checkout .content-box .content-box-head .content-box-signalisation svg {
  color: #127f58;
  margin-left: 2rem;
}

.page-checkout .content-box .content-box-head .content-box-signalisation .opc-button, .page-checkout .content-box .content-box-head .content-box-signalisation .opc-favorite-button, .page-checkout .content-box .content-box-head .content-box-signalisation .opc-compare-button, .page-checkout .content-box .content-box-head .content-box-signalisation .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-checkout .content-box .content-box-head .content-box-signalisation .notifications-ok, .page-checkout .content-box .content-box-head .content-box-signalisation .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-checkout .content-box .content-box-head .content-box-signalisation .notifications-cancel, .page-checkout .content-box .content-box-head .content-box-signalisation .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .page-checkout .content-box .content-box-head .content-box-signalisation a {
  opacity: 1;
  visibility: visible;
}

.page-checkout .content-box .content-box-head .content-box-signalisation svg {
  opacity: 1;
  transition: all .4s ease-in-out;
}

.page-checkout .content-box .content-box-head .content-box-head-subline {
  opacity: 1;
  padding: 0 0 0 3rem;
}

.page-checkout .content-box .content-box-head .content-box-head-subline span {
  margin-bottom: .5rem;
  margin-right: 2rem;
  display: inline-block;
}

.page-checkout .content-box .content-box-head .content-box-head-subline span:last-of-type {
  margin-bottom: 0;
}

.page-checkout .content-box.is-open .content-box-head, .page-checkout .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box.is-active .content-box-head, .sidebar-wrapper .opc-navigation .navigation-level-1 .page-checkout li.content-box.is-active .content-box-head, .page-checkout .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box.is-active-parent .content-box-head, .sidebar-wrapper .opc-navigation .navigation-level-1 .page-checkout li.content-box.is-active-parent .content-box-head, .page-checkout .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box.is-active .content-box-head, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-checkout li.content-box.is-active .content-box-head, .page-checkout .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box.is-active-parent .content-box-head, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-checkout li.content-box.is-active-parent .content-box-head {
  padding-bottom: 0;
}

.page-checkout .content-box.is-open .content-box-head .content-box-toggler, .page-checkout .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box.is-active .content-box-head .content-box-toggler, .sidebar-wrapper .opc-navigation .navigation-level-1 .page-checkout li.content-box.is-active .content-box-head .content-box-toggler, .page-checkout .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box.is-active-parent .content-box-head .content-box-toggler, .sidebar-wrapper .opc-navigation .navigation-level-1 .page-checkout li.content-box.is-active-parent .content-box-head .content-box-toggler, .page-checkout .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box.is-active .content-box-head .content-box-toggler, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-checkout li.content-box.is-active .content-box-head .content-box-toggler, .page-checkout .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box.is-active-parent .content-box-head .content-box-toggler, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-checkout li.content-box.is-active-parent .content-box-head .content-box-toggler {
  transform: translateY(-50%) rotate(-180deg);
}

.page-checkout .content-box.is-open .content-box-head .content-box-head-subline, .page-checkout .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box.is-active .content-box-head .content-box-head-subline, .sidebar-wrapper .opc-navigation .navigation-level-1 .page-checkout li.content-box.is-active .content-box-head .content-box-head-subline, .page-checkout .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box.is-active-parent .content-box-head .content-box-head-subline, .sidebar-wrapper .opc-navigation .navigation-level-1 .page-checkout li.content-box.is-active-parent .content-box-head .content-box-head-subline, .page-checkout .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box.is-active .content-box-head .content-box-head-subline, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-checkout li.content-box.is-active .content-box-head .content-box-head-subline, .page-checkout .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box.is-active-parent .content-box-head .content-box-head-subline, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-checkout li.content-box.is-active-parent .content-box-head .content-box-head-subline {
  opacity: 0;
  visibility: hidden;
  height: 0;
}

.page-checkout .content-box.is-open .content-box-head .content-box-signalisation .opc-button, .page-checkout .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box.is-active .content-box-head .content-box-signalisation .opc-button, .sidebar-wrapper .opc-navigation .navigation-level-1 .page-checkout li.content-box.is-active .content-box-head .content-box-signalisation .opc-button, .page-checkout .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box.is-active-parent .content-box-head .content-box-signalisation .opc-button, .sidebar-wrapper .opc-navigation .navigation-level-1 .page-checkout li.content-box.is-active-parent .content-box-head .content-box-signalisation .opc-button, .page-checkout .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box.is-active .content-box-head .content-box-signalisation .opc-button, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-checkout li.content-box.is-active .content-box-head .content-box-signalisation .opc-button, .page-checkout .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box.is-active-parent .content-box-head .content-box-signalisation .opc-button, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-checkout li.content-box.is-active-parent .content-box-head .content-box-signalisation .opc-button, .page-checkout .content-box.is-open .content-box-head .content-box-signalisation .opc-favorite-button, .page-checkout .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box.is-active .content-box-head .content-box-signalisation .opc-favorite-button, .sidebar-wrapper .opc-navigation .navigation-level-1 .page-checkout li.content-box.is-active .content-box-head .content-box-signalisation .opc-favorite-button, .page-checkout .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box.is-active-parent .content-box-head .content-box-signalisation .opc-favorite-button, .sidebar-wrapper .opc-navigation .navigation-level-1 .page-checkout li.content-box.is-active-parent .content-box-head .content-box-signalisation .opc-favorite-button, .page-checkout .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box.is-active .content-box-head .content-box-signalisation .opc-favorite-button, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-checkout li.content-box.is-active .content-box-head .content-box-signalisation .opc-favorite-button, .page-checkout .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box.is-active-parent .content-box-head .content-box-signalisation .opc-favorite-button, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-checkout li.content-box.is-active-parent .content-box-head .content-box-signalisation .opc-favorite-button, .page-checkout .content-box.is-open .content-box-head .content-box-signalisation .opc-compare-button, .page-checkout .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box.is-active .content-box-head .content-box-signalisation .opc-compare-button, .sidebar-wrapper .opc-navigation .navigation-level-1 .page-checkout li.content-box.is-active .content-box-head .content-box-signalisation .opc-compare-button, .page-checkout .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box.is-active-parent .content-box-head .content-box-signalisation .opc-compare-button, .sidebar-wrapper .opc-navigation .navigation-level-1 .page-checkout li.content-box.is-active-parent .content-box-head .content-box-signalisation .opc-compare-button, .page-checkout .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box.is-active .content-box-head .content-box-signalisation .opc-compare-button, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-checkout li.content-box.is-active .content-box-head .content-box-signalisation .opc-compare-button, .page-checkout .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box.is-active-parent .content-box-head .content-box-signalisation .opc-compare-button, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-checkout li.content-box.is-active-parent .content-box-head .content-box-signalisation .opc-compare-button, .page-checkout .content-box.is-open .content-box-head .content-box-signalisation .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-checkout .content-box.is-open .content-box-head .content-box-signalisation .notifications-ok, .page-checkout .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box.is-active .content-box-head .content-box-signalisation .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-checkout .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box.is-active .content-box-head .content-box-signalisation .notifications-ok, .sidebar-wrapper .opc-navigation .navigation-level-1 .page-checkout li.content-box.is-active .content-box-head .content-box-signalisation .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .sidebar-wrapper .opc-navigation .navigation-level-1 .page-checkout li.content-box.is-active .content-box-head .content-box-signalisation .notifications-ok, .page-checkout .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box.is-active-parent .content-box-head .content-box-signalisation .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-checkout .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box.is-active-parent .content-box-head .content-box-signalisation .notifications-ok, .sidebar-wrapper .opc-navigation .navigation-level-1 .page-checkout li.content-box.is-active-parent .content-box-head .content-box-signalisation .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .sidebar-wrapper .opc-navigation .navigation-level-1 .page-checkout li.content-box.is-active-parent .content-box-head .content-box-signalisation .notifications-ok, .page-checkout .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box.is-active .content-box-head .content-box-signalisation .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-checkout .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box.is-active .content-box-head .content-box-signalisation .notifications-ok, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-checkout li.content-box.is-active .content-box-head .content-box-signalisation .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-checkout li.content-box.is-active .content-box-head .content-box-signalisation .notifications-ok, .page-checkout .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box.is-active-parent .content-box-head .content-box-signalisation .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-checkout .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box.is-active-parent .content-box-head .content-box-signalisation .notifications-ok, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-checkout li.content-box.is-active-parent .content-box-head .content-box-signalisation .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-checkout li.content-box.is-active-parent .content-box-head .content-box-signalisation .notifications-ok, .page-checkout .content-box.is-open .content-box-head .content-box-signalisation .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-checkout .content-box.is-open .content-box-head .content-box-signalisation .notifications-cancel, .page-checkout .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box.is-active .content-box-head .content-box-signalisation .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-checkout .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box.is-active .content-box-head .content-box-signalisation .notifications-cancel, .sidebar-wrapper .opc-navigation .navigation-level-1 .page-checkout li.content-box.is-active .content-box-head .content-box-signalisation .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .sidebar-wrapper .opc-navigation .navigation-level-1 .page-checkout li.content-box.is-active .content-box-head .content-box-signalisation .notifications-cancel, .page-checkout .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box.is-active-parent .content-box-head .content-box-signalisation .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-checkout .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box.is-active-parent .content-box-head .content-box-signalisation .notifications-cancel, .sidebar-wrapper .opc-navigation .navigation-level-1 .page-checkout li.content-box.is-active-parent .content-box-head .content-box-signalisation .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .sidebar-wrapper .opc-navigation .navigation-level-1 .page-checkout li.content-box.is-active-parent .content-box-head .content-box-signalisation .notifications-cancel, .page-checkout .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box.is-active .content-box-head .content-box-signalisation .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-checkout .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box.is-active .content-box-head .content-box-signalisation .notifications-cancel, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-checkout li.content-box.is-active .content-box-head .content-box-signalisation .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-checkout li.content-box.is-active .content-box-head .content-box-signalisation .notifications-cancel, .page-checkout .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box.is-active-parent .content-box-head .content-box-signalisation .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-checkout .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box.is-active-parent .content-box-head .content-box-signalisation .notifications-cancel, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-checkout li.content-box.is-active-parent .content-box-head .content-box-signalisation .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-checkout li.content-box.is-active-parent .content-box-head .content-box-signalisation .notifications-cancel, .page-checkout .content-box.is-open .content-box-head .content-box-signalisation .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .page-checkout .content-box.is-open .content-box-head .content-box-signalisation a, .page-checkout .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box.is-active .content-box-head .content-box-signalisation .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .page-checkout .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box.is-active .content-box-head .content-box-signalisation a, .sidebar-wrapper .opc-navigation .navigation-level-1 .page-checkout li.content-box.is-active .content-box-head .content-box-signalisation .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .sidebar-wrapper .opc-navigation .navigation-level-1 .page-checkout li.content-box.is-active .content-box-head .content-box-signalisation a, .page-checkout .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box.is-active-parent .content-box-head .content-box-signalisation .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .page-checkout .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box.is-active-parent .content-box-head .content-box-signalisation a, .sidebar-wrapper .opc-navigation .navigation-level-1 .page-checkout li.content-box.is-active-parent .content-box-head .content-box-signalisation .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .sidebar-wrapper .opc-navigation .navigation-level-1 .page-checkout li.content-box.is-active-parent .content-box-head .content-box-signalisation a, .page-checkout .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box.is-active .content-box-head .content-box-signalisation .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .page-checkout .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box.is-active .content-box-head .content-box-signalisation a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-checkout li.content-box.is-active .content-box-head .content-box-signalisation .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-checkout li.content-box.is-active .content-box-head .content-box-signalisation a, .page-checkout .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box.is-active-parent .content-box-head .content-box-signalisation .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .page-checkout .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box.is-active-parent .content-box-head .content-box-signalisation a, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-checkout li.content-box.is-active-parent .content-box-head .content-box-signalisation .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-checkout li.content-box.is-active-parent .content-box-head .content-box-signalisation a {
  opacity: 0;
  visibility: hidden;
}

.page-checkout .content-box.is-open .content-box-head .content-box-signalisation svg, .page-checkout .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box.is-active .content-box-head .content-box-signalisation svg, .sidebar-wrapper .opc-navigation .navigation-level-1 .page-checkout li.content-box.is-active .content-box-head .content-box-signalisation svg, .page-checkout .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box.is-active-parent .content-box-head .content-box-signalisation svg, .sidebar-wrapper .opc-navigation .navigation-level-1 .page-checkout li.content-box.is-active-parent .content-box-head .content-box-signalisation svg, .page-checkout .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box.is-active .content-box-head .content-box-signalisation svg, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-checkout li.content-box.is-active .content-box-head .content-box-signalisation svg, .page-checkout .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box.is-active-parent .content-box-head .content-box-signalisation svg, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-checkout li.content-box.is-active-parent .content-box-head .content-box-signalisation svg {
  opacity: 0;
}

.page-checkout .content-box.is-open .content-box-body, .page-checkout .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box.is-active .content-box-body, .sidebar-wrapper .opc-navigation .navigation-level-1 .page-checkout li.content-box.is-active .content-box-body, .page-checkout .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box.is-active-parent .content-box-body, .sidebar-wrapper .opc-navigation .navigation-level-1 .page-checkout li.content-box.is-active-parent .content-box-body, .page-checkout .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box.is-active .content-box-body, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-checkout li.content-box.is-active .content-box-body, .page-checkout .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box.is-active-parent .content-box-body, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-checkout li.content-box.is-active-parent .content-box-body {
  display: block;
}

.page-checkout .content-box .content-box-body {
  display: none;
}

.page-checkout .content-box .content-box-body .checkout-label-mobile-device {
  grid-template-areas: "delivery"
                       "price"
                       "decription";
  display: grid;
}

@media only screen and (width >= 800px) {
  .page-checkout .content-box .content-box-body .checkout-label-mobile-device {
    grid-template-areas: "delivery price"
                         "decription decription";
  }
}

.page-checkout .content-box .content-box-body .checkout-label-mobile-device .delivery-text {
  grid-area: delivery;
}

.page-checkout .content-box .content-box-body .checkout-label-mobile-device .price-text {
  position: unset;
  margin-left: unset;
  grid-area: price;
  column-gap: 4px;
  font-weight: 600;
  display: flex;
}

@media only screen and (width >= 800px) {
  .page-checkout .content-box .content-box-body .checkout-label-mobile-device .price-text {
    justify-content: end;
  }
}

.page-checkout .content-box .content-box-body .checkout-label-mobile-device .shipping-description {
  grid-area: decription;
}

.page-checkout .content-box .content-box-body .discount-selection .discount-code-controls {
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: "description description description description"
                       "input input input input"
                       "button button . .";
  column-gap: 16px;
  max-width: 550px;
  margin-bottom: 16px;
  padding-left: 3rem;
  display: grid;
}

@media only screen and (width >= 480px) {
  .page-checkout .content-box .content-box-body .discount-selection .discount-code-controls {
    grid-template-areas: "description description description description"
                         "input input input button";
  }
}

.page-checkout .content-box .content-box-body .discount-selection .discount-code-controls .disocunt-input-description {
  grid-area: description;
  margin: 0;
  font-size: 14px;
  font-weight: bolder;
}

.page-checkout .content-box .content-box-body .discount-selection .discount-code-controls .discount-input-field {
  grid-area: input;
  margin: 0;
}

.page-checkout .content-box .content-box-body .discount-selection .discount-code-controls .discount-redeem-btn {
  grid-area: button;
  width: fit-content;
  height: 100%;
  min-height: 32px;
  margin-top: 16px;
}

@media only screen and (width >= 480px) {
  .page-checkout .content-box .content-box-body .discount-selection .discount-code-controls .discount-redeem-btn {
    margin-top: unset;
  }
}

.page-checkout .content-box .content-box-body .guest-wrapper {
  flex-wrap: wrap;
  margin-left: -2rem;
  margin-right: -2rem;
  display: flex;
}

@media only screen and (width >= 800px) {
  .page-checkout .content-box .content-box-body .guest-wrapper {
    flex-wrap: nowrap;
  }
}

.page-checkout .content-box .content-box-body .guest-wrapper .guest-login-data, .page-checkout .content-box .content-box-body .guest-wrapper .guest-login-advantages {
  flex-grow: 1;
  flex-basis: 100%;
  width: 100%;
  padding: 2rem;
}

@media only screen and (width >= 800px) {
  .page-checkout .content-box .content-box-body .guest-wrapper .guest-login-data, .page-checkout .content-box .content-box-body .guest-wrapper .guest-login-advantages {
    flex-basis: 50%;
    width: 50%;
  }
}

.page-checkout .content-box .content-box-body .content-box-body-actions [data-op-isok="false"] {
  opacity: .3;
}

.page-checkout .content-box .content-box-body .content-box-body-actions .opc-button, .page-checkout .content-box .content-box-body .content-box-body-actions .opc-favorite-button, .page-checkout .content-box .content-box-body .content-box-body-actions .opc-compare-button, .page-checkout .content-box .content-box-body .content-box-body-actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-checkout .content-box .content-box-body .content-box-body-actions .notifications-ok, .page-checkout .content-box .content-box-body .content-box-body-actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-checkout .content-box .content-box-body .content-box-body-actions .notifications-cancel, .page-checkout .content-box .content-box-body .content-box-body-actions .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .page-checkout .content-box .content-box-body .content-box-body-actions a {
  display: inline-flex;
}

.page-checkout .content-box .content-box-body #agb-verification a {
  display: inline;
}

.page-checkout .content-box[data-op-isdone="true"] .content-box-signalisation {
  visibility: visible;
  opacity: 1;
}

.page-checkout .content-box[data-op-isdone="false"] .content-box-signalisation .opc-button, .page-checkout .content-box[data-op-isdone="false"] .content-box-signalisation .opc-favorite-button, .page-checkout .content-box[data-op-isdone="false"] .content-box-signalisation .opc-compare-button, .page-checkout .content-box[data-op-isdone="false"] .content-box-signalisation .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-checkout .content-box[data-op-isdone="false"] .content-box-signalisation .notifications-ok, .page-checkout .content-box[data-op-isdone="false"] .content-box-signalisation .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-checkout .content-box[data-op-isdone="false"] .content-box-signalisation .notifications-cancel, .page-checkout .content-box[data-op-isdone="false"] .content-box-signalisation .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .page-checkout .content-box[data-op-isdone="false"] .content-box-signalisation a {
  visibility: hidden;
  opacity: 0;
}

.page-checkout .content-box[data-op-isdone="false"] .content-box-signalisation .op-icon-check {
  color: #ddd;
}

.page-checkout .content-box[data-op-isdone="false"].is-open .content-box-signalisation, .page-checkout .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box[data-op-isdone="false"].is-active .content-box-signalisation, .sidebar-wrapper .opc-navigation .navigation-level-1 .page-checkout li.content-box[data-op-isdone="false"].is-active .content-box-signalisation, .page-checkout .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box[data-op-isdone="false"].is-active-parent .content-box-signalisation, .sidebar-wrapper .opc-navigation .navigation-level-1 .page-checkout li.content-box[data-op-isdone="false"].is-active-parent .content-box-signalisation, .page-checkout .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box[data-op-isdone="false"].is-active .content-box-signalisation, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-checkout li.content-box[data-op-isdone="false"].is-active .content-box-signalisation, .page-checkout .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box[data-op-isdone="false"].is-active-parent .content-box-signalisation, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-checkout li.content-box[data-op-isdone="false"].is-active-parent .content-box-signalisation {
  visibility: hidden;
  opacity: 0;
}

.page-checkout .checkout-addresses {
  flex-wrap: wrap;
  display: flex;
}

.page-checkout .checkout-addresses .shipping-address {
  width: 100%;
  padding: 15px;
}

@media only screen and (width >= 800px) {
  .page-checkout .checkout-addresses .shipping-address {
    width: 50%;
  }
}

.page-checkout .checkout-addresses .billing-address {
  width: 100%;
  padding: 15px;
}

@media only screen and (width >= 800px) {
  .page-checkout .checkout-addresses .billing-address {
    width: 50%;
  }
}

.page-checkout .checkout-addresses #address-form, .page-checkout .checkout-addresses #billing-address-form {
  border: 1px solid #eee;
  padding: 1rem;
  display: none;
}

.page-checkout .checkout-addresses #address-form .opc-col, .page-checkout .checkout-addresses #billing-address-form .opc-col {
  margin-bottom: 0;
}

.page-checkout .checkout-addresses .not-editable {
  color: #1a1a1a;
  background: #ccc;
}

.page-checkout .checkout-addresses #change-guest-address {
  margin-bottom: 1rem;
}

.page-checkout .checkout-addresses #checkout-form-guest-wrapper {
  display: none;
}

.page-checkout .checkout-addresses #checkout-form-guest-wrapper #checkout-form-guest {
  flex-wrap: wrap;
  display: flex;
}

@media only screen and (width >= 640px) {
  .page-checkout .checkout-addresses #checkout-form-guest-wrapper #checkout-form-guest {
    width: calc(100% + 2rem);
    margin-left: -1rem;
    margin-right: -1rem;
  }
}

.page-checkout .checkout-addresses #checkout-form-guest-wrapper #checkout-form-guest .opc-form-field {
  width: 100%;
}

@media only screen and (width >= 640px) {
  .page-checkout .checkout-addresses #checkout-form-guest-wrapper #checkout-form-guest .opc-form-field {
    width: calc(50% - 2rem);
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

@media only screen and (width >= 800px) {
  .page-checkout .checkout-addresses #checkout-form-guest-wrapper #checkout-form-guest .opc-form-field {
    width: calc(100% + 2rem);
  }
}

@media only screen and (width >= 1024px) {
  .page-checkout .checkout-addresses #checkout-form-guest-wrapper #checkout-form-guest .opc-form-field {
    width: calc(50% - 2rem);
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

.page-checkout .checkout-addresses #checkout-form-guest-wrapper #checkout-form-guest h3 {
  width: 100%;
}

@media only screen and (width >= 640px) {
  .page-checkout .checkout-addresses #checkout-form-guest-wrapper #checkout-form-guest h3 {
    padding-left: 1rem;
  }

  .page-checkout .checkout-addresses #checkout-form-guest-wrapper #checkout-form-guest .opc-button, .page-checkout .checkout-addresses #checkout-form-guest-wrapper #checkout-form-guest .opc-favorite-button, .page-checkout .checkout-addresses #checkout-form-guest-wrapper #checkout-form-guest .opc-compare-button, .page-checkout .checkout-addresses #checkout-form-guest-wrapper #checkout-form-guest .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-checkout .checkout-addresses #checkout-form-guest-wrapper #checkout-form-guest .notifications-ok, .page-checkout .checkout-addresses #checkout-form-guest-wrapper #checkout-form-guest .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-checkout .checkout-addresses #checkout-form-guest-wrapper #checkout-form-guest .notifications-cancel, .page-checkout .checkout-addresses #checkout-form-guest-wrapper #checkout-form-guest .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .page-checkout .checkout-addresses #checkout-form-guest-wrapper #checkout-form-guest a {
    margin-left: 1rem;
  }
}

.page-checkout .checkout-addresses #checkout-form-guest-wrapper #checkout-form-guest .form-footer .opc-form-field {
  width: 100%;
}

.page-checkout .checkout-addresses #checkout-form-guest-wrapper #checkout-form-guest button[type="submit"] {
  margin-bottom: 1rem;
}

.page-checkout .delivery-selection .opc-radio span {
  display: block;
}

.page-checkout .delivery-selection .opc-radio a {
  color: #00f;
  margin-top: .5rem;
  text-decoration: underline;
  display: block;
}

.page-checkout .delivery-selection .opc-radio .shipping-price {
  color: #171717;
  margin-left: 1rem;
  font-weight: bold;
  display: inline-block;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.page-checkout .delivery-selection .opc-radio .shipping-price span {
  margin-top: .5rem;
  display: inline-block;
}

.page-checkout .payment-selection .payment-text {
  font-weight: bold;
}

.page-checkout .payment-selection .payment-info {
  display: block;
}

.page-checkout .loading-wrapper {
  z-index: 1000;
  background: #fffc;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0;
}

.page-checkout .loading-wrapper .loading-box {
  background-color: #fff;
  border-radius: 8px;
  margin: 1rem;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 16px #0f142640;
}

.page-checkout .loading-wrapper .loading-box .loading-box-inner {
  border-bottom: 8px solid #f2b6cd;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding: 56px 48px;
  display: flex;
}

@media only screen and (width >= 800px) {
  .page-checkout .loading-wrapper .loading-box {
    min-width: 480px;
  }
}

.page-checkout .loading-wrapper .loading-box img {
  max-width: 115px;
}

.page-checkout .loading-wrapper .loading-box p {
  font-size: 16px;
}

.page-checkout .loading-wrapper .loading-box:before {
  content: "";
  background-color: #ba4f79;
  height: 8px;
  animation: 3s infinite increase;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

.page-checkout .loading-wrapper .loading-box:after {
  content: "";
  background-color: #ba4f79;
  height: 8px;
  animation: 3s .5s infinite decrease;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

.page-checkout .additional-fields-wrapper {
  width: max-content;
  margin-bottom: 15px;
}

.page-checkout .additional-fields-wrapper .checkout-summary-additionl-field {
  border: unset;
}

.page-checkout .additional-fields-wrapper .checkout-summary-additionl-field td {
  margin: 0;
  padding: 0;
}

.page-checkout .additional-fields-wrapper .checkout-summary-additionl-field td:first-of-type {
  width: max-content;
  padding-right: 32px;
  font-weight: 600;
}

@keyframes increase {
  from {
    width: 5%;
    left: -5%;
  }

  to {
    width: 100%;
    left: 130%;
  }
}

@keyframes decrease {
  from {
    width: 80%;
    left: -80%;
  }

  to {
    width: 10%;
    left: 110%;
  }
}

.content form .grecaptcha-badge {
  z-index: 100;
}

.page-details .section-wrapper {
  padding-block: 32px;
  padding-inline: 0;
}

.page-details .content-grid {
  position: relative;
}

.page-details .article-wrapper {
  display: contents;
}

.page-details .article-quantity {
  margin-top: 24px;
  margin-bottom: 0;
}

.page-details .article-flags {
  position: absolute;
  top: 0;
  left: 12px;
}

@media only screen and (width >= 800px) {
  .page-details .article-flags {
    left: 16px;
  }
}

.page-details .article-image {
  grid-area: image;
  justify-content: center;
  display: flex;
}

@media only screen and (width >= 640px) {
  .page-details .article-image {
    border-right: 1px solid #c7c7c7;
    padding-right: 32px;
  }
}

@media only screen and (width >= 1024px) {
  .page-details .article-image {
    padding-right: 64px;
  }
}

.page-details .article-price-on-demand {
  font-weight: 600;
}

.page-details .article-informations {
  grid-area: informations;
  position: relative;
  overflow: hidden;
}

.page-details .article-informations .article-flag {
  background-color: #fbc50a;
  align-items: center;
  width: fit-content;
  height: 24px;
  padding-inline: 8px;
  display: flex;
}

.page-details .article-informations .article-flag .flags {
  color: #171717;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.2rem;
}

.page-details .article-informations .article-your-price, .page-details .article-informations .article-default-price {
  align-items: flex-end;
  gap: 8px;
  display: flex;
}

.page-details .article-informations .article-default-price-value {
  color: #171717;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.8rem;
}

.page-details .article-informations .article-price-value {
  color: #171717;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 2.4rem;
  font-weight: 800;
  line-height: 2.4rem;
}

.page-details .article-informations .article-price-currency {
  color: #171717;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.page-details .article-informations .article-title {
  color: #171717;
  margin-top: 12px;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 3.2rem;
}

.page-details .article-informations .article-description-first-line {
  margin-top: 24px;
}

.page-details .article-informations .article-number, .page-details .article-informations .openline-number, .page-details .article-informations .article-abmessung {
  color: #171717;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
}

.page-details .article-informations .article-info {
  flex-direction: column;
  margin-block: 24px;
  display: flex;
}

.page-details .article-informations .article-info__item {
  flex-direction: row;
  column-gap: 4px;
  display: flex;
}

.page-details .article-informations .article-info__value {
  font-weight: 600;
}

.page-details .article-informations .article-abmessung {
  margin-bottom: 24px;
}

.page-details .article-informations .article-variation:last-of-type {
  margin-bottom: 12px;
}

.page-details .article-informations .article-information-showmore {
  background-color: #fff;
  justify-content: center;
  height: 3.2rem;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.page-details .article-informations .article-information-showmore .opc-button, .page-details .article-informations .article-information-showmore .opc-favorite-button, .page-details .article-informations .article-information-showmore .opc-compare-button, .page-details .article-informations .article-information-showmore .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-details .article-informations .article-information-showmore .notifications-ok, .page-details .article-informations .article-information-showmore .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-details .article-informations .article-information-showmore .notifications-cancel, .page-details .article-informations .article-information-showmore .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .page-details .article-informations .article-information-showmore a {
  width: fit-content;
  height: 100%;
  padding: 0;
  font-weight: 700;
  padding: 0 16px !important;
}

.page-details .article-informations .article-information-showmore .opc-button[data-op-action="show-more"]:before, .page-details .article-informations .article-information-showmore [data-op-action="show-more"].opc-favorite-button:before, .page-details .article-informations .article-information-showmore [data-op-action="show-more"].opc-compare-button:before, .page-details .article-informations .article-information-showmore .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-action="show-more"].notifications-ok:before, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-details .article-informations .article-information-showmore [data-op-action="show-more"].notifications-ok:before, .page-details .article-informations .article-information-showmore .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-action="show-more"].notifications-cancel:before, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-details .article-informations .article-information-showmore [data-op-action="show-more"].notifications-cancel:before, .page-details .article-informations .article-information-showmore .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-action="show-more"]:before, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .page-details .article-informations .article-information-showmore a[data-op-action="show-more"]:before {
  content: "";
  width: 100%;
  height: 1.6rem;
  position: absolute;
  top: -1.6rem;
}

@media only screen and (width >= 800px) {
  .page-details .article-informations--expanded {
    max-height: unset;
  }
}

.page-details .article-informations .article-additional-informations .additional-information {
  padding-top: 3px;
  padding-bottom: 3px;
}

.page-details .article-informations .article-additional-informations .additional-information p {
  grid-template-columns: 150px auto;
  line-height: 1rem;
  display: grid;
}

.page-details .article-basket-button-container {
  flex-direction: column;
  gap: 16px;
  width: 100%;
  display: flex;
}

.page-details .article-basket-button-container .opc-basket-button {
  flex-direction: column;
  row-gap: 8px;
  display: flex;
}

.page-details .article-basket-button-container .opc-basket-button button[data-op-btnaction="add"] {
  margin-top: 8px;
}

.page-details .article-basket-button-container .article-informations {
  padding-bottom: 1rem !important;
  display: block !important;
}

.page-details .article-basket-button-container .article-informations--article-prices {
  align-items: flex-end;
  gap: 8px;
  display: flex !important;
}

.page-details .article-actions {
  grid-area: actions;
  align-self: end;
}

.page-details .article-actions .article-action-buttons-container {
  column-gap: 8px;
  width: 100%;
  display: flex;
}

.page-details .article-actions .article-action-buttons-container button {
  width: 100%;
}

.page-details .article-specs {
  grid-area: specs;
}

.page-details .article-specs .accordion-tab, .page-details .article-specs .accordion-tab--always-open {
  cursor: pointer;
  padding: 12px;
}

.page-details .article-specs .accordion-tab .accordion-title, .page-details .article-specs .accordion-tab--always-open .accordion-title {
  font-size: 16px;
}

.page-details .article-specs .accordion-tab.is-open .accordion-title, .page-details .article-specs .sidebar-wrapper .opc-navigation .navigation-level-1 li.accordion-tab.is-active .accordion-title, .sidebar-wrapper .opc-navigation .navigation-level-1 .page-details .article-specs li.accordion-tab.is-active .accordion-title, .page-details .article-specs .sidebar-wrapper .opc-navigation .navigation-level-1 li.accordion-tab.is-active-parent .accordion-title, .sidebar-wrapper .opc-navigation .navigation-level-1 .page-details .article-specs li.accordion-tab.is-active-parent .accordion-title, .page-details .article-specs .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.accordion-tab.is-active .accordion-title, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-details .article-specs li.accordion-tab.is-active .accordion-title, .page-details .article-specs .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.accordion-tab.is-active-parent .accordion-title, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-details .article-specs li.accordion-tab.is-active-parent .accordion-title, .page-details .article-specs .accordion-tab--always-open.is-open .accordion-title, .page-details .article-specs .sidebar-wrapper .opc-navigation .navigation-level-1 li.accordion-tab--always-open.is-active .accordion-title, .sidebar-wrapper .opc-navigation .navigation-level-1 .page-details .article-specs li.accordion-tab--always-open.is-active .accordion-title, .page-details .article-specs .sidebar-wrapper .opc-navigation .navigation-level-1 li.accordion-tab--always-open.is-active-parent .accordion-title, .sidebar-wrapper .opc-navigation .navigation-level-1 .page-details .article-specs li.accordion-tab--always-open.is-active-parent .accordion-title, .page-details .article-specs .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.accordion-tab--always-open.is-active .accordion-title, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-details .article-specs li.accordion-tab--always-open.is-active .accordion-title, .page-details .article-specs .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.accordion-tab--always-open.is-active-parent .accordion-title, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-details .article-specs li.accordion-tab--always-open.is-active-parent .accordion-title {
  margin-bottom: 12px;
}

.page-details .article-description {
  color: #171717;
  max-height: 9.6rem;
  font-family: franklin-gothic-atf, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
  overflow: hidden;
}

.page-details .article-description--expanded {
  max-height: unset;
}

.page-details .article-button-show-more {
  border: unset;
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  height: 28px;
  margin-top: 8px;
  display: none;
  position: relative;
}

.page-details .article-button-show-more--visible {
  display: flex;
}

.page-details .article-button-show-more .article-hide-group {
  display: none;
}

.page-details .article-button-show-more:after {
  content: "";
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.page-details .article-button-show-more .click-area {
  content: "";
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.page-details .article-button-show-more span {
  font-size: 1.6rem;
  line-height: 1.6rem;
}

.page-details .article-downloads {
  flex-direction: column;
  padding-left: 12px;
  display: flex;
}

.page-details .article-connected-1 {
  grid-area: connected-1;
}

.page-details .article-connected-2 {
  grid-area: connected-2;
}

.page-details .article-connected-3 {
  grid-area: connected-3;
}

.page-details .article-wrapper .article-informations {
  flex-direction: column;
  display: flex;
}

.page-details .article-wrapper .article-informations .article-quantity-table {
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 16px;
  margin-top: 16px;
  display: grid;
}

.page-details .article-wrapper .article-informations .article-quantity-table span {
  border-bottom: 1px solid #ecf0f4;
}

.page-details .article-wrapper .article-informations .article-quantity-table__amount, .page-details .article-wrapper .article-informations .article-quantity-table__price {
  text-align: right;
  font-weight: 600;
}

.page-details .article-wrapper .article-informations .article-picto img {
  margin-right: .5rem;
}

.page-details .article-wrapper .article-informations .article-quantity-table-hide {
  display: none;
}

.page-details .article-wrapper .article-informations .article-list-item-variation button {
  opacity: 1 !important;
  color: #171717 !important;
  background: #e8e9ea !important;
  border: none !important;
}

.page-details .article-wrapper .article-informations .article-list-item-variation button:hover, .page-details .article-wrapper .article-informations .article-list-item-variation button:focus {
  color: #171717 !important;
  background: #c7c7c7 !important;
}

.page-details .article-wrapper .article-informations .article-list-item-variation button.is-active {
  color: #dea100 !important;
}

.page-details .article-wrapper .article-informations .article-list-item-variation button .color-icon {
  border-radius: 50%;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  display: block;
}

.page-details .article-actions {
  flex-wrap: wrap;
  row-gap: 8px;
  display: flex;
}

.page-details .article-actions .article-stockinformation {
  width: 100%;
  display: flex;
}

.page-details .article-actions .article-stockinformation .low-stock-warning {
  border-radius: 4px;
  margin-bottom: 8px;
  margin-left: 8px;
  padding: 4px 8px;
  font-size: 12px;
}

.page-details .basket-button-quantity {
  height: 32px !important;
}

.set-item-list {
  margin: 0;
  padding: 0;
  font-size: 14px;
  list-style: none;
}

.set-item-element {
  border-bottom: 1px solid #e8e9ea;
  grid-template-columns: 1fr;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  display: grid;
}

@media only screen and (width >= 800px) {
  .set-item-element {
    grid-template-columns: 1fr 4fr 1fr 1fr;
  }
}

.set-item-element:not(.list-header):hover {
  background-color: #f2f2f2;
}

@media only screen and (width >= 800px) {
  .set-item-element .quantity {
    place-self: end;
  }
}

.set-item-element.list-header {
  font-weight: 700;
  display: none;
}

@media only screen and (width >= 800px) {
  .set-item-element.list-header {
    display: grid;
  }
}

.set-item-element .article-number {
  font-weight: 700;
}

@media only screen and (width >= 800px) {
  .set-item-element .article-number {
    font-weight: 400;
  }
}

.low-stock-warning {
  display: none;
}

.page-details .stock-detail .low-stock-warning {
  display: flex;
}

.page-register-login h1 {
  visibility: hidden;
  pointer-events: none;
  height: 0;
  position: absolute;
  top: 0;
  overflow: hidden;
}

.page-register-login h1, .page-register-login h2, .page-register-login h3 {
  font-family: Roboto, sans-serif;
  font-size: 36px;
  font-weight: 700;
}

.page-register-login .opc-button.fullwidth, .page-register-login .fullwidth.opc-favorite-button, .page-register-login .fullwidth.opc-compare-button, .page-register-login .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .fullwidth.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-register-login .fullwidth.notifications-ok, .page-register-login .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .fullwidth.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-register-login .fullwidth.notifications-cancel, .page-register-login .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a.fullwidth, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .page-register-login a.fullwidth {
  text-align: center;
  width: 100%;
}

@media only screen and (width >= 800px) {
  .page-register-login .opc-button.fullwidth, .page-register-login .fullwidth.opc-favorite-button, .page-register-login .fullwidth.opc-compare-button, .page-register-login .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .fullwidth.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-register-login .fullwidth.notifications-ok, .page-register-login .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .fullwidth.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-register-login .fullwidth.notifications-cancel, .page-register-login .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a.fullwidth, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .page-register-login a.fullwidth {
    width: auto;
  }
}

.page-register-login .content-box .content-box-body .content-box-slide-content {
  opacity: 0;
  height: 0;
  transition: all .4s ease-in-out;
  display: block;
  overflow: hidden;
}

.page-register-login .content-box .content-box-body .content-box-slide-content.is-open, .page-register-login .content-box .content-box-body .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box-slide-content.is-active, .sidebar-wrapper .opc-navigation .navigation-level-1 .page-register-login .content-box .content-box-body li.content-box-slide-content.is-active, .page-register-login .content-box .content-box-body .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box-slide-content.is-active-parent, .sidebar-wrapper .opc-navigation .navigation-level-1 .page-register-login .content-box .content-box-body li.content-box-slide-content.is-active-parent, .page-register-login .content-box .content-box-body .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box-slide-content.is-active, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-register-login .content-box .content-box-body li.content-box-slide-content.is-active, .page-register-login .content-box .content-box-body .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box-slide-content.is-active-parent, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-register-login .content-box .content-box-body li.content-box-slide-content.is-active-parent {
  opacity: 1;
}

.page-register-login .content-box .content-box-body .content-box-slide-content.is-open + button, .page-register-login .content-box .content-box-body .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box-slide-content.is-active + button, .sidebar-wrapper .opc-navigation .navigation-level-1 .page-register-login .content-box .content-box-body li.content-box-slide-content.is-active + button, .page-register-login .content-box .content-box-body .sidebar-wrapper .opc-navigation .navigation-level-1 li.content-box-slide-content.is-active-parent + button, .sidebar-wrapper .opc-navigation .navigation-level-1 .page-register-login .content-box .content-box-body li.content-box-slide-content.is-active-parent + button, .page-register-login .content-box .content-box-body .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box-slide-content.is-active + button, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-register-login .content-box .content-box-body li.content-box-slide-content.is-active + button, .page-register-login .content-box .content-box-body .sidebar-wrapper .opc-navigation-add .navigation-level-1 li.content-box-slide-content.is-active-parent + button, .sidebar-wrapper .opc-navigation-add .navigation-level-1 .page-register-login .content-box .content-box-body li.content-box-slide-content.is-active-parent + button {
  display: none;
}

.page-register-login .reg-selection-type label {
  justify-content: center;
  display: flex;
}

.page-register-login .reg-selection-type label .reg-type-icon {
  align-items: center;
  display: flex;
}

.page-register-login .reg-selection-type label .reg-type-icon svg {
  margin-right: 0;
}

@media only screen and (width >= 800px) {
  .page-register-login .reg-selection-type label .reg-type-icon {
    display: none;
  }
}

.page-register-login .reg-selection-type label .reg-type-text {
  display: none;
}

@media only screen and (width >= 800px) {
  .page-register-login .reg-selection-type label .reg-type-text {
    display: block;
  }
}

.form-footer {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  display: flex;
}

#register-form-addr, #register-form-contact, #register-form-guest {
  flex-wrap: wrap;
  display: flex;
}

@media only screen and (width >= 640px) {
  #register-form-addr, #register-form-contact, #register-form-guest {
    width: calc(100% + 2rem);
    margin-left: -1rem;
    margin-right: -1rem;
  }
}

#register-form-addr .opc-form-field, #register-form-contact .opc-form-field, #register-form-guest .opc-form-field {
  width: 100%;
}

@media only screen and (width >= 640px) {
  #register-form-addr .opc-form-field, #register-form-contact .opc-form-field, #register-form-guest .opc-form-field {
    width: calc(50% - 2rem);
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

@media only screen and (width >= 800px) {
  #register-form-addr .opc-form-field, #register-form-contact .opc-form-field, #register-form-guest .opc-form-field {
    width: calc(100% + 2rem);
  }
}

@media only screen and (width >= 1024px) {
  #register-form-addr .opc-form-field, #register-form-contact .opc-form-field, #register-form-guest .opc-form-field {
    width: calc(50% - 2rem);
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

#register-form-addr h3, #register-form-contact h3, #register-form-guest h3 {
  width: 100%;
}

@media only screen and (width >= 640px) {
  #register-form-addr h3, #register-form-contact h3, #register-form-guest h3 {
    padding-left: 1rem;
  }

  #register-form-addr .opc-button, #register-form-addr .opc-favorite-button, #register-form-addr .opc-compare-button, #register-form-addr .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #register-form-addr .notifications-ok, #register-form-addr .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #register-form-addr .notifications-cancel, #register-form-addr .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] #register-form-addr a, #register-form-contact .opc-button, #register-form-contact .opc-favorite-button, #register-form-contact .opc-compare-button, #register-form-contact .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #register-form-contact .notifications-ok, #register-form-contact .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #register-form-contact .notifications-cancel, #register-form-contact .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] #register-form-contact a, #register-form-guest .opc-button, #register-form-guest .opc-favorite-button, #register-form-guest .opc-compare-button, #register-form-guest .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #register-form-guest .notifications-ok, #register-form-guest .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #register-form-guest .notifications-cancel, #register-form-guest .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] #register-form-guest a {
    margin-left: 1rem;
  }
}

#register-form-addr .form-footer .opc-form-field, #register-form-contact .form-footer .opc-form-field, #register-form-guest .form-footer .opc-form-field {
  width: 100%;
}

.page-favorites .opc-more-button, .page-multi-favorites .opc-more-button {
  color: #dea100;
}

.page-favorites .opc-favorite-button:hover, .page-favorites .opc-favorite-button:focus, .page-multi-favorites .opc-favorite-button:hover, .page-multi-favorites .opc-favorite-button:focus {
  color: #c7c7c7 !important;
  border-color: #c7c7c7 !important;
}

.page-favorites .favorites-head, .page-multi-favorites .favorites-head {
  align-items: center;
  margin-bottom: 2rem;
  display: flex;
  position: relative;
}

.page-favorites .favorites-head .favorites-selection, .page-multi-favorites .favorites-head .favorites-selection {
  flex-grow: 1;
  margin-right: 4px;
}

.page-favorites .favorites-head .favorites-selection .opc-form-field, .page-multi-favorites .favorites-head .favorites-selection .opc-form-field {
  margin-bottom: 0;
}

.page-favorites .favorites-head .favorites-actions, .page-multi-favorites .favorites-head .favorites-actions {
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.page-favorites .favorites-head .favorites-actions button, .page-multi-favorites .favorites-head .favorites-actions button {
  color: #dea100;
}

.page-favorites .favorites-head .favorites-actions #rename-form, .page-multi-favorites .favorites-head .favorites-actions #rename-form {
  background: #fff;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.page-favorites .favorites-head .favorites-actions #rename-form .opc-form-field, .page-favorites .favorites-head .favorites-actions #rename-form input, .page-multi-favorites .favorites-head .favorites-actions #rename-form .opc-form-field, .page-multi-favorites .favorites-head .favorites-actions #rename-form input {
  border: none;
  width: 100%;
}

.page-favorites .favorites-head .favorites-actions #rename-form .opc-form-field, .page-multi-favorites .favorites-head .favorites-actions #rename-form .opc-form-field {
  margin-right: 4px;
  overflow: hidden;
}

.page-favorites .favorites-head .favorites-actions #rename-form .opc-form-field input, .page-multi-favorites .favorites-head .favorites-actions #rename-form .opc-form-field input {
  margin: 0 1.75rem .75rem;
  padding: 0;
  border-bottom: 2px solid #ccc !important;
}

.page-favorites .favorites-head .favorites-actions #rename-form .opc-form-field .form-field-note, .page-multi-favorites .favorites-head .favorites-actions #rename-form .opc-form-field .form-field-note {
  margin: 0 1.75rem .75rem;
}

.page-favorites .favorites-head .favorites-actions #rename-form .opc-form-field .form-field-note .ff-error, .page-multi-favorites .favorites-head .favorites-actions #rename-form .opc-form-field .form-field-note .ff-error {
  display: block;
}

.page-favorites .favorites-head .favorites-actions #rename-form .opc-form-field .form-field-error, .page-multi-favorites .favorites-head .favorites-actions #rename-form .opc-form-field .form-field-error {
  margin: 0 1.75rem .75rem;
  display: block;
}

.page-favorites .favorites-head .favorites-actions button, .page-multi-favorites .favorites-head .favorites-actions button {
  border: 1px solid #f2f2f2;
  width: 5rem;
  height: 5rem;
  margin: 0 4px;
}

.page-favorites .favorites-head .opc-form-field, .page-multi-favorites .favorites-head .opc-form-field {
  margin-bottom: 0;
}

.page-favorites .favorites-head .opc-form-field .headline-select, .page-multi-favorites .favorites-head .opc-form-field .headline-select {
  appearance: none;
  background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23000%22%3E%3Cpath style%3D%22 %22 d%3D%22M 4.21875 10.78125 L 2.78125 12.21875 L 15.28125 24.71875 L 16 25.40625 L 16.71875 24.71875 L 29.21875 12.21875 L 27.78125 10.78125 L 16 22.5625 Z %22%2F%3E%3C%2Fsvg%3E") calc(100% - 1rem) / 2rem no-repeat;
  width: 100%;
  margin-bottom: 0;
  padding-left: 8px;
  font-size: 24px;
  border: none !important;
  border-bottom: 2px solid #ccc !important;
  height: auto !important;
  padding-block: 1rem !important;
  line-height: 1.2 !important;
}

.page-favorites .favorites-head .opc-form-field .headline-select:focus-visible, .page-multi-favorites .favorites-head .opc-form-field .headline-select:focus-visible {
  outline: none;
}

.page-favorites .favorites-head .opc-form-field .headline-select::-ms-expand {
  display: none;
}

.page-multi-favorites .favorites-head .opc-form-field .headline-select::-ms-expand {
  display: none;
}

.page-favorites .favorites-head h4, .page-favorites .favorites-head .opc-directsearch-suggest h3, .opc-directsearch-suggest .page-favorites .favorites-head h3, .page-multi-favorites .favorites-head h4, .page-multi-favorites .favorites-head .opc-directsearch-suggest h3, .opc-directsearch-suggest .page-multi-favorites .favorites-head h3 {
  margin-bottom: 1rem;
  padding: 0;
  font-size: 1.4rem;
}

.page-favorites .favorites-desc, .page-multi-favorites .favorites-desc {
  background: #f8f8f8;
  margin-bottom: 4rem;
  padding: 2rem;
}

.page-favorites .favorites-desc h4, .page-favorites .favorites-desc .opc-directsearch-suggest h3, .opc-directsearch-suggest .page-favorites .favorites-desc h3, .page-multi-favorites .favorites-desc h4, .page-multi-favorites .favorites-desc .opc-directsearch-suggest h3, .opc-directsearch-suggest .page-multi-favorites .favorites-desc h3 {
  margin-bottom: .5em;
}

.page-favorites .opc-article-list.favs, .page-multi-favorites .opc-article-list.favs {
  padding: 0 20px;
}

.page-favorites .opc-article-list.favs .article-list-item-actions .opc-favorite-button[data-op-multifavoritesaction="deleted"], .page-multi-favorites .opc-article-list.favs .article-list-item-actions .opc-favorite-button[data-op-multifavoritesaction="deleted"] {
  margin-left: 0;
}

.compare-wrapper {
  background: #eee;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.compare-topbar {
  z-index: 10;
  background: #eee;
  border-bottom: 1px solid #ccc;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 7rem;
  padding: 1rem;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.compare-topbar .compare-topbar-logo img {
  height: 4rem;
}

.opc-compare {
  z-index: 100000;
  background: #eee;
}

.opc-compare .compare-list {
  width: 100%;
  padding-top: 7rem;
}

.opc-compare .opc-message {
  margin-top: 8rem;
  margin-left: 1rem;
  margin-right: 1rem;
}

.opc-compare .compare-list-head {
  z-index: 5;
  position: sticky;
  top: 0;
}

.opc-compare .compare-row {
  display: flex;
}

.opc-compare .compare-row.headrow {
  z-index: 3;
  position: sticky;
  top: 0;
}

.opc-compare .compare-row[data-op-id="Image"] .compare-item .value {
  text-align: center;
  width: 100%;
  display: block;
}

.opc-compare .compare-row[data-op-id="Image"] .compare-item .value img {
  max-width: 100%;
  height: 12rem;
}

.opc-compare .compare-row[data-op-id="Remove"] .compare-item .value {
  text-align: right;
  display: block;
}

.opc-compare .compare-row .compare-label {
  text-align: right;
  z-index: 2;
  background: #eee;
  border-bottom: 1px solid #ccc;
  flex-shrink: 0;
  width: 30rem;
  padding: 1rem;
  position: sticky;
  left: 0;
}

.opc-compare .compare-row .compare-label select {
  margin-top: .5rem;
}

.opc-compare .compare-row .compare-item {
  background: #fff;
  border-bottom: 1px solid #ccc;
  flex-grow: 1;
  flex-shrink: 0;
  width: 30rem;
  padding: 1rem;
}

.opc-compare .compare-row .compare-item.dif .value {
  background: #ccc;
}

.opc-compare .compare-group-title {
  cursor: pointer;
  width: 30rem;
  height: 4rem;
  padding: 0;
  position: sticky;
  left: 0;
}

.opc-compare .compare-group-title .group-title-inner {
  background: #fff;
  align-items: center;
  width: 100vw;
  height: 4rem;
  padding: 0 0 0 1rem;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.opc-compare .compare-group-title .group-title-inner:after {
  content: "";
  background: #fff;
  width: 2000px;
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
}

.page-basket .section-wrapper {
  overflow: visible;
}

.page-basket .section-inner h2 {
  margin-bottom: .5em;
  font-family: Roboto, sans-serif;
  font-size: 36px;
  font-weight: 700;
}

.basket-list .basket-list-head {
  border: 1px solid #0000;
  display: none;
}

@media only screen and (width >= 800px) {
  .basket-list .basket-list-head {
    display: flex;
  }
}

.basket-list .basket-list-head > div {
  border-right: none;
  font-weight: bold;
}

.basket-list .addon-title {
  margin-top: 24px;
  margin-bottom: 0;
}

.basket-list .basket-list-body {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}

.basket-list .basket-list-body .basket-list-item {
  border: 1px solid #ccc;
  flex-direction: column;
  margin-bottom: 1rem;
  display: flex;
}

@media only screen and (width >= 800px) {
  .basket-list .basket-list-body .basket-list-item {
    flex-direction: row;
    margin-bottom: 1rem;
  }
}

.basket-list .basket-list-body .basket-list-item .opc-button[data-op-btnaction="delete"], .basket-list .basket-list-body .basket-list-item [data-op-btnaction="delete"].opc-favorite-button, .basket-list .basket-list-body .basket-list-item [data-op-btnaction="delete"].opc-compare-button, .basket-list .basket-list-body .basket-list-item .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-btnaction="delete"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .basket-list .basket-list-body .basket-list-item [data-op-btnaction="delete"].notifications-ok, .basket-list .basket-list-body .basket-list-item .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-btnaction="delete"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .basket-list .basket-list-body .basket-list-item [data-op-btnaction="delete"].notifications-cancel, .basket-list .basket-list-body .basket-list-item .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-btnaction="delete"], .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .basket-list .basket-list-body .basket-list-item a[data-op-btnaction="delete"] {
  color: #dc143c66;
  background: none;
  height: auto;
  margin-bottom: 1rem;
  padding: 0;
  font-size: 1.2rem;
}

.basket-list .basket-list-body .basket-list-item .opc-button[data-op-btnaction="delete"] svg, .basket-list .basket-list-body .basket-list-item [data-op-btnaction="delete"].opc-favorite-button svg, .basket-list .basket-list-body .basket-list-item [data-op-btnaction="delete"].opc-compare-button svg, .basket-list .basket-list-body .basket-list-item .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-btnaction="delete"].notifications-ok svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .basket-list .basket-list-body .basket-list-item [data-op-btnaction="delete"].notifications-ok svg, .basket-list .basket-list-body .basket-list-item .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-btnaction="delete"].notifications-cancel svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .basket-list .basket-list-body .basket-list-item [data-op-btnaction="delete"].notifications-cancel svg, .basket-list .basket-list-body .basket-list-item .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-btnaction="delete"] svg, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .basket-list .basket-list-body .basket-list-item a[data-op-btnaction="delete"] svg {
  display: none;
}

.basket-list .basket-list-body .basket-list-item .opc-button[data-op-btnaction="delete"].is-progress, .basket-list .basket-list-body .basket-list-item [data-op-btnaction="delete"].is-progress.opc-favorite-button, .basket-list .basket-list-body .basket-list-item [data-op-btnaction="delete"].is-progress.opc-compare-button, .basket-list .basket-list-body .basket-list-item .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-btnaction="delete"].is-progress.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .basket-list .basket-list-body .basket-list-item [data-op-btnaction="delete"].is-progress.notifications-ok, .basket-list .basket-list-body .basket-list-item .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-btnaction="delete"].is-progress.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .basket-list .basket-list-body .basket-list-item [data-op-btnaction="delete"].is-progress.notifications-cancel, .basket-list .basket-list-body .basket-list-item .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-btnaction="delete"].is-progress, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .basket-list .basket-list-body .basket-list-item a[data-op-btnaction="delete"].is-progress {
  color: #ccc;
}

.basket-list .basket-list-body .basket-list-item .opc-button[data-op-btnaction="delete"]:hover, .basket-list .basket-list-body .basket-list-item [data-op-btnaction="delete"].opc-favorite-button:hover, .basket-list .basket-list-body .basket-list-item [data-op-btnaction="delete"].opc-compare-button:hover, .basket-list .basket-list-body .basket-list-item .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-btnaction="delete"].notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .basket-list .basket-list-body .basket-list-item [data-op-btnaction="delete"].notifications-ok:hover, .basket-list .basket-list-body .basket-list-item .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-btnaction="delete"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .basket-list .basket-list-body .basket-list-item [data-op-btnaction="delete"].notifications-cancel:hover, .basket-list .basket-list-body .basket-list-item .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-btnaction="delete"]:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .basket-list .basket-list-body .basket-list-item a[data-op-btnaction="delete"]:hover {
  color: #dc143c;
}

.basket-list .basket-list-body .basket-list-item:last-of-type {
  margin-bottom: 0;
}

.basket-list .basket-list-body .basket-list-item-promocode {
  border: 1px solid #ccc;
  margin-bottom: 1rem;
  padding: 2rem;
}

.basket-list .basket-list-body .basket-list-item-promocode h3, .basket-list .basket-list-body .basket-list-item-promocode p, .basket-list .basket-list-body .basket-list-item-promocode .opc-form-field {
  max-width: 50rem;
}

.basket-list .basket-list-addon-art-slider {
  margin-bottom: 32px;
}

.basket-list .basket-list-footer {
  background: #eee;
  flex-direction: column;
  align-items: flex-end;
  margin-bottom: 2rem;
  padding: 2rem 1rem;
  display: flex;
}

.basket-list .basket-list-footer .basket-list-summary-line {
  margin-bottom: 1rem;
}

.basket-list .basket-list-footer .basket-list-summary-line span {
  text-align: right;
  width: 14rem;
  display: inline-block;
}

.basket-list .basket-bottom-line {
  justify-content: flex-end;
  display: flex;
}

.basket-list .basket-list-item-description, .basket-list .basket-list-item-options, .basket-list .basket-list-item-price, .basket-list .basket-list-item-total {
  padding: .5rem 1rem;
}

@media only screen and (width >= 640px) {
  .basket-list .basket-list-item-description, .basket-list .basket-list-item-options, .basket-list .basket-list-item-price, .basket-list .basket-list-item-total {
    padding: 1rem;
  }
}

.basket-list .basket-list-item-description {
  flex-wrap: wrap;
  width: 100%;
  padding-bottom: 0;
  display: flex;
}

@media only screen and (width >= 800px) {
  .basket-list .basket-list-item-description {
    flex-wrap: nowrap;
    flex-grow: 1;
    width: 40%;
    padding-bottom: 1rem;
  }
}

.basket-list .basket-list-item-description .item-description-image {
  flex-shrink: 0;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 8rem;
  padding: 1rem 2rem 0 0;
  display: flex;
}

.basket-list .basket-list-item-description .item-description-image img {
  width: auto;
  max-width: 6rem;
  max-height: inherit;
  max-height: 8rem;
}

@media only screen and (width >= 640px) {
  .basket-list .basket-list-item-description .item-description-image {
    width: 14rem;
  }

  .basket-list .basket-list-item-description .item-description-image img {
    width: auto;
    max-width: 10rem;
    height: inherit;
    align-items: center;
    max-height: 10rem;
  }
}

.basket-list .basket-list-item-description .item-description-data {
  width: calc(100% - 8rem);
  padding: 1rem 0;
}

@media only screen and (width >= 640px) {
  .basket-list .basket-list-item-description .item-description-data {
    width: calc(100% - 14rem);
  }
}

@media only screen and (width >= 800px) {
  .basket-list .basket-list-item-description .item-description-data {
    padding: 0;
  }
}

.basket-list .basket-list-item-description .item-description-data h3 {
  margin-bottom: .4em;
  font-size: 1.4rem;
  font-weight: bold;
}

.basket-list .basket-list-item-description .item-description-data h3 a {
  color: #000;
}

.basket-list .basket-list-item-description .item-description-data h3 a:hover {
  color: #333;
}

.basket-list .basket-list-item-description .item-description-data .basket-list-additional {
  column-gap: 16px;
  padding-top: 12px;
  display: flex;
}

.basket-list .basket-list-item-description .item-description-data .basket-list-additional .opc-form-field {
  flex-direction: column;
  row-gap: 8px;
  display: flex;
}

.basket-list .basket-list-item-description .item-description-article-nr {
  margin-bottom: 1rem;
  display: block;
}

.basket-list .basket-list-item-description .item-description-dimension {
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  min-height: 24px;
  margin-bottom: 8px;
  line-height: 24px;
  display: -webkit-box;
  overflow: hidden;
}

.basket-list .basket-list-item-description .item-description-actions button {
  opacity: .6;
  height: auto;
  padding: 0;
}

.basket-list .basket-list-item-description .item-description-actions button:hover {
  opacity: 1;
  color: #c12121;
}

.basket-list .basket-list-item-options--wide {
  flex-grow: 2;
}

.basket-list .basket-list-item-options--wide .opc-basket-button {
  max-width: 50%;
}

.basket-list .basket-list-item-options .opc-form-field-group, .basket-list .basket-list-item-options .opc-basket-button, .basket-list .basket-list-item-options .opc-stock {
  margin-bottom: 1rem;
}

.basket-list .basket-list-item-options {
  margin-left: 8rem;
  padding-top: 0;
}

@media only screen and (width >= 640px) {
  .basket-list .basket-list-item-options {
    margin-left: 14rem;
  }
}

@media only screen and (width >= 800px) {
  .basket-list .basket-list-item-options {
    width: 18rem;
    margin-left: 0;
    padding-top: 1rem;
  }
}

.basket-list .basket-list-item-price {
  text-align: left;
  justify-content: space-between;
  margin-left: 8rem;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

@media only screen and (width >= 640px) {
  .basket-list .basket-list-item-price {
    margin-left: 14rem;
    padding-top: 0;
    padding-bottom: .5rem;
  }
}

@media only screen and (width >= 800px) {
  .basket-list .basket-list-item-price {
    text-align: right;
    width: 12rem;
    margin-left: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: block;
  }
}

.basket-list .basket-list-item-total {
  text-align: left;
  justify-content: space-between;
  margin-left: 8rem;
  padding-top: 0;
  padding-bottom: 1rem;
  display: flex;
}

@media only screen and (width >= 640px) {
  .basket-list .basket-list-item-total {
    margin-left: 14rem;
    padding-top: 0;
    padding-bottom: 1rem;
  }
}

@media only screen and (width >= 800px) {
  .basket-list .basket-list-item-total {
    text-align: right;
    width: 14rem;
    margin-left: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-weight: bold;
    display: block;
  }
}

.basket-list .responsive-label {
  min-width: 40%;
  margin-right: .4rem;
  font-weight: bold;
  display: inline-block;
}

@media only screen and (width >= 800px) {
  .basket-list .responsive-label {
    width: 14rem;
    display: none;
  }
}

.page-account .section-inner-aside {
  display: none;
}

@media only screen and (width >= 800px) {
  .page-account .section-inner-aside {
    display: block;
  }
}

.page-account .ordered-quanity {
  text-align: right;
  font-size: 12px;
  font-weight: normal !important;
}

.page-account article.article-list-item.article-list-item--last-ordered {
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  padding: 12px 0;
}

.page-account article.article-list-item.article-list-item--last-ordered:hover {
  border-radius: 12px;
}

.page-account .content-wrapper .account-user-data, .page-account .content-wrapper .last-baskets-list, .page-account .content-wrapper .list-filter, .page-account .content-wrapper .list-info, .page-account .content-wrapper .last-orders-details-list {
  border-radius: 12px;
  margin-bottom: 20px;
  padding: 40px;
  background: #fff !important;
}

.page-account .content-wrapper .last-orders-details-list .list-item-value a {
  flex-direction: column;
  align-items: flex-start;
  display: inline;
}

.page-account .content-wrapper .account-user-data .list-filter {
  margin-bottom: 0;
  padding: 0;
}

.page-account h2 {
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 72px;
  position: relative;
}

.page-account h2 .opc-button, .page-account h2 .opc-favorite-button, .page-account h2 .opc-compare-button, .page-account h2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-account h2 .notifications-ok, .page-account h2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-account h2 .notifications-cancel, .page-account h2 .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .page-account h2 a {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.page-account .opc-navigation[data-op-navtype="simple"] .navigation-level-1 > li {
  margin-bottom: 2rem;
  position: relative;
}

.page-account .opc-navigation[data-op-navtype="simple"] .navigation-level-1 > li > a {
  color: #171717;
}

.page-account .opc-navigation[data-op-navtype="simple"] .navigation-level-1 > li > a:before {
  content: "";
  opacity: .6;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23000%22%3E%3Cpath style%3D%22 %22 d%3D%22M 4.21875 10.78125 L 2.78125 12.21875 L 15.28125 24.71875 L 16 25.40625 L 16.71875 24.71875 L 29.21875 12.21875 L 27.78125 10.78125 L 16 22.5625 Z %22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 1em;
  height: 1em;
  margin-right: .5rem;
  display: inline-block;
  position: absolute;
  right: 0;
}

.page-account .opc-navigation[data-op-navtype="simple"] .navigation-level-1 > li.is-active {
  border-top: 1px solid #e1e2e5;
  border-bottom: 1px solid #e1e2e5;
}

.page-account .opc-navigation[data-op-navtype="simple"] .navigation-level-1 > li.is-active > ul {
  display: block !important;
}

.page-account .opc-navigation[data-op-navtype="simple"] .navigation-level-1 > li.is-active > a {
  color: #172e57;
  font-weight: bold;
}

.page-account .opc-navigation[data-op-navtype="simple"] .navigation-level-1 > li.is-active > a:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14l-6-6z%22%2F%3E%3C%2Fsvg%3E") !important;
}

.page-account .opc-navigation[data-op-navtype="simple"] .navigation-level-1 > li.is-active-parent {
  border-top: 1px solid #e1e2e5;
  border-bottom: 1px solid #e1e2e5;
}

.page-account .opc-navigation[data-op-navtype="simple"] .navigation-level-1 > li.is-active-parent > ul {
  display: block !important;
}

.page-account .opc-navigation[data-op-navtype="simple"] .navigation-level-1 > li.is-active-parent > a {
  color: #172e57;
}

.page-account .opc-navigation[data-op-navtype="simple"] .navigation-level-1 > li.is-active-parent > a:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14l-6-6z%22%2F%3E%3C%2Fsvg%3E") !important;
}

.page-account .opc-navigation[data-op-navtype="simple"] .navigation-level-2 {
  display: none;
}

.page-account .opc-navigation[data-op-navtype="simple"] .navigation-level-2 > li > a {
  padding-left: 1rem;
}

.page-account .opc-navigation[data-op-navtype="simple"] .navigation-level-2 > li:hover > a {
  background: #f8f8f8;
}

.page-account .opc-navigation[data-op-navtype="simple"] .navigation-level-2 > li.is-active > a {
  background: #eee;
  font-weight: bold;
}

.page-account .opc-button-wrapper[data-op-align="right"] {
  justify-content: center;
}

@media only screen and (width >= 800px) {
  .page-account .opc-button-wrapper[data-op-align="right"] {
    justify-content: flex-end;
  }
}

.page-account .opc-button-wrapper[data-op-align="right"] .opc-button, .page-account .opc-button-wrapper[data-op-align="right"] .opc-favorite-button, .page-account .opc-button-wrapper[data-op-align="right"] .opc-compare-button, .page-account .opc-button-wrapper[data-op-align="right"] .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-account .opc-button-wrapper[data-op-align="right"] .notifications-ok, .page-account .opc-button-wrapper[data-op-align="right"] .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-account .opc-button-wrapper[data-op-align="right"] .notifications-cancel, .page-account .opc-button-wrapper[data-op-align="right"] .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .page-account .opc-button-wrapper[data-op-align="right"] a {
  white-space: normal;
  width: 100%;
  margin: 0 auto;
}

@media only screen and (width >= 640px) {
  .page-account .opc-button-wrapper[data-op-align="right"] .opc-button, .page-account .opc-button-wrapper[data-op-align="right"] .opc-favorite-button, .page-account .opc-button-wrapper[data-op-align="right"] .opc-compare-button, .page-account .opc-button-wrapper[data-op-align="right"] .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-account .opc-button-wrapper[data-op-align="right"] .notifications-ok, .page-account .opc-button-wrapper[data-op-align="right"] .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-account .opc-button-wrapper[data-op-align="right"] .notifications-cancel, .page-account .opc-button-wrapper[data-op-align="right"] .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .page-account .opc-button-wrapper[data-op-align="right"] a {
    white-space: nowrap;
    width: auto;
  }
}

@media only screen and (width >= 800px) {
  .page-account .opc-button-wrapper[data-op-align="right"] .opc-button, .page-account .opc-button-wrapper[data-op-align="right"] .opc-favorite-button, .page-account .opc-button-wrapper[data-op-align="right"] .opc-compare-button, .page-account .opc-button-wrapper[data-op-align="right"] .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-account .opc-button-wrapper[data-op-align="right"] .notifications-ok, .page-account .opc-button-wrapper[data-op-align="right"] .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-account .opc-button-wrapper[data-op-align="right"] .notifications-cancel, .page-account .opc-button-wrapper[data-op-align="right"] .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .page-account .opc-button-wrapper[data-op-align="right"] a {
    margin: inherit;
  }
}

.page-account .account-addr-edit-form .account-form-actions {
  justify-content: space-between;
  display: flex;
}

.page-account #change-addr-form .section-wrapper {
  padding: 0 0 4rem;
}

.last-orders-details-list {
  position: relative;
}

.last-orders-details-list .opc-button[data-op-style="secondary"]:focus, .last-orders-details-list [data-op-style="secondary"].opc-favorite-button:focus, .last-orders-details-list [data-op-style="secondary"].opc-compare-button:focus, .last-orders-details-list .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-orders-details-list [data-op-style="secondary"].notifications-ok:focus, .last-orders-details-list .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-orders-details-list [data-op-style="secondary"].notifications-cancel:focus, .last-orders-details-list .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a[data-op-style="secondary"]:focus, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .last-orders-details-list a[data-op-style="secondary"]:focus {
  background-color: inherit;
  color: inherit;
}

.last-orders-details-list .opc-basket-button {
  justify-content: flex-end;
  gap: 16px;
  padding-inline: 16px;
  display: flex;
}

@media only screen and (width >= 480px) {
  .last-orders-details-list .opc-basket-button {
    flex-wrap: nowrap !important;
  }
}

.last-orders-details-list .opc-basket-button .basket-button-dim-1, .last-orders-details-list .opc-basket-button .basket-button-dim-2, .last-orders-details-list .opc-basket-button .basket-button-dim-3 {
  width: fit-content;
}

.last-orders-details-list .opc-basket-button .basket-button-wrapper {
  width: fit-content;
  height: fit-content;
}

.last-orders-details-list .opc-basket-button .opc-button, .last-orders-details-list .opc-basket-button .opc-favorite-button, .last-orders-details-list .opc-basket-button .opc-compare-button, .last-orders-details-list .opc-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-orders-details-list .opc-basket-button .notifications-ok, .last-orders-details-list .opc-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-orders-details-list .opc-basket-button .notifications-cancel, .last-orders-details-list .opc-basket-button .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .last-orders-details-list .opc-basket-button a {
  width: 4rem !important;
  height: 4rem !important;
}

.last-orders-details-list .opc-basket-button .basket-button-quantity {
  width: 4rem !important;
  height: 4rem !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.last-orders-details-list .item-list-head:not(.returns-list-head) {
  display: none;
}

@media only screen and (width >= 800px) {
  .last-orders-details-list .item-list-head:not(.returns-list-head) {
    display: flex;
  }
}

.last-orders-details-list .list-item {
  flex-wrap: wrap;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media only screen and (width >= 800px) {
  .last-orders-details-list .list-item {
    flex-wrap: nowrap;
  }
}

.last-orders-details-list .list-item-column {
  width: 100%;
  padding: 0 0 1rem;
  display: flex;
}

@media only screen and (width >= 800px) {
  .last-orders-details-list .list-item-column {
    padding: .5rem 2rem 0 0;
  }
}

.last-orders-details-list .list-item-column .opc-button, .last-orders-details-list .list-item-column .opc-favorite-button, .last-orders-details-list .list-item-column .opc-compare-button, .last-orders-details-list .list-item-column .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-orders-details-list .list-item-column .notifications-ok, .last-orders-details-list .list-item-column .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-orders-details-list .list-item-column .notifications-cancel, .last-orders-details-list .list-item-column .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .last-orders-details-list .list-item-column a {
  padding-left: .5rem;
  padding-right: .5rem;
}

@media only screen and (width >= 800px) {
  .last-orders-details-list .list-item-column:first-child {
    flex-grow: 1;
    width: 40%;
  }

  .last-orders-details-list .list-item-column:nth-child(2) {
    flex-shrink: 0;
    width: 10%;
  }

  .last-orders-details-list .list-item-column:nth-child(3) {
    flex-shrink: 0;
    justify-content: flex-end;
    width: 15%;
  }

  .last-orders-details-list .list-item-column:nth-child(4) {
    text-align: right;
    flex-shrink: 0;
    justify-content: flex-end;
    width: 15%;
  }
}

.last-orders-details-list .list-item-column:nth-child(5) .opc-button, .last-orders-details-list .list-item-column:nth-child(5) .opc-favorite-button, .last-orders-details-list .list-item-column:nth-child(5) .opc-compare-button, .last-orders-details-list .list-item-column:nth-child(5) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-orders-details-list .list-item-column:nth-child(5) .notifications-ok, .last-orders-details-list .list-item-column:nth-child(5) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-orders-details-list .list-item-column:nth-child(5) .notifications-cancel, .last-orders-details-list .list-item-column:nth-child(5) .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .last-orders-details-list .list-item-column:nth-child(5) a {
  justify-content: center;
  width: 100%;
  margin-bottom: .5rem;
  font-size: 1.4rem;
}

@media only screen and (width >= 800px) {
  .last-orders-details-list .list-item-column:nth-child(5) .opc-button, .last-orders-details-list .list-item-column:nth-child(5) .opc-favorite-button, .last-orders-details-list .list-item-column:nth-child(5) .opc-compare-button, .last-orders-details-list .list-item-column:nth-child(5) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-orders-details-list .list-item-column:nth-child(5) .notifications-ok, .last-orders-details-list .list-item-column:nth-child(5) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-orders-details-list .list-item-column:nth-child(5) .notifications-cancel, .last-orders-details-list .list-item-column:nth-child(5) .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .last-orders-details-list .list-item-column:nth-child(5) a {
    width: inherit;
    font-size: 1.2rem;
  }

  .last-orders-details-list .list-item-column:nth-child(5) {
    text-align: right;
    flex-wrap: nowrap;
    flex-shrink: 0;
    justify-content: flex-end;
    width: 21rem;
    padding-right: 0;
  }
}

.last-orders-details-list .list-item-column .list-item-label {
  flex-shrink: 0;
  width: 35%;
  display: block;
}

@media only screen and (width >= 800px) {
  .last-orders-details-list .list-item-column .list-item-label {
    display: none;
  }
}

.last-orders-details-list .list-item-column.list-item-column-actions {
  align-items: normal;
}

.last-orders-details-list .list-item-column.list-item-column-actions .opc-button, .last-orders-details-list .list-item-column.list-item-column-actions .opc-favorite-button, .last-orders-details-list .list-item-column.list-item-column-actions .opc-compare-button, .last-orders-details-list .list-item-column.list-item-column-actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-orders-details-list .list-item-column.list-item-column-actions .notifications-ok, .last-orders-details-list .list-item-column.list-item-column-actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-orders-details-list .list-item-column.list-item-column-actions .notifications-cancel, .last-orders-details-list .list-item-column.list-item-column-actions .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .last-orders-details-list .list-item-column.list-item-column-actions a {
  flex-grow: 1;
}

.last-orders-details-list button[data-submit-returns-btn] {
  float: right;
  margin-top: 24px;
  margin-bottom: 10px;
}

.shipping-address-list .item-list-head {
  display: none;
}

@media only screen and (width >= 480px) {
  .shipping-address-list .item-list-head {
    display: flex;
  }
}

.shipping-address-list .list-item {
  flex-wrap: nowrap;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
}

@media only screen and (width >= 480px) {
  .shipping-address-list .list-item {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.shipping-address-list .list-item .button-text-save {
  display: none !important;
}

.shipping-address-list .list-item .delete-list-item {
  display: inline-flex;
}

.shipping-address-list .list-item-column {
  flex-grow: 0;
  width: auto;
  padding: .5rem 0 0;
}

@media only screen and (width >= 480px) {
  .shipping-address-list .list-item-column {
    flex-grow: 1;
    width: 100%;
    padding: .5rem 2rem 0 0;
  }
}

.shipping-address-list .list-item-column .opc-button, .shipping-address-list .list-item-column .opc-favorite-button, .shipping-address-list .list-item-column .opc-compare-button, .shipping-address-list .list-item-column .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column .notifications-ok, .shipping-address-list .list-item-column .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column .notifications-cancel, .shipping-address-list .list-item-column .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .shipping-address-list .list-item-column a {
  width: 100%;
  padding-left: .5rem;
  padding-right: .5rem;
}

@media only screen and (width >= 480px) {
  .shipping-address-list .list-item-column .opc-button, .shipping-address-list .list-item-column .opc-favorite-button, .shipping-address-list .list-item-column .opc-compare-button, .shipping-address-list .list-item-column .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column .notifications-ok, .shipping-address-list .list-item-column .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column .notifications-cancel, .shipping-address-list .list-item-column .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .shipping-address-list .list-item-column a {
    width: unset;
  }
}

.shipping-address-list .list-item-column.number {
  width: 4rem;
  min-width: 4rem;
}

@media only screen and (width >= 480px) {
  .shipping-address-list .list-item-column.address {
    flex-grow: 1;
    width: 100%;
  }
}

.shipping-address-list .list-item-column.actions {
  flex-wrap: wrap;
  width: auto;
  padding-left: 1rem;
}

@media only screen and (width >= 480px) {
  .shipping-address-list .list-item-column.actions {
    flex-wrap: nowrap;
  }
}

.shipping-address-list .list-item-column.actions .opc-button, .shipping-address-list .list-item-column.actions .opc-favorite-button, .shipping-address-list .list-item-column.actions .opc-compare-button, .shipping-address-list .list-item-column.actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column.actions .notifications-ok, .shipping-address-list .list-item-column.actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column.actions .notifications-cancel, .shipping-address-list .list-item-column.actions .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .shipping-address-list .list-item-column.actions a {
  margin-bottom: .5rem;
}

@media only screen and (width >= 480px) {
  .shipping-address-list .list-item-column.actions .opc-button, .shipping-address-list .list-item-column.actions .opc-favorite-button, .shipping-address-list .list-item-column.actions .opc-compare-button, .shipping-address-list .list-item-column.actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column.actions .notifications-ok, .shipping-address-list .list-item-column.actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column.actions .notifications-cancel, .shipping-address-list .list-item-column.actions .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .shipping-address-list .list-item-column.actions a {
    margin-bottom: 0;
    margin-right: .5rem;
  }

  .shipping-address-list .list-item-column.actions .opc-button:last-child, .shipping-address-list .list-item-column.actions .opc-favorite-button:last-child, .shipping-address-list .list-item-column.actions .opc-compare-button:last-child, .shipping-address-list .list-item-column.actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:last-child, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column.actions .notifications-ok:last-child, .shipping-address-list .list-item-column.actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel:last-child, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column.actions .notifications-cancel:last-child, .shipping-address-list .list-item-column.actions .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a:last-child, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .shipping-address-list .list-item-column.actions a:last-child {
    margin-right: 0;
  }
}

.shipping-address-list .list-item-column.actions .opc-button:last-child, .shipping-address-list .list-item-column.actions .opc-favorite-button:last-child, .shipping-address-list .list-item-column.actions .opc-compare-button:last-child, .shipping-address-list .list-item-column.actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:last-child, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column.actions .notifications-ok:last-child, .shipping-address-list .list-item-column.actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel:last-child, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column.actions .notifications-cancel:last-child, .shipping-address-list .list-item-column.actions .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a:last-child, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .shipping-address-list .list-item-column.actions a:last-child {
  margin-bottom: 0;
}

.shipping-address-list .list-item-column .list-item-label {
  width: 35%;
  display: none;
}

@media only screen and (width >= 480px) {
  .shipping-address-list .list-item-column .list-item-label {
    display: none;
  }
}

.shipping-address-list .list-item-column .opc-form-field {
  margin-bottom: 0;
}

.shipping-address-list .list-item-column .opc-form-field-group {
  width: auto;
  display: inline-flex;
}

.last-baskets-list .item-list-head {
  display: none;
}

@media only screen and (width >= 800px) {
  .last-baskets-list .item-list-head {
    display: flex;
  }
}

.last-baskets-list .list-item {
  flex-wrap: wrap;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
}

@media only screen and (width >= 800px) {
  .last-baskets-list .list-item {
    flex-wrap: nowrap;
  }
}

.last-baskets-list .list-item-column {
  width: 100%;
  padding: .5rem 0;
}

@media only screen and (width >= 800px) {
  .last-baskets-list .list-item-column {
    padding: .5rem 2rem 0 0;
  }
}

.last-baskets-list .list-item-column .opc-button, .last-baskets-list .list-item-column .opc-favorite-button, .last-baskets-list .list-item-column .opc-compare-button, .last-baskets-list .list-item-column .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-baskets-list .list-item-column .notifications-ok, .last-baskets-list .list-item-column .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-baskets-list .list-item-column .notifications-cancel, .last-baskets-list .list-item-column .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .last-baskets-list .list-item-column a {
  padding-left: .5rem;
  padding-right: .5rem;
}

@media only screen and (width >= 800px) {
  .last-baskets-list .list-item-column:first-child {
    flex-shrink: 0;
    width: 15%;
  }

  .last-baskets-list .list-item-column:nth-child(2) {
    flex-grow: 1;
    flex-shrink: 0;
    width: 20%;
  }

  .last-baskets-list .list-item-column:nth-child(3) {
    text-align: right;
    flex-shrink: 0;
    width: 20%;
  }
}

.last-baskets-list .list-item-column:nth-child(4) .opc-button, .last-baskets-list .list-item-column:nth-child(4) .opc-favorite-button, .last-baskets-list .list-item-column:nth-child(4) .opc-compare-button, .last-baskets-list .list-item-column:nth-child(4) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-baskets-list .list-item-column:nth-child(4) .notifications-ok, .last-baskets-list .list-item-column:nth-child(4) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-baskets-list .list-item-column:nth-child(4) .notifications-cancel, .last-baskets-list .list-item-column:nth-child(4) .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .last-baskets-list .list-item-column:nth-child(4) a {
  margin-bottom: .5rem;
  font-size: 1.2rem;
}

.last-baskets-list .list-item-column:nth-child(4) {
  flex-flow: column wrap;
  padding-top: .5rem;
  display: flex;
}

@media only screen and (width >= 380px) {
  .last-baskets-list .list-item-column:nth-child(4) {
    width: auto;
    position: absolute;
    top: 1rem;
    right: 0;
  }
}

@media only screen and (width >= 800px) {
  .last-baskets-list .list-item-column:nth-child(4) {
    text-align: right;
    width: 30rem;
    padding-right: 0;
    display: block;
    position: static;
  }
}

.last-baskets-list .list-item-column:nth-child(4).list-item-column-actions {
  align-items: normal;
}

.last-baskets-list .list-item-column .list-item-label {
  width: 40%;
  display: inline-block;
}

@media only screen and (width >= 800px) {
  .last-baskets-list .list-item-column .list-item-label {
    display: none;
  }
}

.last-baskets-list .list-item-column-returns {
  width: 100%;
  padding: .5rem 0;
}

@media only screen and (width >= 800px) {
  .last-baskets-list .list-item-column-returns {
    padding: .5rem 2rem 0 0;
  }
}

.last-baskets-list .list-item-column-returns .opc-button, .last-baskets-list .list-item-column-returns .opc-favorite-button, .last-baskets-list .list-item-column-returns .opc-compare-button, .last-baskets-list .list-item-column-returns .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-baskets-list .list-item-column-returns .notifications-ok, .last-baskets-list .list-item-column-returns .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-baskets-list .list-item-column-returns .notifications-cancel, .last-baskets-list .list-item-column-returns .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .last-baskets-list .list-item-column-returns a {
  padding-left: .5rem;
  padding-right: .5rem;
}

@media only screen and (width >= 800px) {
  .last-baskets-list .list-item-column-returns:first-child {
    flex-shrink: 0;
    width: 20%;
  }

  .last-baskets-list .list-item-column-returns:nth-child(2) {
    flex-shrink: 0;
    width: 5%;
  }

  .last-baskets-list .list-item-column-returns:nth-child(3) {
    text-align: right;
    flex-shrink: 0;
    width: 10%;
  }
}

.last-baskets-list .list-item-column-returns:nth-child(4) .opc-button, .last-baskets-list .list-item-column-returns:nth-child(4) .opc-favorite-button, .last-baskets-list .list-item-column-returns:nth-child(4) .opc-compare-button, .last-baskets-list .list-item-column-returns:nth-child(4) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-baskets-list .list-item-column-returns:nth-child(4) .notifications-ok, .last-baskets-list .list-item-column-returns:nth-child(4) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-baskets-list .list-item-column-returns:nth-child(4) .notifications-cancel, .last-baskets-list .list-item-column-returns:nth-child(4) .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .last-baskets-list .list-item-column-returns:nth-child(4) a {
  margin-bottom: .5rem;
  font-size: 1.2rem;
}

.last-baskets-list .list-item-column-returns:nth-child(4) {
  flex-flow: column wrap;
  padding-top: .5rem;
  display: flex;
}

@media only screen and (width >= 380px) {
  .last-baskets-list .list-item-column-returns:nth-child(4) {
    width: auto;
    position: absolute;
    top: 1rem;
    right: 0;
  }
}

@media only screen and (width >= 800px) {
  .last-baskets-list .list-item-column-returns:nth-child(4) {
    text-align: right;
    width: 10%;
    padding-right: 0;
    display: block;
    position: static;
  }
}

.last-baskets-list .list-item-column-returns:nth-child(4).list-item-column-actions {
  align-items: normal;
}

@media only screen and (width >= 800px) {
  .last-baskets-list .list-item-column-returns:nth-child(5) {
    text-align: right;
    flex-shrink: 0;
    width: 15%;
  }

  .last-baskets-list .list-item-column-returns:nth-child(6) {
    text-align: right;
    flex-shrink: 0;
    width: 25%;
  }

  .last-baskets-list .list-item-column-returns:nth-child(7) {
    text-align: right;
    flex-shrink: 0;
    width: 15%;
  }
}

.last-baskets-list .list-item-column-returns .list-item-label {
  width: 40%;
  display: inline-block;
}

@media only screen and (width >= 800px) {
  .last-baskets-list .list-item-column-returns .list-item-label {
    display: none;
  }
}

.last-offers-list .item-list-head {
  display: none;
}

@media only screen and (width >= 800px) {
  .last-offers-list .item-list-head {
    display: flex;
  }
}

.last-offers-list .list-item {
  flex-wrap: wrap;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
}

@media only screen and (width >= 800px) {
  .last-offers-list .list-item {
    flex-wrap: nowrap;
  }
}

.last-offers-list .list-item-column {
  width: 100%;
  padding: .5rem 0;
}

@media only screen and (width >= 800px) {
  .last-offers-list .list-item-column {
    padding: .5rem 2rem 0 0;
  }
}

.last-offers-list .list-item-column .opc-button, .last-offers-list .list-item-column .opc-favorite-button, .last-offers-list .list-item-column .opc-compare-button, .last-offers-list .list-item-column .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-offers-list .list-item-column .notifications-ok, .last-offers-list .list-item-column .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-offers-list .list-item-column .notifications-cancel, .last-offers-list .list-item-column .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .last-offers-list .list-item-column a {
  padding-left: .5rem;
  padding-right: .5rem;
}

@media only screen and (width >= 480px) {
  .last-offers-list .list-item-column:first-child {
    flex-shrink: 0;
  }
}

@media only screen and (width >= 800px) {
  .last-offers-list .list-item-column:first-child {
    flex-shrink: 0;
    width: 15%;
  }
}

@media only screen and (width >= 480px) {
  .last-offers-list .list-item-column:nth-child(2) {
    flex-shrink: 0;
  }
}

@media only screen and (width >= 800px) {
  .last-offers-list .list-item-column:nth-child(2) {
    flex-shrink: 0;
    width: 20%;
  }
}

@media only screen and (width >= 480px) {
  .last-offers-list .list-item-column:nth-child(3) {
    flex-shrink: 0;
  }
}

@media only screen and (width >= 800px) {
  .last-offers-list .list-item-column:nth-child(3) {
    flex-shrink: 0;
    width: 10%;
  }

  .last-offers-list .list-item-column:nth-child(4) {
    text-align: right;
    flex-shrink: 0;
    width: 20%;
  }
}

.last-offers-list .list-item-column:nth-child(5) .opc-button, .last-offers-list .list-item-column:nth-child(5) .opc-favorite-button, .last-offers-list .list-item-column:nth-child(5) .opc-compare-button, .last-offers-list .list-item-column:nth-child(5) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-offers-list .list-item-column:nth-child(5) .notifications-ok, .last-offers-list .list-item-column:nth-child(5) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-offers-list .list-item-column:nth-child(5) .notifications-cancel, .last-offers-list .list-item-column:nth-child(5) .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .last-offers-list .list-item-column:nth-child(5) a {
  margin-bottom: .5rem;
  font-size: 1.2rem;
}

.last-offers-list .list-item-column:nth-child(5) {
  flex-flow: column wrap;
  padding-top: 1rem;
  display: flex;
}

@media only screen and (width >= 480px) {
  .last-offers-list .list-item-column:nth-child(5) {
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
  }
}

@media only screen and (width >= 800px) {
  .last-offers-list .list-item-column:nth-child(5) {
    text-align: right;
    flex-direction: row;
    width: 30rem;
    padding-right: 0;
    display: block;
    position: static;
  }
}

.last-offers-list .list-item-column:nth-child(5).list-item-column-actions {
  align-items: normal;
}

.last-offers-list .list-item-column .list-item-label {
  width: 30%;
  display: inline-block;
}

@media only screen and (width >= 800px) {
  .last-offers-list .list-item-column .list-item-label {
    display: none;
  }
}

.dispo-list .item-list-head {
  display: none;
}

@media only screen and (width >= 800px) {
  .dispo-list .item-list-head {
    display: flex;
  }
}

.dispo-list .list-item {
  flex-wrap: wrap;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
}

@media only screen and (width >= 800px) {
  .dispo-list .list-item {
    flex-wrap: nowrap;
  }
}

.dispo-list .list-item-column {
  width: 100%;
  padding: .5rem 0;
}

@media only screen and (width >= 800px) {
  .dispo-list .list-item-column {
    padding: .5rem 2rem 0 0;
  }
}

.dispo-list .list-item-column .opc-button, .dispo-list .list-item-column .opc-favorite-button, .dispo-list .list-item-column .opc-compare-button, .dispo-list .list-item-column .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .dispo-list .list-item-column .notifications-ok, .dispo-list .list-item-column .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .dispo-list .list-item-column .notifications-cancel, .dispo-list .list-item-column .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .dispo-list .list-item-column a {
  padding-left: .5rem;
  padding-right: .5rem;
}

@media only screen and (width >= 480px) {
  .dispo-list .list-item-column:first-child {
    flex-shrink: 0;
  }
}

@media only screen and (width >= 800px) {
  .dispo-list .list-item-column:first-child {
    flex-shrink: 0;
    width: 15%;
  }
}

@media only screen and (width >= 480px) {
  .dispo-list .list-item-column:nth-child(2) {
    flex-shrink: 0;
  }
}

@media only screen and (width >= 800px) {
  .dispo-list .list-item-column:nth-child(2) {
    flex-shrink: 0;
    width: 15%;
  }
}

@media only screen and (width >= 480px) {
  .dispo-list .list-item-column:nth-child(3) {
    flex-shrink: 0;
  }
}

@media only screen and (width >= 800px) {
  .dispo-list .list-item-column:nth-child(3) {
    flex-shrink: 0;
    width: 15%;
  }

  .dispo-list .list-item-column:nth-child(4) {
    text-align: right;
    flex-shrink: 0;
    width: 15%;
  }

  .dispo-list .list-item-column:nth-child(5) {
    text-align: right;
    flex-shrink: 0;
    align-items: flex-end;
    width: 15%;
  }
}

.dispo-list .list-item-column:nth-child(6) .opc-button, .dispo-list .list-item-column:nth-child(6) .opc-favorite-button, .dispo-list .list-item-column:nth-child(6) .opc-compare-button, .dispo-list .list-item-column:nth-child(6) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .dispo-list .list-item-column:nth-child(6) .notifications-ok, .dispo-list .list-item-column:nth-child(6) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .dispo-list .list-item-column:nth-child(6) .notifications-cancel, .dispo-list .list-item-column:nth-child(6) .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .dispo-list .list-item-column:nth-child(6) a {
  margin-bottom: .5rem;
  font-size: 1.2rem;
}

.dispo-list .list-item-column:nth-child(6) {
  flex-flow: column wrap;
  padding-top: 1rem;
  display: flex;
}

@media only screen and (width >= 480px) {
  .dispo-list .list-item-column:nth-child(6) {
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
  }
}

@media only screen and (width >= 800px) {
  .dispo-list .list-item-column:nth-child(6) {
    text-align: right;
    flex-direction: row;
    width: 30rem;
    padding-right: 0;
    display: block;
    position: static;
  }
}

.dispo-list .list-item-column:nth-child(6).list-item-column-actions {
  align-items: normal;
}

.dispo-list .list-item-column .list-item-label {
  width: 30%;
  display: inline-block;
}

@media only screen and (width >= 800px) {
  .dispo-list .list-item-column .list-item-label {
    display: none;
  }
}

.link-change-data {
  cursor: pointer;
  width: fit-content;
  margin-bottom: 24px;
  font-size: 1.8rem;
  display: block;
  color: #fbc50a !important;
}

.link-change-data:hover {
  color: #fcd755 !important;
}

.account-user-data {
  margin-bottom: 2rem;
  padding-bottom: 14rem;
}

.account-user-data .opc-form-field {
  align-self: end;
}

.account-user-data.small-row .opc-row .opc-col {
  margin-bottom: 0;
}

.account-user-data h3 {
  opacity: .6;
  margin-bottom: .5em;
}

.account-user-data dl {
  border-bottom: 1px solid #eee;
  padding: 1rem 0 0;
  font-size: 1.4rem;
}

.account-user-data dl dt {
  margin-bottom: 0;
  font-size: 1em;
}

.account-user-data dl dd {
  min-height: 44px;
  padding: 1rem 0;
}

.account-user-data dl dd.editmode {
  padding: 0;
}

.account-user-data dl dd .opc-form-field {
  margin: 0 3rem 0 0;
}

.account-user-data dl dd .opc-form-field .form-field-element input, .account-user-data dl dd .opc-form-field .form-field-element select {
  background: #f8f8f8;
  border: none;
  padding: 1rem 0;
  font-weight: bold;
}

.account-user-data .edit-btn {
  position: absolute;
  bottom: 1rem;
  right: 1.5rem;
}

.account-user-data .editmode {
  display: none;
}

.account-user-data .opc-col:hover .opc-button, .account-user-data .opc-col:hover .opc-favorite-button, .account-user-data .opc-col:hover .opc-compare-button, .account-user-data .opc-col:hover .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .account-user-data .opc-col:hover .notifications-ok, .account-user-data .opc-col:hover .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .account-user-data .opc-col:hover .notifications-cancel, .account-user-data .opc-col:hover .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .account-user-data .opc-col:hover a, .account-user-data .opc-col.is-changing .opc-button, .account-user-data .opc-col.is-changing .opc-favorite-button, .account-user-data .opc-col.is-changing .opc-compare-button, .account-user-data .opc-col.is-changing .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .account-user-data .opc-col.is-changing .notifications-ok, .account-user-data .opc-col.is-changing .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .account-user-data .opc-col.is-changing .notifications-cancel, .account-user-data .opc-col.is-changing .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .account-user-data .opc-col.is-changing a {
  display: block;
}

.account-user-data .op-icon-check, .account-user-data .is-changing dd {
  display: none;
}

.account-user-data .is-changing .editmode {
  display: block;
}

.account-user-data .is-changing .op-icon-edit {
  display: none;
}

.account-user-data .is-changing .op-icon-check {
  display: block;
}

#filter-form .opc-button, #filter-form .opc-favorite-button, #filter-form .opc-compare-button, #filter-form .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #filter-form .notifications-ok, #filter-form .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #filter-form .notifications-cancel, #filter-form .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] #filter-form a {
  align-self: end;
  margin-top: 24px;
}

.returns-info {
  flex-direction: column;
  display: flex;
}

.returns-info .returns-intro {
  font-size: 18px;
}

.returns-info .returns-instructions li {
  font-weight: 600;
}

.returns-barcode-text-area {
  height: 100%;
}

.return-no-doc-btn {
  margin-left: unset;
  grid-area: returns;
}

@media only screen and (width >= 480px) {
  .return-no-doc-btn {
    margin-left: 16px;
  }
}

.returns-small-display {
  grid-template-areas: "from to"
                       "filterBtn filterBtn"
                       "returns returns";
  display: grid;
}

@media only screen and (width >= 480px) {
  .returns-small-display {
    grid-template-areas: "from to"
                         "filterBtn returns";
  }
}

@media only screen and (width >= 800px) {
  .returns-small-display {
    grid-template-areas: "from to filterBtn returns";
  }
}

.returns-small-display * > input#field-datefrom {
  grid-area: from;
}

.returns-small-display * > input#field-dateto {
  grid-area: "";
}

.returns-small-display .filter-btn {
  grid-area: filterBtn;
}

.returns-preselection-form {
  grid-template-columns: 1fr 1fr;
  column-gap: 16px;
  max-width: 700px;
  display: grid;
}

.returns-preselection-form .returns-continue-btn {
  max-width: 160px;
}

.returns-list-head .list-item-column-returns:first-child, .returns-list-body .list-item-column-returns:first-child {
  width: 30%;
}

.returns-list-head .list-item-column-returns:nth-child(2), .returns-list-body .list-item-column-returns:nth-child(2) {
  width: 20%;
}

.returns-list-head .list-item-column-returns:nth-child(3), .returns-list-body .list-item-column-returns:nth-child(3) {
  width: 30%;
}

.returns-list-head .list-item-column-returns:nth-child(4), .returns-list-body .list-item-column-returns:nth-child(4) {
  width: 20%;
}

.returns-search-label {
  font-family: inherit;
  font-weight: 600;
}

.returns-direct-search-wrapper {
  margin-bottom: 16px;
}

.returns-article-detele-btn {
  position: absolute;
  right: 0;
}

.returns-article-detele-btn .returns-delete-btn {
  padding: 16px 32px;
}

.returns-count-input {
  max-width: 80%;
}

.returns-preselects {
  column-gap: 16px;
  display: flex;
}

.context-login-btn-short {
  display: block;
}

@media only screen and (width >= 1400px) {
  .context-login-btn-short {
    display: none !important;
  }
}

.context-login-btn-long {
  display: none;
}

@media only screen and (width >= 1400px) {
  .context-login-btn-long {
    display: block !important;
  }
}

.error-page {
  background: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4rem;
  display: flex;
}

.error-page .symbol {
  -webkit-user-select: none;
  user-select: none;
  font-size: 20rem;
  display: flex;
}

.error-page .symbol .error-number-img {
  width: 100%;
}

.error-page .symbol span {
  display: block;
}

.error-page .symbol span:first-of-type {
  opacity: .5;
  transform: rotate(10deg);
}

.error-page .symbol span:nth-of-type(2) {
  transform: rotate(-150deg);
}

.error-page .symbol span:nth-of-type(3) {
  opacity: .4;
  transform: rotate(-191deg);
}

.error-page .lead, .error-page .opc-iconbox p, .opc-iconbox .error-page p {
  margin-bottom: 4rem;
}

.error-page .opc-button, .error-page .opc-favorite-button, .error-page .opc-compare-button, .error-page .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .error-page .notifications-ok, .error-page .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .error-page .notifications-cancel, .error-page .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .error-page a {
  margin: 0 .5rem 1rem;
}

.error-page .opc-button-wrapper {
  flex-direction: column;
}

@media only screen and (width >= 600px) {
  .error-page .opc-button-wrapper {
    flex-direction: row;
  }
}

.offline {
  background: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10rem 4rem 8rem;
  display: flex;
}

.offline .brand {
  margin-bottom: 2rem;
}

.offline svg {
  opacity: .1;
  margin-bottom: 2rem;
  font-size: 18rem;
}

.offline .lead, .offline .opc-iconbox p, .opc-iconbox .offline p {
  margin-bottom: 4rem;
}

@media only screen and (width <= 800px) {
  .page-start .carousel-thumb-slides {
    display: none !important;
  }

  .page-start .opc-carousel p {
    display: none;
  }
}

.page-start .opc-article-list .article-list-item-description {
  display: none;
}

@media only screen and (width >= 800px) {
  .page-start .opc-article-list .article-list-item-description {
    display: block;
  }
}

.page-start .opc-category-navigation .show-all-categories {
  display: none;
}

.is-mobile .page-start .opc-category-navigation .show-all-categories {
  width: 100%;
  display: block;
}

.page-start .content-start {
  flex-direction: column;
  flex: 1 0 0;
  justify-content: center;
  align-items: center;
  gap: 64px;
  margin-bottom: 64px;
  display: flex;
}

@media only screen and (width >= 640px) {
  .page-start .content-start {
    gap: 72px;
    margin-bottom: 72px;
    padding-inline: 36px;
  }
}

@media only screen and (width >= 1024px) {
  .page-start .content-start {
    gap: 128px;
    margin-bottom: 128px;
  }
}

.page-start .cms__wrapper--mobile-hidden {
  display: none;
}

@media only screen and (width >= 800px) {
  .page-start .cms__wrapper--mobile-hidden {
    display: block;
  }
}

.corner {
  position: relative;
}

.corner:before {
  content: "";
  box-sizing: border-box;
  border-top: 8px solid #fbc50a;
  border-right: 8px solid #fbc50a;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -10px;
  right: -10px;
}

@media only screen and (width >= 640px) {
  .corner:before {
    border-top: 12px solid #fbc50a;
    border-right: 12px solid #fbc50a;
    width: 48px;
    height: 48px;
    top: -24px;
    right: -24px;
  }
}

.section--dark {
  background-color: #171717;
  border-radius: 12px;
  flex-direction: column;
  row-gap: 88px;
  padding: 24px;
  display: flex;
  overflow: hidden;
}

@media only screen and (width >= 640px) {
  .section--dark {
    padding: 32px;
  }
}

@media only screen and (width >= 1024px) {
  .section--dark {
    padding: 96px;
  }
}

.section--dark .section__header {
  color: #fff;
  grid-template-columns: 1fr;
  gap: 32px 24px;
  display: grid;
}

@media only screen and (width >= 640px) {
  .section--dark .section__header {
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (width >= 1024px) {
  .section--dark .section__header {
    column-gap: 128px;
    margin-inline: 144px;
  }
}

.not-supported {
  z-index: 10;
  background: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  margin: auto;
  padding: 4rem 2rem;
  display: flex;
  position: relative;
  box-shadow: 0 0 40px #ccc;
}

.not-supported .brand {
  margin-bottom: 2rem;
}

.not-supported h2 {
  text-align: center;
}

.not-supported svg {
  opacity: 1;
  margin-bottom: 2rem;
  font-size: 18rem;
}

.not-supported .lead, .not-supported .opc-iconbox p, .opc-iconbox .not-supported p {
  text-align: center;
  width: 100%;
  margin-bottom: 2rem;
}

.not-supported .browser-list {
  align-items: flex-start;
  margin-bottom: 2rem;
  display: flex;
}

.not-supported .browser-list button {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 10px;
  width: 9rem;
  height: 11rem;
  margin: 0 .5rem;
  padding: 1rem;
  display: block;
}

.not-supported .browser-list button:hover {
  background: #eee;
}

.not-supported .browser-list button svg {
  object-fit: contain;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.not-supported .opc-button, .not-supported .opc-favorite-button, .not-supported .opc-compare-button, .not-supported .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .not-supported .notifications-ok, .not-supported .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .not-supported .notifications-cancel, .not-supported .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection[data-op-layout="button"] .not-supported a {
  white-space: normal;
  height: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.store-locator__wrapper {
  padding: 2rem;
}

.store-locator__bottom-filters {
  justify-content: space-between;
  align-items: center;
  margin-top: 4rem;
  display: flex;
}

.article-list-h__title {
  background-color: #fbc50a;
  grid-template-columns: 1fr;
  gap: 24px;
  margin: 0;
  padding: 20px 32px;
  display: grid;
}

@media only screen and (width >= 640px) {
  .article-list-h__title {
    grid-template-columns: 72px auto 76px;
  }

  .article-list-h__title:not(:has(svg)) {
    grid-template-columns: auto 76px;
  }
}

.article-list-h__title--flex {
  display: flex !important;
}

.article-list-h__title-icon {
  color: #171717bf;
  width: 72px;
  height: 72px;
  font-size: 72px;
  line-height: 72px;
  display: none;
}

@media only screen and (width >= 640px) {
  .article-list-h__title-icon {
    display: block;
  }
}

.article-list-h__title-text {
  color: #171717;
  opacity: .75;
  width: 100%;
}

@media only screen and (width >= 640px) {
  .article-list-h__title-text {
    font-size: 36px;
  }
}

.article-list-h__title-image {
  height: 72px;
  display: none;
}

@media only screen and (width >= 640px) {
  .article-list-h__title-image {
    display: block;
  }
}

.article-list-h__subnavigation {
  grid-template-columns: repeat(2, 1fr);
  column-gap: 16px;
  display: grid;
}

@media only screen and (width >= 640px) {
  .article-list-h__subnavigation {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (width >= 800px) {
  .article-list-h__subnavigation {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media only screen and (width >= 1024px) {
  .article-list-h__subnavigation {
    grid-template-columns: repeat(4, 1fr);
  }
}

.article-list-h__subnavigation:not(:has( > *)) ~ .result-view-wrapper .article-list-menu {
  padding-top: 0;
}

.article-list-h__subnavigation.home {
  grid-template-columns: repeat(2, 1fr);
  column-gap: 16px;
  display: grid;
}

@media only screen and (width >= 640px) {
  .article-list-h__subnavigation.home {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (width >= 800px) {
  .article-list-h__subnavigation.home {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media only screen and (width >= 1024px) {
  .article-list-h__subnavigation.home {
    grid-template-columns: repeat(3, 1fr);
  }
}

.article-list-h__subcat-item {
  flex-direction: column;
  align-items: center;
  row-gap: 16px;
  width: 100%;
  margin-bottom: 15px;
  display: flex;
}

.article-list-h__subcat-image {
  background-color: #d3d3d380;
  justify-content: center;
  width: 100%;
  height: 140px;
  display: flex;
}

.article-list-h__subcat-image img {
  object-fit: scale-down;
}

.article-list-h__subcat-image.home {
  height: 220px;
}

.article-list-h__subcat-title {
  color: #171717;
  justify-content: center;
  width: 100%;
  display: flex;
}

.article-list-h__categories {
  margin-block: 40px;
}

.dialog {
  border: none;
}

.dialog__close-btn {
  z-index: 10;
  background-color: #0000;
  border: none;
  padding: 12px;
  position: absolute;
  top: 8px;
  right: 8px;
}

.dialog::backdrop {
  background: #00000080;
}

.register__form {
  display: block;
}

@media only screen and (width >= 1024px) {
  .register__form {
    grid-template-columns: 1fr 1fr;
    column-gap: 32px;
    display: grid;
  }
}

.register__fullwide-cell {
  grid-column: span 2;
}

.register__submit-button {
  width: fit-content !important;
}

.directsearch h1 {
  font-family: Roboto, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 72px;
}

.directsearch .article-list-item {
  padding-inline: 1.5rem;
}

* {
  box-sizing: border-box;
}

body {
  overflow: unset !important;
}

[class^="opc-rangeslider"] {
  --was-black-rgb: var(--tk-black-rgb, 0, 0, 0);
  --was-grey93: var(--tk-grey93, #eee);
  --was-bor-transp: var(--bor-transp, 1px solid var(--clr-transparent, transparent));
  --was-clr-primary: var(--clr-primary, #fc8200);
  --was-rad-002: var(--rad-002, 4px);
  --was-bor85: var(--tk-bor85, 1px solid var(--tk-grey85, #d3d5da));
  --was-clr-white: var(--clr-white, #fff);
  --was-grey73: var(--tk-grey73, #bbb);
  --was-grey87: var(--tk-grey87, #ddd);
  --was-grey80: var(--tk-grey80, #ccc);
  --was-typ-size10: var(--tk-typ-size10, 1rem);
  --was-grey67: var(--tk-grey67, #aaa);
  --was-typ-bold: var(--tk-typ-bold, 600);
}

.opc-rangeslider-target, .opc-rangeslider-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(var(--was-black-rgb), 0);
  -webkit-user-select: none;
  user-select: none;
  touch-action: none;
  touch-action: none;
  box-sizing: border-box;
}

.opc-rangeslider-target {
  position: relative;
}

.opc-rangeslider-base, .opc-rangeslider-connects {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: relative;
}

.opc-rangeslider-connects {
  z-index: 0;
  overflow: hidden;
}

.opc-rangeslider-connect, .opc-rangeslider-origin {
  will-change: transform;
  z-index: 1;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transform-style: flat;
  position: absolute;
  top: 0;
  right: 0;
}

.opc-rangeslider-txt-dir-rtl.opc-rangeslider-horizontal .opc-rangeslider-origin {
  left: 0;
  right: auto;
}

.opc-rangeslider-vertical .opc-rangeslider-origin {
  width: 0;
  top: -100%;
}

.opc-rangeslider-horizontal .opc-rangeslider-origin {
  height: 0;
}

.opc-rangeslider-handle {
  backface-visibility: hidden;
  position: absolute;
}

.opc-rangeslider-touch-area {
  width: 100%;
  height: 100%;
}

.opc-rangeslider-state-tap .opc-rangeslider-connect, .opc-rangeslider-state-tap .opc-rangeslider-origin {
  transition: transform .3s;
}

.opc-rangeslider-state-drag * {
  cursor: inherit !important;
}

.opc-rangeslider-horizontal {
  height: 10px;
}

.opc-rangeslider-horizontal .opc-rangeslider-handle {
  width: 20px;
  height: 20px;
  top: -6px;
  right: -10px;
}

.opc-rangeslider-vertical {
  width: 18px;
}

.opc-rangeslider-vertical .opc-rangeslider-handle {
  width: 20px;
  height: 20px;
  bottom: -10px;
  right: -6px;
}

.opc-rangeslider-txt-dir-rtl.opc-rangeslider-horizontal .opc-rangeslider-handle {
  left: -10px;
  right: auto;
}

.opc-rangeslider-target {
  background: var(--was-grey93);
  border: var(--was-bor-transp);
  border-radius: 50px;
  box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
}

.opc-rangeslider-connects {
  border-radius: 3px;
}

.opc-rangeslider-connect {
  background: var(--was-clr-primary);
  border-radius: var(--was-rad-002);
  transition: background .45s;
}

.opc-rangeslider-draggable {
  cursor: ew-resize;
}

.opc-rangeslider-vertical .opc-rangeslider-draggable {
  cursor: ns-resize;
}

.opc-rangeslider-handle {
  border: var(--was-tk-bor85);
  background: var(--was-clr-white);
  cursor: default;
  box-shadow: inset 0 0 1px var(--was-clr-white), inset 0 1px 7px #ebebeb, 0 3px 6px -3px var(--was-grey73);
  border-radius: 3px;
}

.opc-rangeslider-active {
  box-shadow: inset 0 0 1px var(--was-clr-white), inset 0 1px 7px var(--was-grey87), 0 3px 6px -3px var(--was-grey73);
}

.opc-rangeslider-handle:before, .opc-rangeslider-handle:after {
  content: "";
  background: var(--was-grey93);
  width: 1px;
  height: 14px;
  display: block;
  position: absolute;
  top: 6px;
  left: 14px;
}

.opc-rangeslider-handle:after {
  left: 17px;
}

.opc-rangeslider-vertical .opc-rangeslider-handle:before, .opc-rangeslider-vertical .opc-rangeslider-handle:after {
  width: 14px;
  height: 1px;
  top: 14px;
  left: 6px;
}

.opc-rangeslider-vertical .opc-rangeslider-handle:after {
  top: 17px;
}

[disabled] .opc-rangeslider-connect {
  background: var(--was-grey73);
}

[disabled].opc-rangeslider-target, [disabled].opc-rangeslider-handle, [disabled] .opc-rangeslider-handle {
  cursor: not-allowed;
}

.opc-rangeslider-pips, .opc-rangeslider-pips * {
  box-sizing: border-box;
}

.opc-rangeslider-pips {
  color: var(--was-grey80);
  position: absolute;
}

.opc-rangeslider-value {
  white-space: nowrap;
  text-align: center;
  position: absolute;
}

.opc-rangeslider-value-sub {
  color: var(--was-grey80);
  font-size: var(--was-typ-size10);
}

.opc-rangeslider-marker {
  background: var(--was-grey80);
  position: absolute;
}

.opc-rangeslider-marker-sub, .opc-rangeslider-marker-large {
  background: var(--was-grey67);
}

.opc-rangeslider-pips-horizontal {
  width: 100%;
  height: 80px;
  padding: 10px 0;
  top: 100%;
  left: 0;
}

.opc-rangeslider-value-horizontal {
  transform: translate(-50%, 50%);
}

.opc-rangeslider-rtl .opc-rangeslider-value-horizontal {
  transform: translate(50%, 50%);
}

.opc-rangeslider-marker-horizontal.opc-rangeslider-marker {
  width: 2px;
  height: 5px;
  margin-left: -1px;
}

.opc-rangeslider-marker-horizontal.opc-rangeslider-marker-sub {
  height: 10px;
}

.opc-rangeslider-marker-horizontal.opc-rangeslider-marker-large {
  height: 15px;
}

.opc-rangeslider-pips-vertical {
  height: 100%;
  padding: 0 10px;
  top: 0;
  left: 100%;
}

.opc-rangeslider-value-vertical {
  padding-left: 25px;
  transform: translate(0, -50%);
}

.opc-rangeslider-rtl .opc-rangeslider-value-vertical {
  transform: translate(0, 50%);
}

.opc-rangeslider-marker-vertical.opc-rangeslider-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.opc-rangeslider-marker-vertical.opc-rangeslider-marker-sub {
  width: 10px;
}

.opc-rangeslider-marker-vertical.opc-rangeslider-marker-large {
  width: 15px;
}

.opc-rangeslider-tooltip {
  background: var(--was-clr-white);
  color: var(--was-clr-black);
  text-align: center;
  white-space: nowrap;
  font-weight: var(--was-typ-bold);
  border: none;
  border-radius: 3px;
  padding: 5px;
  display: block;
  position: absolute;
}

.opc-rangeslider-horizontal .opc-rangeslider-tooltip {
  bottom: 120%;
  left: 50%;
  transform: translate(-50%);
}

.opc-rangeslider-horizontal .opc-rangeslider-handle-upper .opc-rangeslider-tooltip {
  left: auto;
  right: 0;
  transform: none;
}

.opc-rangeslider-horizontal .opc-rangeslider-handle-lower .opc-rangeslider-tooltip {
  left: 0;
  right: auto;
  transform: none;
}

.opc-rangeslider-vertical .opc-rangeslider-tooltip {
  top: 50%;
  right: 120%;
  transform: translate(0, -50%);
}

.opc-rangeslider-horizontal .opc-rangeslider-origin > .opc-rangeslider-tooltip {
  bottom: 10px;
  left: auto;
  transform: translate(50%);
}

.opc-rangeslider-vertical .opc-rangeslider-origin > .opc-rangeslider-tooltip {
  top: auto;
  right: 28px;
  transform: translate(0, -18px);
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  height: 100%;
  display: flex;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  pointer-events: none;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0;
  display: flex;
}

.splide__pagination li {
  pointer-events: auto;
  margin: 0;
  line-height: 1;
  list-style-type: none;
  display: inline-block;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  visibility: hidden;
  position: relative;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  margin: 0;
  position: relative;
  list-style-type: none !important;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  contain: strict;
  border: 2px solid #999;
  border-left-color: #0000;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin: auto;
  animation: 1s linear infinite splide-loading;
  display: inline-block;
  position: absolute;
  inset: 0;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  z-index: 0;
  position: relative;
  overflow: hidden;
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(1turn);
  }
}

.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  opacity: 0;
  z-index: 0;
  margin: 0 !important;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__arrow {
  cursor: pointer;
  opacity: .7;
  z-index: 1;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  padding: 0;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.splide__arrow svg {
  fill: #000;
  width: 1.2em;
  height: 1.2em;
}

.splide__arrow:hover:not(:disabled) {
  opacity: .9;
}

.splide__arrow:disabled {
  opacity: .3;
}

.splide__arrow:focus-visible {
  outline-offset: 3px;
  outline: 3px solid #0bf;
}

.splide__arrow--prev {
  left: 1em;
}

.splide__arrow--prev svg {
  transform: scaleX(-1);
}

.splide__arrow--next {
  right: 1em;
}

.splide.is-focus-in .splide__arrow:focus {
  outline-offset: 3px;
  outline: 3px solid #0bf;
}

.splide__pagination {
  z-index: 1;
  padding: 0 1em;
  position: absolute;
  bottom: .5em;
  left: 0;
  right: 0;
}

.splide__pagination__page {
  opacity: .7;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin: 3px;
  padding: 0;
  transition: transform .2s linear;
  display: inline-block;
  position: relative;
}

.splide__pagination__page.is-active {
  z-index: 1;
  background: #fff;
  transform: scale(1.4);
}

.splide__pagination__page:hover {
  cursor: pointer;
  opacity: .9;
}

.splide__pagination__page:focus-visible, .splide.is-focus-in .splide__pagination__page:focus {
  outline-offset: 3px;
  outline: 3px solid #0bf;
}

.splide__progress__bar {
  background: #ccc;
  height: 3px;
}

.splide__slide {
  -webkit-tap-highlight-color: #0000;
}

.splide__slide:focus {
  outline: 0;
}

@supports (outline-offset: -3px) {
  .splide__slide:focus-visible {
    outline-offset: -3px;
    outline: 3px solid #0bf;
  }
}

@media screen and (-ms-high-contrast: none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf;
  }
}

@supports (outline-offset: -3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline-offset: -3px;
    outline: 3px solid #0bf;
  }
}

@media screen and (-ms-high-contrast: none) {
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf;
  }

  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf;
  }
}

.splide__toggle {
  cursor: pointer;
}

.splide__toggle:focus-visible, .splide.is-focus-in .splide__toggle:focus {
  outline-offset: 3px;
  outline: 3px solid #0bf;
}

.splide__track--nav > .splide__list > .splide__slide {
  cursor: pointer;
  border: 3px solid #0000;
}

.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 3px solid #000;
}

.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em;
}

.splide__arrows--rtl .splide__arrow--prev svg {
  transform: scaleX(1);
}

.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto;
}

.splide__arrows--rtl .splide__arrow--next svg {
  transform: scaleX(-1);
}

.splide__arrows--ttb .splide__arrow {
  left: 50%;
  transform: translate(-50%);
}

.splide__arrows--ttb .splide__arrow--prev {
  top: 1em;
}

.splide__arrows--ttb .splide__arrow--prev svg {
  transform: rotate(-90deg);
}

.splide__arrows--ttb .splide__arrow--next {
  top: auto;
  bottom: 1em;
}

.splide__arrows--ttb .splide__arrow--next svg {
  transform: rotate(90deg);
}

.splide__pagination--ttb {
  flex-direction: column;
  padding: 1em 0;
  display: flex;
  inset: 0 .5em 0 auto;
}

@font-face {
  font-family: Material Icons;
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("material-icons.5d000324.woff2") format("woff2"), url("material-icons.130ad2eb.woff") format("woff");
}

.material-icons {
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-feature-settings: "liga";
  direction: ltr;
  font-family: Material Icons;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  display: inline-block;
}

@font-face {
  font-family: Material Icons Outlined;
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("material-icons-outlined.af2186d9.woff2") format("woff2"), url("material-icons-outlined.25bc5969.woff") format("woff");
}

.material-icons-outlined {
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-feature-settings: "liga";
  direction: ltr;
  font-family: Material Icons Outlined;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  display: inline-block;
}

@font-face {
  font-family: Material Icons Round;
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("material-icons-round.97b28aeb.woff2") format("woff2"), url("material-icons-round.7e0c9743.woff") format("woff");
}

.material-icons-round {
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-feature-settings: "liga";
  direction: ltr;
  font-family: Material Icons Round;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  display: inline-block;
}

@font-face {
  font-family: Material Icons Sharp;
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("material-icons-sharp.eddc8920.woff2") format("woff2"), url("material-icons-sharp.15a9d487.woff") format("woff");
}

.material-icons-sharp {
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-feature-settings: "liga";
  direction: ltr;
  font-family: Material Icons Sharp;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  display: inline-block;
}

@font-face {
  font-family: Material Icons Two Tone;
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("material-icons-two-tone.5a8a34ee.woff2") format("woff2"), url("material-icons-two-tone.e63ec37b.woff") format("woff");
}

.material-icons-two-tone {
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-feature-settings: "liga";
  direction: ltr;
  font-family: Material Icons Two Tone;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  display: inline-block;
}

@font-face {
  font-family: tk-icons;
  src: url("tk-icons.495bdaab.eot");
  src: url("tk-icons.495bdaab.eot#iefix") format("embedded-opentype"), url("tk-icons.4f6ee6e6.woff2") format("woff2"), url("tk-icons.c7aa3330.woff") format("woff"), url("tk-icons.c0b29957.ttf") format("truetype"), url("tk-icons.2275bf51.svg#tk-icons") format("svg");
}

.visuallyhidden {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  height: 0;
  position: absolute;
  left: -999999px;
}

.hide {
  display: none !important;
}

@media (width >= 576px) {
  .hide-xs {
    display: none !important;
  }
}

@media (width >= 768px) {
  .hide-s {
    display: none !important;
  }
}

@media (width >= 992px) {
  .hide-m {
    display: none !important;
  }
}

@media (width >= 1200px) {
  .hide-l {
    display: none !important;
  }
}

@media (width >= 1400px) {
  .hide-xl {
    display: none !important;
  }
}

.show-b {
  display: block !important;
}

@media (width >= 576px) {
  .show-b-xs {
    display: block !important;
  }
}

@media (width >= 768px) {
  .show-b-s {
    display: block !important;
  }
}

@media (width >= 992px) {
  .show-b-m {
    display: block !important;
  }
}

@media (width >= 1200px) {
  .show-b-l {
    display: block !important;
  }
}

@media (width >= 1400px) {
  .show-b-xl {
    display: block !important;
  }
}

.show-i {
  display: inline !important;
}

@media (width >= 576px) {
  .show-i-xs {
    display: inline !important;
  }
}

@media (width >= 768px) {
  .show-i-s {
    display: inline !important;
  }
}

@media (width >= 992px) {
  .show-i-m {
    display: inline !important;
  }
}

@media (width >= 1200px) {
  .show-i-l {
    display: inline !important;
  }
}

@media (width >= 1400px) {
  .show-i-xl {
    display: inline !important;
  }
}

.show-f {
  display: flex !important;
}

@media (width >= 576px) {
  .show-f-xs {
    display: flex !important;
  }
}

@media (width >= 768px) {
  .show-f-s {
    display: flex !important;
  }
}

@media (width >= 992px) {
  .show-f-m {
    display: flex !important;
  }
}

@media (width >= 1200px) {
  .show-f-l {
    display: flex !important;
  }
}

@media (width >= 1400px) {
  .show-f-xl {
    display: flex !important;
  }
}

@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

:host {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.swiper {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  list-style: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  z-index: 1;
  width: 100%;
  height: 100%;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
  display: flex;
  position: relative;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  transform: translate3d(0, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  transition-property: transform;
  display: block;
  position: relative;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: auto;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  pointer-events: none;
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-3d .swiper-slide-shadow {
  background: #00000026;
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(#00000080, #0000);
}

.swiper-lazy-preloader {
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-top-color: #0000;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  margin-left: -21px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: 1s linear infinite swiper-preloader-spin;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next, .swiper-button-prev {
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
  z-index: 10;
  cursor: pointer;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg, .swiper-button-prev svg {
  object-fit: contain;
  transform-origin: center;
  width: 100%;
  height: 100%;
}

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  text-transform: none !important;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-pagination {
  text-align: center;
  z-index: 10;
  transition: opacity .3s;
  position: absolute;
  transform: translate3d(0, 0, 0);
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  width: 100%;
  left: 0;
}

.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
  display: inline-block;
}

button.swiper-pagination-bullet {
  box-shadow: none;
  appearance: none;
  border: none;
  margin: 0;
  padding: 0;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  width: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, top .2s;
  display: inline-block;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, left .2s;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, right .2s;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, #00000040);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0);
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: 100% 0;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  top: 0;
  left: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  top: 0;
  left: 0;
}

.swiper-pagination-lock {
  display: none;
}

:root {
  --clr-primary: #fbc50a;
  --clr-secondary: #dea100;
  --clr-transparent: transparent;
  --clr-black: #171717;
  --clr-grey30: #494949;
  --clr-grey50: #7a7a7a;
  --clr-grey70: #c7c7c7;
  --clr-grey75: #d9d9d9;
  --clr-grey85: #e6e6e6;
  --clr-grey90: #f2f2f2;
  --clr-grey95: #f2f2f2;
  --clr-white: #fff;
  --clr-black-rgb: 15, 20, 38;
  --clr-white-rgb: 255, 255, 255;
  --clr-success: #127f58;
  --clr-error: #c12121;
  --clr-warning: #ffc32b;
  --clr-information: #3c54ac;
}

@font-face {
  font-family: tk-icons;
  src: url("tk-icons.495bdaab.eot");
  src: url("tk-icons.495bdaab.eot#iefix") format("embedded-opentype"), url("tk-icons.4f6ee6e6.woff2") format("woff2"), url("tk-icons.c7aa3330.woff") format("woff"), url("tk-icons.c0b29957.ttf") format("truetype"), url("tk-icons.2275bf51.svg#tk-icons") format("svg");
}

[class^="tk-icon-"], [class*=" tk-icon-"] {
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricprecision;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  direction: ltr;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  display: inline-flex;
  font-family: tk-icons !important;
}

:root {
  --tk-icon-instagram: "";
}

.tk-icon-instagram:before {
  content: var(--tk-icon-instagram);
}

[hidden] {
  display: none !important;
}

.spacer-pt-0 {
  padding-top: 0 !important;
}

.spacer-pr-0 {
  padding-right: 0 !important;
}

.spacer-pb-0 {
  padding-bottom: 0 !important;
}

.spacer-pl-0 {
  padding-left: 0 !important;
}

.spacer-p-0 {
  padding: 0 !important;
}

.spacer-pv-0 {
  padding-block: 0 !important;
}

.spacer-ph-0 {
  padding-inline: 0 !important;
}

.spacer-pt-1 {
  padding-top: 4px !important;
}

.spacer-pr-1 {
  padding-right: 4px !important;
}

.spacer-pb-1 {
  padding-bottom: 4px !important;
}

.spacer-pl-1 {
  padding-left: 4px !important;
}

.spacer-p-1 {
  padding: 4px !important;
}

.spacer-pv-1 {
  padding-block: 4px !important;
}

.spacer-ph-1 {
  padding-inline: 4px !important;
}

.spacer-pt-2 {
  padding-top: 8px !important;
}

.spacer-pr-2 {
  padding-right: 8px !important;
}

.spacer-pb-2 {
  padding-bottom: 8px !important;
}

.spacer-pl-2 {
  padding-left: 8px !important;
}

.spacer-p-2 {
  padding: 8px !important;
}

.spacer-pv-2 {
  padding-block: 8px !important;
}

.spacer-ph-2 {
  padding-inline: 8px !important;
}

.spacer-pt-3 {
  padding-top: 12px !important;
}

.spacer-pr-3 {
  padding-right: 12px !important;
}

.spacer-pb-3 {
  padding-bottom: 12px !important;
}

.spacer-pl-3 {
  padding-left: 12px !important;
}

.spacer-p-3 {
  padding: 12px !important;
}

.spacer-pv-3 {
  padding-block: 12px !important;
}

.spacer-ph-3 {
  padding-inline: 12px !important;
}

.spacer-pt-4 {
  padding-top: 16px !important;
}

.spacer-pr-4 {
  padding-right: 16px !important;
}

.spacer-pb-4 {
  padding-bottom: 16px !important;
}

.spacer-pl-4 {
  padding-left: 16px !important;
}

.spacer-p-4 {
  padding: 16px !important;
}

.spacer-pv-4 {
  padding-block: 16px !important;
}

.spacer-ph-4 {
  padding-inline: 16px !important;
}

.spacer-pt-5 {
  padding-top: 20px !important;
}

.spacer-pr-5 {
  padding-right: 20px !important;
}

.spacer-pb-5 {
  padding-bottom: 20px !important;
}

.spacer-pl-5 {
  padding-left: 20px !important;
}

.spacer-p-5 {
  padding: 20px !important;
}

.spacer-pv-5 {
  padding-block: 20px !important;
}

.spacer-ph-5 {
  padding-inline: 20px !important;
}

.spacer-pt-6 {
  padding-top: 24px !important;
}

.spacer-pr-6 {
  padding-right: 24px !important;
}

.spacer-pb-6 {
  padding-bottom: 24px !important;
}

.spacer-pl-6 {
  padding-left: 24px !important;
}

.spacer-p-6 {
  padding: 24px !important;
}

.spacer-pv-6 {
  padding-block: 24px !important;
}

.spacer-ph-6 {
  padding-inline: 24px !important;
}

.spacer-pt-7 {
  padding-top: 28px !important;
}

.spacer-pr-7 {
  padding-right: 28px !important;
}

.spacer-pb-7 {
  padding-bottom: 28px !important;
}

.spacer-pl-7 {
  padding-left: 28px !important;
}

.spacer-p-7 {
  padding: 28px !important;
}

.spacer-pv-7 {
  padding-block: 28px !important;
}

.spacer-ph-7 {
  padding-inline: 28px !important;
}

.spacer-pt-8 {
  padding-top: 32px !important;
}

.spacer-pr-8 {
  padding-right: 32px !important;
}

.spacer-pb-8 {
  padding-bottom: 32px !important;
}

.spacer-pl-8 {
  padding-left: 32px !important;
}

.spacer-p-8 {
  padding: 32px !important;
}

.spacer-pv-8 {
  padding-block: 32px !important;
}

.spacer-ph-8 {
  padding-inline: 32px !important;
}

.spacer-pt-9 {
  padding-top: 36px !important;
}

.spacer-pr-9 {
  padding-right: 36px !important;
}

.spacer-pb-9 {
  padding-bottom: 36px !important;
}

.spacer-pl-9 {
  padding-left: 36px !important;
}

.spacer-p-9 {
  padding: 36px !important;
}

.spacer-pv-9 {
  padding-block: 36px !important;
}

.spacer-ph-9 {
  padding-inline: 36px !important;
}

.spacer-pt-10 {
  padding-top: 40px !important;
}

.spacer-pr-10 {
  padding-right: 40px !important;
}

.spacer-pb-10 {
  padding-bottom: 40px !important;
}

.spacer-pl-10 {
  padding-left: 40px !important;
}

.spacer-p-10 {
  padding: 40px !important;
}

.spacer-pv-10 {
  padding-block: 40px !important;
}

.spacer-ph-10 {
  padding-inline: 40px !important;
}

.spacer-pt-11 {
  padding-top: 44px !important;
}

.spacer-pr-11 {
  padding-right: 44px !important;
}

.spacer-pb-11 {
  padding-bottom: 44px !important;
}

.spacer-pl-11 {
  padding-left: 44px !important;
}

.spacer-p-11 {
  padding: 44px !important;
}

.spacer-pv-11 {
  padding-block: 44px !important;
}

.spacer-ph-11 {
  padding-inline: 44px !important;
}

.spacer-pt-12 {
  padding-top: 48px !important;
}

.spacer-pr-12 {
  padding-right: 48px !important;
}

.spacer-pb-12 {
  padding-bottom: 48px !important;
}

.spacer-pl-12 {
  padding-left: 48px !important;
}

.spacer-p-12 {
  padding: 48px !important;
}

.spacer-pv-12 {
  padding-block: 48px !important;
}

.spacer-ph-12 {
  padding-inline: 48px !important;
}

.spacer-pt-13 {
  padding-top: 52px !important;
}

.spacer-pr-13 {
  padding-right: 52px !important;
}

.spacer-pb-13 {
  padding-bottom: 52px !important;
}

.spacer-pl-13 {
  padding-left: 52px !important;
}

.spacer-p-13 {
  padding: 52px !important;
}

.spacer-pv-13 {
  padding-block: 52px !important;
}

.spacer-ph-13 {
  padding-inline: 52px !important;
}

.spacer-pt-14 {
  padding-top: 56px !important;
}

.spacer-pr-14 {
  padding-right: 56px !important;
}

.spacer-pb-14 {
  padding-bottom: 56px !important;
}

.spacer-pl-14 {
  padding-left: 56px !important;
}

.spacer-p-14 {
  padding: 56px !important;
}

.spacer-pv-14 {
  padding-block: 56px !important;
}

.spacer-ph-14 {
  padding-inline: 56px !important;
}

.spacer-pt-15 {
  padding-top: 60px !important;
}

.spacer-pr-15 {
  padding-right: 60px !important;
}

.spacer-pb-15 {
  padding-bottom: 60px !important;
}

.spacer-pl-15 {
  padding-left: 60px !important;
}

.spacer-p-15 {
  padding: 60px !important;
}

.spacer-pv-15 {
  padding-block: 60px !important;
}

.spacer-ph-15 {
  padding-inline: 60px !important;
}

.spacer-pt-16 {
  padding-top: 64px !important;
}

.spacer-pr-16 {
  padding-right: 64px !important;
}

.spacer-pb-16 {
  padding-bottom: 64px !important;
}

.spacer-pl-16 {
  padding-left: 64px !important;
}

.spacer-p-16 {
  padding: 64px !important;
}

.spacer-pv-16 {
  padding-block: 64px !important;
}

.spacer-ph-16 {
  padding-inline: 64px !important;
}

.spacer-mt-0 {
  margin-top: 0 !important;
}

.spacer-mr-0 {
  margin-right: 0 !important;
}

.spacer-mb-0 {
  margin-bottom: 0 !important;
}

.spacer-ml-0 {
  margin-left: 0 !important;
}

.spacer-m-0 {
  margin: 0 !important;
}

.spacer-mv-0 {
  margin-block: 0 !important;
}

.spacer-mh-0 {
  margin-inline: 0 !important;
}

.spacer-mt-1 {
  margin-top: 4px !important;
}

.spacer-mr-1 {
  margin-right: 4px !important;
}

.spacer-mb-1 {
  margin-bottom: 4px !important;
}

.spacer-ml-1 {
  margin-left: 4px !important;
}

.spacer-m-1 {
  margin: 4px !important;
}

.spacer-mv-1 {
  margin-block: 4px !important;
}

.spacer-mh-1 {
  margin-inline: 4px !important;
}

.spacer-mt-2 {
  margin-top: 8px !important;
}

.spacer-mr-2 {
  margin-right: 8px !important;
}

.spacer-mb-2 {
  margin-bottom: 8px !important;
}

.spacer-ml-2 {
  margin-left: 8px !important;
}

.spacer-m-2 {
  margin: 8px !important;
}

.spacer-mv-2 {
  margin-block: 8px !important;
}

.spacer-mh-2 {
  margin-inline: 8px !important;
}

.spacer-mt-3 {
  margin-top: 12px !important;
}

.spacer-mr-3 {
  margin-right: 12px !important;
}

.spacer-mb-3 {
  margin-bottom: 12px !important;
}

.spacer-ml-3 {
  margin-left: 12px !important;
}

.spacer-m-3 {
  margin: 12px !important;
}

.spacer-mv-3 {
  margin-block: 12px !important;
}

.spacer-mh-3 {
  margin-inline: 12px !important;
}

.spacer-mt-4 {
  margin-top: 16px !important;
}

.spacer-mr-4 {
  margin-right: 16px !important;
}

.spacer-mb-4 {
  margin-bottom: 16px !important;
}

.spacer-ml-4 {
  margin-left: 16px !important;
}

.spacer-m-4 {
  margin: 16px !important;
}

.spacer-mv-4 {
  margin-block: 16px !important;
}

.spacer-mh-4 {
  margin-inline: 16px !important;
}

.spacer-mt-5 {
  margin-top: 20px !important;
}

.spacer-mr-5 {
  margin-right: 20px !important;
}

.spacer-mb-5 {
  margin-bottom: 20px !important;
}

.spacer-ml-5 {
  margin-left: 20px !important;
}

.spacer-m-5 {
  margin: 20px !important;
}

.spacer-mv-5 {
  margin-block: 20px !important;
}

.spacer-mh-5 {
  margin-inline: 20px !important;
}

.spacer-mt-6 {
  margin-top: 24px !important;
}

.spacer-mr-6 {
  margin-right: 24px !important;
}

.spacer-mb-6 {
  margin-bottom: 24px !important;
}

.spacer-ml-6 {
  margin-left: 24px !important;
}

.spacer-m-6 {
  margin: 24px !important;
}

.spacer-mv-6 {
  margin-block: 24px !important;
}

.spacer-mh-6 {
  margin-inline: 24px !important;
}

.spacer-mt-7 {
  margin-top: 28px !important;
}

.spacer-mr-7 {
  margin-right: 28px !important;
}

.spacer-mb-7 {
  margin-bottom: 28px !important;
}

.spacer-ml-7 {
  margin-left: 28px !important;
}

.spacer-m-7 {
  margin: 28px !important;
}

.spacer-mv-7 {
  margin-block: 28px !important;
}

.spacer-mh-7 {
  margin-inline: 28px !important;
}

.spacer-mt-8 {
  margin-top: 32px !important;
}

.spacer-mr-8 {
  margin-right: 32px !important;
}

.spacer-mb-8 {
  margin-bottom: 32px !important;
}

.spacer-ml-8 {
  margin-left: 32px !important;
}

.spacer-m-8 {
  margin: 32px !important;
}

.spacer-mv-8 {
  margin-block: 32px !important;
}

.spacer-mh-8 {
  margin-inline: 32px !important;
}

.spacer-mt-9 {
  margin-top: 36px !important;
}

.spacer-mr-9 {
  margin-right: 36px !important;
}

.spacer-mb-9 {
  margin-bottom: 36px !important;
}

.spacer-ml-9 {
  margin-left: 36px !important;
}

.spacer-m-9 {
  margin: 36px !important;
}

.spacer-mv-9 {
  margin-block: 36px !important;
}

.spacer-mh-9 {
  margin-inline: 36px !important;
}

.spacer-mt-10 {
  margin-top: 40px !important;
}

.spacer-mr-10 {
  margin-right: 40px !important;
}

.spacer-mb-10 {
  margin-bottom: 40px !important;
}

.spacer-ml-10 {
  margin-left: 40px !important;
}

.spacer-m-10 {
  margin: 40px !important;
}

.spacer-mv-10 {
  margin-block: 40px !important;
}

.spacer-mh-10 {
  margin-inline: 40px !important;
}

.spacer-mt-11 {
  margin-top: 44px !important;
}

.spacer-mr-11 {
  margin-right: 44px !important;
}

.spacer-mb-11 {
  margin-bottom: 44px !important;
}

.spacer-ml-11 {
  margin-left: 44px !important;
}

.spacer-m-11 {
  margin: 44px !important;
}

.spacer-mv-11 {
  margin-block: 44px !important;
}

.spacer-mh-11 {
  margin-inline: 44px !important;
}

.spacer-mt-12 {
  margin-top: 48px !important;
}

.spacer-mr-12 {
  margin-right: 48px !important;
}

.spacer-mb-12 {
  margin-bottom: 48px !important;
}

.spacer-ml-12 {
  margin-left: 48px !important;
}

.spacer-m-12 {
  margin: 48px !important;
}

.spacer-mv-12 {
  margin-block: 48px !important;
}

.spacer-mh-12 {
  margin-inline: 48px !important;
}

.spacer-mt-13 {
  margin-top: 52px !important;
}

.spacer-mr-13 {
  margin-right: 52px !important;
}

.spacer-mb-13 {
  margin-bottom: 52px !important;
}

.spacer-ml-13 {
  margin-left: 52px !important;
}

.spacer-m-13 {
  margin: 52px !important;
}

.spacer-mv-13 {
  margin-block: 52px !important;
}

.spacer-mh-13 {
  margin-inline: 52px !important;
}

.spacer-mt-14 {
  margin-top: 56px !important;
}

.spacer-mr-14 {
  margin-right: 56px !important;
}

.spacer-mb-14 {
  margin-bottom: 56px !important;
}

.spacer-ml-14 {
  margin-left: 56px !important;
}

.spacer-m-14 {
  margin: 56px !important;
}

.spacer-mv-14 {
  margin-block: 56px !important;
}

.spacer-mh-14 {
  margin-inline: 56px !important;
}

.spacer-mt-15 {
  margin-top: 60px !important;
}

.spacer-mr-15 {
  margin-right: 60px !important;
}

.spacer-mb-15 {
  margin-bottom: 60px !important;
}

.spacer-ml-15 {
  margin-left: 60px !important;
}

.spacer-m-15 {
  margin: 60px !important;
}

.spacer-mv-15 {
  margin-block: 60px !important;
}

.spacer-mh-15 {
  margin-inline: 60px !important;
}

.spacer-mt-16 {
  margin-top: 64px !important;
}

.spacer-mr-16 {
  margin-right: 64px !important;
}

.spacer-mb-16 {
  margin-bottom: 64px !important;
}

.spacer-ml-16 {
  margin-left: 64px !important;
}

.spacer-m-16 {
  margin: 64px !important;
}

.spacer-mv-16 {
  margin-block: 64px !important;
}

.spacer-mh-16 {
  margin-inline: 64px !important;
}

.tk-tabs-tab {
  --bor-003: $tab-border-width solid var(--clr-grey90);
  flex-direction: column;
  gap: 16px;
  width: 100%;
  display: flex;
}

.tk-tabs-tab__head {
  justify-content: center;
  display: flex;
}

.tk-tabs-tab__content {
  animation: 1s fade-effect;
  display: none;
}

.tk-tabs-tab__item {
  border: 1px solid var(--clr-transparent);
  background-color: var(--clr-transparent);
  border-radius: var(--rad-002);
  height: 36px;
  font-size: var(--typ-body-size);
  line-height: var(--typ-body-size);
  cursor: pointer;
  color: var(--clr-grey60);
  outline: 0;
  justify-content: center;
  align-items: center;
  column-gap: 4px;
  padding-inline: 16px;
  text-decoration: none;
  transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tk-tabs-tab__item:before {
  border-top: var(--bor-transparent);
  border-radius: var(--rad-002);
  content: "";
  border-top-width: 3px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate3d(0, 100%, 0) translate3d(0, -6px, 0);
}

.tk-tabs-tab__item:hover {
  color: var(--clr-grey30);
}

.tk-tabs-tab__item:hover:before {
  border-top: var(--bor-003);
}

.tk-tabs-tab__item:active {
  color: var(--clr-grey30);
}

.tk-tabs-tab__item:active:before {
  border-top: var(--bor-003);
  border-color: var(--clr-grey70);
}

.tk-tabs-tab--active.tk-tabs-tab__content {
  display: block;
}

.tk-tabs-tab--active.tk-tabs-tab__item {
  color: var(--clr-grey30);
}

.tk-tabs-tab--active.tk-tabs-tab__item:before {
  border-top: 3px solid var(--clr-primary);
}

.tk-tabs-tab--animation-off .tk-tabs-tab__content {
  animation: none;
}

.tk-tabs-tab__item--size-s {
  height: 28px;
  font-size: var(--typ-bodysmall-size);
  line-height: var(--typ-bodysmall-size);
  padding-inline: 16px;
}

.tk-tabs-tab__item--size-l {
  height: 36px;
  font-size: var(--typ-body-size);
  line-height: var(--typ-body-size);
  padding-inline: 16px;
}

.tk-tabs-accordion {
  min-width: 240px;
  display: block;
}

.tk-tabs-accordion__head {
  cursor: pointer;
  border-top: var(--bor-001);
  justify-content: space-between;
  align-items: center;
  height: 48px;
  padding-left: 16px;
  padding-right: 8px;
  display: flex;
}

.tk-tabs-accordion__head--no-border {
  border-top: none;
}

.tk-tabs-accordion__head:hover {
  background: var(--clr-grey95);
}

.tk-tabs-accordion__head:active {
  background: var(--clr-grey90);
}

.tk-tabs-accordion__head i[class^="tk-icon-"] {
  align-items: center;
  height: 48px;
  font-size: 24px;
  display: flex;
}

.tk-tabs-accordion__head--link {
  color: var(--clr-white);
  border: unset;
  background-color: #0000;
  border-top: 1px solid;
  width: 100%;
  text-decoration: none;
  pointer-events: all !important;
  font-weight: 400 !important;
}

.tk-tabs-accordion__head--link:visited, .tk-tabs-accordion__head--link:link {
  color: var(--clr-white);
}

.tk-tabs-accordion__body {
  will-change: auto;
  grid-template-rows: 0fr;
  transition: grid-template-rows .2s ease-out;
  display: grid;
}

.tk-tabs-accordion__content {
  white-space: normal;
  overflow: hidden;
}

.tk-tabs-accordion--active .tk-tabs-accordion__body {
  grid-template-rows: 1fr;
}

.tk-tabs-accordion--dark {
  color: var(--clr-white);
}

.tk-tabs-accordion--dark .tk-tabs-accordion__head {
  border-color: var(--clr-grey50);
}

.tk-tabs-accordion--dark .tk-tabs-accordion__head:hover {
  color: var(--clr-white);
  background: var(--clr-grey30);
}

.tk-tabs-accordion--dark .tk-tabs-accordion__head:active {
  color: var(--clr-white);
  background: var(--clr-black);
}

.tk-tabs-accordion--icon-scroll-with {
  position: relative;
}

.tk-tabs-accordion--icon-scroll-with .tk-tabs-accordion__head {
  padding-inline: 0;
}

.tk-tabs-accordion--icon-scroll-with .tk-tabs-accordion__head i[class^="tk-icon-"] {
  padding-right: 8px;
  position: sticky;
  right: 0;
}

.tk-tabs-accordion--icon-scroll-with .tk-tabs-accordion__label {
  padding-left: 16px;
  position: sticky;
  left: 0;
}

@keyframes fade-effect {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

dialog {
  box-shadow: var(--sdw-003);
  border: 0;
  border-radius: 8px;
  padding: 32px;
}

dialog::backdrop {
  backdrop-filter: blur(10px);
}

dialog:focus-visible {
  outline: none;
}

tk-dialog {
  display: contents;
}

.tk-dialog {
  z-index: 1000;
}

.tk-dialog:not(dialog) {
  width: fit-content;
  height: fit-content;
  margin: auto;
  padding: 0;
  display: none;
}

.tk-dialog__close {
  top: 8px;
  right: 8px;
  position: absolute !important;
}

.tk-dialog__close:before {
  content: var(--tk-icon-cross);
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricprecision;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  direction: ltr;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  display: inline-block;
  font-family: tk-icons !important;
}

.tk-dialog__inner {
  max-width: 420px;
}

.tk-dialog__description {
  margin: 0;
}

.tk-dialog__footer {
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
  display: flex;
}

.tk-dialog__footer--no-margin {
  margin-top: unset;
}

.tk-dialog--popup {
  margin: 0;
}

.tk-dialog--open {
  width: 100%;
  height: 100%;
  box-shadow: var(--sdw-003);
  z-index: 100;
  border-radius: 8px;
  padding: 32px;
  position: fixed;
  inset: 0;
  overflow: auto;
  display: block !important;
}

.tk-dialog--open .tk-dialog__inner {
  background-color: var(--clr-white);
  padding: 32px;
}

.tk-dialog--open:before {
  content: "";
  backdrop-filter: blur(4px);
  z-index: -1;
  background: #0000001a;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0;
}

.tk-dialog--fullscreen {
  border-radius: 0;
  width: 100% !important;
  height: 100% !important;
}

.tk-dialog--fullscreen .tk-dialog__inner {
  max-width: unset;
  min-width: 100%;
  height: 100%;
}

.tk-dialog--max-width .tk-dialog__footer {
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  display: grid;
}

@media (width >= 576px) {
  .tk-dialog--max-width .tk-dialog__inner {
    min-width: 420px;
  }

  .tk-dialog--max-width .tk-dialog__footer {
    display: flex;
  }
}

.tk-dialog--responsive, .tk-dialog--responsive .tk-dialog__inner {
  width: fit-content;
  max-width: 100%;
}

.tk-static-content {
  hyphens: auto;
  display: block;
  position: relative;
}

.tk-static-content__button {
  width: 36px;
  padding: 0;
  top: 4px;
  right: 4px;
  position: absolute !important;
}

.tk-static-content__button .tk-button__label {
  display: none;
}

.tk-static-content-editor {
  grid-template: "head"
                 "body" 1fr
                 "footer"
                 / 1fr;
  row-gap: 16px;
  height: 100%;
  display: grid;
}

.tk-static-content-editor__head {
  grid-area: head;
}

.tk-static-content-editor__body {
  grid-area: body;
}

.tk-static-content-editor__body .tox-tinymce {
  height: 100% !important;
}

.tk-static-content-editor__body .tox-edit-area__iframe {
  padding: 16px;
}

.tk-static-content-editor__footer {
  grid-area: footer;
  justify-content: flex-end;
  gap: 16px;
  display: flex;
}

.tk-carousel {
  visibility: hidden;
  grid-template-columns: 1fr;
  grid-template-areas: "track";
  justify-items: center;
  display: grid;
}

@media (width >= 1200px) {
  .tk-carousel {
    grid-template-areas: "track"
                         "navigation";
  }
}

.tk-carousel__track {
  flex-direction: column;
  grid-area: track;
  gap: 32px;
  width: 100%;
  padding-block: 32px;
  padding-inline: 4px;
  display: flex;
  overflow: hidden;
}

.tk-carousel__bereiche video {
  object-fit: contain;
  object-position: center;
  background: #000;
  width: auto;
  height: 100%;
}

.tk-carousel__slider {
  grid-area: slider;
  grid-auto-flow: column !important;
  gap: 0 !important;
}

.tk-carousel__item img {
  object-fit: cover;
  max-width: 100%;
  display: block;
}

.tk-carousel__navigation {
  grid-template-columns: repeat(3, auto);
  grid-template-areas: "prev pagination next";
  justify-content: center;
  align-items: center;
  column-gap: 16px;
  width: 100%;
  display: grid;
}

.tk-carousel__arrow {
  position: inherit;
  color: var(--clr-black);
  opacity: 1;
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  display: flex;
  transform: none;
}

.tk-carousel__arrow:hover {
  border: 1px solid var(--clr-grey90);
}

.tk-carousel__arrow:active {
  border: 1px solid var(--clr-grey90);
  background-color: var(--clr-grey90);
}

.tk-carousel__arrow--disabled {
  border: 1px solid var(--clr-grey85);
  background-color: var(--clr-grey90);
  color: var(--clr-grey60);
  cursor: not-allowed;
}

.tk-carousel__arrow--prev, .tk-carousel__arrow--next {
  position: static;
}

.tk-carousel__arrow--prev:after, .tk-carousel__arrow--next:after {
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricprecision;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  direction: ltr;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  display: inline-block;
  font-family: tk-icons !important;
}

.tk-carousel__arrow--prev {
  grid-area: prev;
  justify-self: end;
}

.tk-carousel__arrow--prev:after {
  content: var(--tk-icon-chevron-left);
}

.tk-carousel__arrow--next {
  grid-area: next;
  justify-self: start;
}

.tk-carousel__arrow--next:after {
  content: var(--tk-icon-chevron-right);
}

.tk-carousel__pagination {
  grid-area: pagination;
  display: flex;
}

@media (width >= 768px) {
  .tk-carousel__pagination {
    column-gap: 8px;
  }
}

.tk-carousel__pagination--dark .tk-carousel__pagination-page:before {
  border-color: var(--clr-white);
}

.tk-carousel__pagination--dark .tk-carousel__pagination-page:hover:before, .tk-carousel__pagination--dark .tk-carousel__pagination-page--active:before {
  background-color: var(--clr-white);
}

.tk-carousel__pagination-page {
  cursor: pointer;
  opacity: 1;
  margin: 0;
  background: none;
  outline: none;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-inline: 4px;
  display: flex;
}

.tk-carousel__pagination-page:before {
  content: "";
  box-sizing: border-box;
  background-color: var(--clr-transparent);
  border: 1px solid var(--clr-black);
  border-radius: 4px;
  flex: 0 0 8px;
  width: 8px;
  height: 8px;
  padding: 0;
  transition: background-color .2s ease-in-out;
  display: block;
}

.tk-carousel__pagination-page:hover:before, .tk-carousel__pagination-page--active:before {
  background-color: var(--clr-black);
}

.tk-carousel--media-slider {
  position: relative;
}

.tk-carousel--media-slider .tk-carousel__track {
  align-items: center;
  padding-block: 0;
}

.tk-carousel--media-slider .tk-carousel__item img {
  width: 100%;
  height: 246px;
}

.tk-carousel--media-slider .tk-carousel__navigation {
  border-radius: var(--rad-002);
  z-index: 1;
  width: auto;
}

.tk-carousel--media-slider .tk-carousel__arrow--disabled button {
  cursor: not-allowed;
  background-color: var(--clr-grey75) !important;
  border-color: var(--clr-grey75) !important;
  color: var(--clr-grey50) !important;
}

.tk-carousel--loaded {
  visibility: visible;
}
/*# sourceMappingURL=struct.css.map */