:root {
  --bs-border-radius: var(--rt-border-radius);
}

ul,
ol {
  padding: 0;
  margin: 0;
}
ul ul, ul ol,
ol ul,
ol ol {
  padding: 0;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-bottom: 0;
}

.nav {
  --bs-nav-link-color: var(--rt-color-grey-400);
  --bs-nav-link-hover-color: var(--rt-color-grey-400);
  --bs-nav-link-disabled-color: var(--rt-color-grey-150);
}

.nav-tabs {
  --bs-nav-tabs-link-active-color: var(--rt-color-primary-dark);
}

.nav-link.active {
  --bs-nav-link-font-weight: 700;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

ul,
ol {
  list-style: none;
}

a {
  text-decoration: none;
  color: currentColor;
}

body {
  min-height: 100vh;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
button,
input,
label {
  line-height: 1.1;
}

img,
picture {
  display: block;
  max-width: 100%;
  height: auto;
}

input,
button,
textarea,
select {
  font: inherit;
}

textarea:not([rows]) {
  min-height: 10em;
}

:target {
  scroll-margin-block: 5ex;
}

image-picker {
  display: flex;
  flex-direction: column;
}
image-picker .rt-file-picker.rt-file-limit-reached {
  display: none;
}
image-picker.is-invalid {
  padding: 0.5em;
  border: 1px solid var(--rt-color-brand-400);
}
image-picker.is-invalid ~ .invalid-feedback {
  display: block;
  position: initial;
  color: var(--rt-color-brand-400);
}
image-picker ~ .invalid-feedback {
  display: hidden;
}
image-picker .hidden-inputs__already-existing,
image-picker .hidden-inputs__to-delete {
  display: none;
}
image-picker .images {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 1em;
}
image-picker .images:not(:empty) {
  margin-bottom: 2em;
}
image-picker .images .image-card {
  display: grid;
  grid-template-areas: "image-card";
  cursor: move;
}
image-picker .images .image-card > * {
  grid-area: image-card;
}
image-picker .images .image-card--shaking {
  animation: tilt-shaking 0.25s infinite;
}
image-picker .images .image-card--droptarget > img {
  border: 3px solid var(--rt-color-brand-400) !important;
}
image-picker .images .image-card > img {
  max-height: 300px;
  object-fit: contain;
  aspect-ratio: 4/3;
  background-color: var(--rt-color-grey-100);
  border-radius: var(--rt-border-radius);
  padding: 1em;
  width: 100%;
  height: 100%;
  transition: opacity 0.4s ease-out;
}
image-picker .images .image-card > img.cover {
  object-fit: cover;
}
image-picker .images .image-card button {
  place-self: center;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition-property: opacity, visibility;
  transition-duration: 0.4s;
}
image-picker .images .image-card:hover > img {
  opacity: 0.4;
}
image-picker .images .image-card:hover > button {
  opacity: 1;
  visibility: visible;
}

@keyframes tilt-shaking {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(0.5deg);
  }
  50% {
    transform: rotate(0eg);
  }
  75% {
    transform: rotate(-0.5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.rt-file-picker {
  --rt-file-picker-drop-area-height: 200px;
  --rt-file-picker-drop-area-gap: 15px;
  display: flex;
  flex-direction: column;
  /* gap: var(--rt-file-picker-drop-area-gap); */
  width: 100%;
}
.rt-file-picker div {
  display: flex;
  gap: 1em;
  align-items: center;
}
.rt-file-picker div .rt-btn {
  width: min-content;
}
.rt-file-picker .rt-file-picker__drop-area {
  background-color: var(--rt-color-white);
  color: var(--rt-color-grey-300);
  display: flex;
  gap: 1em;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: var(--rt-file-picker-drop-area-height);
  cursor: pointer;
  border: 2px dashed var(--rt-color-grey-200);
  border-radius: var(--rt-border-radius);
  margin-top: calc(-1 * var(--rt-file-picker-drop-area-height) + var(--rt-file-picker-drop-area-gap));
}
.rt-file-picker .rt-file-picker__drop-area span {
  font-size: var(--rt-font-size-700);
  font-weight: var(--rt-font-weight-400);
}
.rt-file-picker input[type=file] {
  outline: inherit;
  width: 100%;
  cursor: pointer;
  background-color: transparent;
  color: transparent;
  z-index: 1;
  padding-bottom: var(--rt-file-picker-drop-area-height);
  /* padding-bottom: calc(
      var(--rt-file-picker-drop-area-height) +
          var(--rt-file-picker-drop-area-gap)
  ); */
  /* Btn Styles */
}
.rt-file-picker input[type=file]::file-selector-button {
  background-color: transparent;
  color: transparent;
  border: none;
  transition: opacity 250ms;
}
@supports (-moz-appearance: none) {
  .rt-file-picker input[type=file]::file-selector-button {
    color: transparent;
  }
}
.rt-file-picker input[type=file] {
  /* &::file-selector-button {
      background-color: var(--rt-color-white);
      border: 1px solid var(--rt-color-grey-400);
      border-radius: var(--rt-border-radius);
      padding: 0.6em 1.5em;

      color: var(--rt-color-grey-400);
      font-size: var(--rt-font-size-500);
      font-weight: var(--rt-font-weight-500);
      text-align: center;
      line-height: 1.3;

      transition: opacity 250ms;

      @supports (-moz-appearance: none) {
          color: var(--rt-color-grey-400);
      }

      &:hover {
          opacity: 0.7;
      }
  } */
}

.rt-file-picker-selected {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5em;
  margin-bottom: 0.5em;
}

* {
  scrollbar-width: thin; /* Firefox: makes scrollbar thin */
  scrollbar-color: var(--rt-color-grey-400) transparent; /* Firefox: color */
}
* ::selection {
  background: var(--rt-color-brand-100); /* highlight color */
}

body:has(.rt-wrapper) {
  display: grid;
  grid-template-rows: auto 1fr;
  width: max(768px, 100%);
  height: 100vh;
  overflow-x: auto;
}
@media (max-width: 767.9px) {
  body:has(.rt-wrapper) {
    height: auto;
  }
}
body {
  font-family: var(--rt-font-family-primary);
  font-size: var(--rt-font-size-400);
  font-weight: var(--rt-font-weight-400);
  color: var(--rt-color-primary-dark);
}
body .rt-main-logo img {
  height: 2em;
}

a {
  transition: 250ms opacity;
}
a:hover {
  opacity: 0.7;
}
a > i {
  margin-left: 0.25em;
}

button {
  border: none;
  background: none;
  cursor: pointer;
}

select option {
  font-family: sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--rt-color-primary-dark);
}

h1 {
  font-size: var(--rt-font-size-900);
  font-weight: var(--rt-font-weight-400);
}

h2 {
  font-size: var(--rt-font-size-600);
  font-weight: var(--rt-font-weight-600);
}

h3 {
  font-size: var(--rt-font-size-500);
  font-weight: var(--rt-font-weight-600);
}

h4 {
  font-size: var(--rt-font-size-400);
  font-weight: var(--rt-font-weight-600);
}

h5 {
  font-size: var(--rt-font-size-300);
  font-weight: var(--rt-font-weight-600);
}

h6 {
  font-size: var(--rt-font-size-200);
  font-weight: var(--rt-font-weight-600);
}

:is(h1, h2, h3, h4, h5, h6) i {
  font-size: var(--rt-font-size-600);
}

.rt-page-subtitle {
  margin-bottom: 1em;
}

.rt-page-content {
  width: fit-content;
  min-width: 100%;
}

.toast {
  font-size: var(--rt-font-size-500);
  position: absolute;
  z-index: 10;
  bottom: 1em;
  right: 2em;
}

.no-transition {
  transition: none !important;
}

.ql-snow .ql-picker-label {
  width: 8em;
}

#go-up {
  display: grid;
  font-size: var(--rt-font-size-900);
  justify-items: center;
  align-items: center;
  text-align: center;
  color: var(--rt-color-brand-400);
  bottom: 15px;
  right: 20px;
  background-color: white;
  border-radius: 100%;
  cursor: pointer;
  position: fixed;
  z-index: 1000;
}
#go-up a {
  line-height: 1ch;
}
#go-up a > i::before {
  border-radius: 100%;
  border: 5px solid var(--rt-color-brand-100);
}
#go-up a > i {
  margin: 0;
}

.rt-datetime-to-format-in-user-locale, rt-date-to-format-in-user-locale, rt-time-to-format-in-user-locale {
  visibility: hidden;
}

.rt-hidden {
  display: none;
}

.rt-filters-section {
  display: flex;
  gap: 2em;
  justify-content: space-between;
}
.rt-filters-section > .rt-filters-applied {
  display: flex;
  gap: 1em;
  flex-wrap: wrap;
}
.rt-filters-section + table {
  margin-top: 2em;
}

.rt-form-group > .flatpickr-wrapper {
  width: 100%;
}

.rt-loading-spinner {
  color: var(--rt-color-brand-400);
  margin: auto;
  display: block;
}

.rt-loading:has(.rt-loading-spinner) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

td.rt-loading:has(.rt-loading-spinner) {
  display: table-cell;
}

@font-face {
  font-family: "SF Pro";
  src: url("/v2.0/font/sf-pro/SF-Pro.woff2");
}
:root {
  --rt-font-family-primary: "Arial";
  --rt-font-family-bootstrap-icons: bootstrap-icons !important;
  --rt-font-size-900: 32px;
  --rt-font-size-800: 28px;
  --rt-font-size-700: 24px;
  --rt-font-size-600: 20px;
  --rt-font-size-500: 16px;
  --rt-font-size-400: 14px;
  --rt-font-size-300: 13px;
  --rt-font-size-200: 12px;
  --rt-font-weight-400: 400;
  --rt-font-weight-500: 500;
  --rt-font-weight-600: 600;
  --rt-font-weight-700: 700;
}

:root {
  --rt-color-primary-dark: light-dark(#222222, #fff);
  --rt-color-brand-400-filter-from-black: invert(69%) sepia(88%) saturate(3523%) hue-rotate(7deg)
    brightness(104%) contrast(97%);
  --rt-quill-toolbar-buttons-color-filter: brightness(0%)
    var(--rt-color-brand-400-filter-from-black);
  --rt-color-brand-400: #f09a04;
  --rt-color-brand-300: hsl(from var(--rt-color-brand-400) h s calc(l * 1.1));
  --rt-color-brand-250: hsl(from var(--rt-color-brand-400) h s calc(l * 1.3));
  --rt-color-brand-200: hsl(from var(--rt-color-brand-400) h s calc(l * 1.5));
  --rt-color-brand-150: hsl(from var(--rt-color-brand-400) h s calc(l * 1.7));
  --rt-color-brand-100: hsl(from var(--rt-color-brand-400) h s calc(l * 1.9));
  --rt-color-grey-400: light-dark(#898888, #767777);
  --rt-color-grey-300: light-dark(#a3a3a3, #5c5c5c);
  --rt-color-grey-250: light-dark(#b8b8b8, #474747);
  --rt-color-grey-200: light-dark(#cccccc, #333333);
  --rt-color-grey-150: light-dark(#e0e0e0, #141414);
  --rt-color-grey-100: light-dark(#f4f5f6, #0b0a09);
  --rt-color-white: light-dark(#fff, #222);
  --rt-color-success-400: #00894f;
  --rt-color-success-300: #d9f8eb;
  --rt-color-danger-400: #be0000;
  --rt-color-danger-300: #ffb5b5;
  --rt-color-alert-400: #f09a26;
  --rt-color-alert-300: #fdf0de;
  --rt-color-blue-400: #012bd3;
  --rt-color-blue-300: #d8ddfd;
  --bs-body-color: light-dark(#212529, #dee2e6);
  --bs-body-bg: light-dark(#fff, #212529);
  --bs-emphasis-color: light-dark(#000, #fff);
  --bs-secondary-color: light-dark(rgba(33, 37, 41, 0.75), rgba(222, 226, 230, 0.75));
  --bs-secondary-bg: light-dark(#e9ecef, #343a40);
  --bs-tertiary-color: light-dark(rgba(33, 37, 41, 0.75), rgba(222, 226, 230, 0.5));
  --bs-tertiary-bg: light-dark(#f8f9fa, #2b3035);
  --bs-primary-text-emphasis: light-dark(#052c65, #6ea8fe);
  --bs-secondary-text-emphasis: light-dark(#2b2f32, #a7acb1);
  --bs-success-text-emphasis: light-dark(#0a3622, #75b798);
  --bs-info-text-emphasis: light-dark(#055160, #6edff6);
  --bs-warning-text-emphasis: light-dark(#664d03, #ffda6a);
  --bs-danger-text-emphasis: light-dark(#58151c, #ea868f);
  --bs-light-text-emphasis: light-dark(#495057, #f8f9fa);
  --bs-dark-text-emphasis: light-dark(#495057, #dee2e6);
  --bs-primary-bg-subtle: light-dark(#cfe2ff, #031633);
  --bs-secondary-bg-subtle: light-dark(#e2e3e5, #161719);
  --bs-success-bg-subtle: light-dark(#d1e7dd, #051b11);
  --bs-info-bg-subtle: light-dark(#cff4fc, #032830);
  --bs-warning-bg-subtle: light-dark(#fff3cd, #332701);
  --bs-danger-bg-subtle: light-dark(#f8d7da, #2c0b0e);
  --bs-light-bg-subtle: light-dark(#fcfcfd, #343a40);
  --bs-dark-bg-subtle: light-dark(#ced4da, #1a1d20);
  --bs-primary-border-subtle: light-dark(#9ec5fe, #084298);
  --bs-secondary-border-subtle: light-dark(#c4c8cb, #41464b);
  --bs-success-border-subtle: light-dark(#a3cfbb, #0f5132);
  --bs-info-border-subtle: light-dark(#9eeaf9, #087990);
  --bs-warning-border-subtle: light-dark(#ffe69c, #997404);
  --bs-danger-border-subtle: light-dark(#f1aeb5, #842029);
  --bs-light-border-subtle: light-dark(#e9ecef, #495057);
  --bs-dark-border-subtle: light-dark(#adb5bd, #343a40);
  --bs-link-color: light-dark(#0d6efd, #6ea8fe);
  --bs-link-hover-color: light-dark(#0a58ca, #8bb9fe);
  --bs-code-color: light-dark(#d63384, #e685b5);
  --bs-highlight-color: light-dark(#212529, #dee2e6);
  --bs-highlight-bg: light-dark(#fff3cd, #664d03);
  --bs-border-color: light-dark(#dee2e6, #495057);
  --bs-border-color-translucent: light-dark(rgba(0, 0, 0, 0.175), rgba(255, 255, 255, 0.15));
  --bs-form-valid-color: light-dark(#198754, #75b798);
  --bs-form-valid-border-color: light-dark(#198754, #75b798);
  --bs-form-invalid-color: light-dark(#dc3545, #ea868f);
  --bs-form-invalid-border-color: light-dark(#dc3545, #ea868f);
}

:root {
  --rt-border-radius: 3px;
}

.rt-powered-by__retail {
  font-weight: var(--rt-font-weight-700);
}
.rt-powered-by__tune {
  color: #f09a04;
}

.rt-btn {
  --_rt-btn-color: black;
  --_rt-btn-background-color: white;
  --_rt-btn-border: 1px solid currentColor;
  --_rt-btn-font-size-small: var(--rt-font-size-400);
  --_rt-btn-font-size-default: var(--rt-font-size-500);
  --_rt-btn-font-size-large: var(--rt-font-size-600);
  --_rt-btn-border-radius: var(--rt-border-radius);
}

.rt-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
  min-width: fit-content;
  background-color: var(--_rt-btn-background-color);
  border: var(--_rt-btn-border);
  padding: 0.6em 1.5em;
  color: var(--_rt-btn-color);
  font-size: var(--_rt-btn-font-size-default);
  font-weight: var(--rt-font-weight-600);
  text-align: center;
  line-height: 1.3;
  border-radius: var(--_rt-btn-border-radius);
  transition: opacity 250ms;
}
.rt-btn:hover {
  opacity: 0.7;
}
.rt-btn[disabled] {
  opacity: 0.3;
}
.rt-btn--small {
  font-size: var(--_rt-btn-font-size-small);
}
.rt-btn--large {
  font-size: var(--_rt-btn-font-size-large);
}
.rt-btn--primary {
  --_rt-btn-color: #fff;
  --_rt-btn-background-color: var(--rt-color-brand-400);
  --_rt-btn-border: 1px solid var(--rt-color-brand-400);
}
.rt-btn--secondary {
  --_rt-btn-color: var(--rt-color-primary-dark);
  --_rt-btn-background-color: var(--rt-color-grey-100);
  --_rt-btn-border: 1px solid var(--rt-color-grey-100);
}
.rt-btn--tertiary {
  --_rt-btn-color: var(--rt-color-white);
  --_rt-btn-background-color: var(--rt-color-grey-400);
  --_rt-btn-border: 1px solid var(--rt-color-grey-400);
}
.rt-btn--quaternary {
  --_rt-btn-color: var(--rt-color-grey-400);
  --_rt-btn-background-color: var(--rt-color-white);
  --_rt-btn-border: 1px solid currentColor;
}
.rt-btn i {
  font-size: 20px;
  line-height: 1;
}
.rt-btn-filters:not([data-selected-options])::after, .rt-btn-filters[data-selected-options=""]::after, .rt-btn-filters[data-selected-options="0"]::after {
  display: none;
}
.rt-btn:has(img:only-child, .bi:only-child) {
  padding: 0.6em;
}

.btn-close:focus {
  box-shadow: none;
}

.dropdown-menu {
  --bs-dropdown-font-size: inherit;
  --bs-dropdown-link-active-bg: var(--rt-color-grey-200);
}

.offcanvas {
  --bs-offcanvas-padding-x: 2em;
  --bs-offcanvas-padding-y: 1.5em;
  --bs-offcanvas-width: min(90%, 450px);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}
.offcanvas.rt-offcanvas-xl {
  --bs-offcanvas-width: min(90%, 650px);
}
.offcanvas-header {
  border-bottom: 1px solid var(--rt-color-grey-150);
}
.offcanvas-body,
.offcanvas-body form {
  display: flex;
  flex-direction: column;
  gap: 2em;
}
.offcanvas-footer {
  margin-top: auto;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-footer > div {
  display: grid;
  gap: 1em;
}
@media (min-width: 768px) {
  .offcanvas-footer > div {
    grid-template-columns: repeat(2, 1fr);
  }
  .offcanvas-footer > div :last-child:nth-child(odd) {
    grid-column: 1/-1;
  }
}
.offcanvas iframe {
  height: 100%;
}

.rt-form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, max(200px, calc((100% - calc(calc(4 - 1) * 4em)) / 4))), 1fr));
  gap: 4em 4em;
  align-items: start;
}

.rt-form-group {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
}
.rt-form-group--horizontal {
  align-items: center;
  justify-content: start;
  flex-direction: row;
  gap: 0.5rem;
}
.rt-form-group--horizontal .form-label {
  margin-bottom: 0;
}

:is(.form-control, .form-select, .form-check-input):focus {
  box-shadow: none;
  border-color: var(--rt-color-grey-200);
}
:is(.form-control, .form-select, .form-check-input):disabled {
  opacity: 0.5;
}

.form-check-input {
  --bs-form-check-bg: var(--rt-color-white);
}
.form-check-input:focus {
  box-shadow: none;
  border-color: var(--rt-color-grey-400);
}
.form-check-input:checked {
  background-color: var(--rt-color-brand-400);
  border-color: var(--rt-color-brand-400);
}

textarea.form-control.form-control {
  min-height: 100px;
}

.input-group.input-group.input-group.input-group > :nth-child(n-1):has(+ .invalid-feedback),
.input-group.input-group.input-group.input-group > :nth-child(n-1):has(+ .invalid-feedback) .form-control,
.input-group.input-group.input-group.input-group > :nth-child(n-1):has(+ .invalid-feedback) .form-select {
  border-top-right-radius: var(--rt-border-radius);
  border-bottom-right-radius: var(--rt-border-radius);
}

.input-group {
  --bs-form-invalid-color: var(--rt-color-alert-400);
  --bs-form-invalid-border-color: var(--rt-color-alert-400);
}

:is(.form-control, .form-select).is-invalid {
  background-image: url("/v2.0/img/icon/warning-circle.svg");
  background-size: 16px !important;
}
:is(.form-control, .form-select).is-invalid:focus {
  box-shadow: none;
}

:is(.form-floating:has(.is-invalid), .flatpickr-wrapper:has(.is-invalid)) ~ .invalid-feedback {
  display: block;
}

.form-floating label {
  color: var(--rt-color-grey-400) !important;
}

.input-group {
  position: relative;
}

.invalid-feedback {
  position: absolute;
  top: 100%;
}

.flatpickr-wrapper {
  flex: 1;
}

.input-group > .flatpickr-wrapper:not(:last-child) .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group.input-group.input-group > .input-group-text:not(:last-child):has(+ .rt-flatpickr-reset),
.input-group.input-group.input-group > .flatpickr-wrapper:not(:last-child):has(+ .rt-flatpickr-reset) .form-control {
  border-top-right-radius: var(--rt-border-radius);
  border-bottom-right-radius: var(--rt-border-radius);
}

.input-group > .flatpickr-wrapper:not(:first-child) .form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group:has(.flatpickr-wrapper) {
  position: relative;
}

.rt-flatpickr-reset {
  display: none;
  position: absolute;
  right: 20px;
  top: 50%;
  translate: 0 -50%;
}

.input-group:has(:is(.is-invalid, .input-group-text)) .rt-flatpickr-reset {
  right: 50px;
}

.input-group:has(.is-invalid):has(.input-group-text) .rt-flatpickr-reset {
  right: 75px;
}

.flatpickr-wrapper:not(:has(.form-control:placeholder-shown)) ~ .rt-flatpickr-reset {
  display: block;
}

.numInput::selection {
  background-color: var(--rt-color-brand-400);
}

.ql-toolbar {
  border-top-left-radius: var(--rt-border-radius);
  border-top-right-radius: var(--rt-border-radius);
}

.ql-container {
  min-height: 100px;
  border-bottom-left-radius: var(--rt-border-radius);
  border-bottom-right-radius: var(--rt-border-radius);
}

.rt-switch {
  --switch-width: 32px;
  --switch-height: calc(var(--switch-width) / 2);
  --switch-border-width: 1px;
  --switch-border-radius: 100vmax;
  --switch-bg-color: var(--rt-color-white);
  --switch-bg-active-color: var(--rt-color-brand-400);
  --switch-dot-size: 15px;
  --switch-dot-color: #fff;
  --switch-dot-color-inactive: var(--rt-color-grey-400);
  --switch-dot-scale-factor: 0.8;
  display: inline-block;
  margin-block: auto;
  cursor: pointer;
}
.rt-switch:has([disabled]) {
  opacity: 0.5;
  cursor: not-allowed;
}

.rt-switch__input {
  display: none;
}

.rt-switch__input:checked ~ .rt-switch__control {
  background-color: var(--switch-bg-active-color);
  border-color: var(--rt-color-brand-400);
}

.rt-switch__input:checked ~ .rt-switch__control::after {
  transform: translateX(100%) scale(var(--switch-dot-scale-factor));
}

.rt-switch__input:not(:checked) ~ .rt-switch__control::after {
  background-color: var(--switch-dot-color-inactive);
}

.rt-switch__control {
  position: relative;
  width: var(--switch-width);
  height: var(--switch-height);
  margin-block: auto;
  background-color: var(--switch-bg-color);
  border-radius: var(--switch-border-radius);
  border: var(--switch-border-width) solid var(--rt-color-grey-400);
  transition: background-color 250ms ease-out;
}

.rt-switch__control::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  width: var(--switch-dot-size);
  aspect-ratio: 1;
  background-color: var(--switch-dot-color);
  border-radius: var(--switch-border-radius);
  transform: scale(var(--switch-dot-scale-factor));
  transition: transform 250ms ease-out;
}

.rt-badge {
  --_rt-badge-color: black;
  --_rt-badge-background-color: rgb(191, 191, 191);
  --_rt-badge-font-size: 14px;
}

.rt-badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
  background-color: var(--_rt-badge-background-color);
  padding: 0.4em 1.5em;
  color: var(--_rt-badge-color);
  font-size: var(--_rt-badge-font-size);
  font-weight: var(--rt-font-weight-500);
  text-align: center;
  line-height: 1.3;
  border-radius: 100vmax;
}
.rt-badge--success {
  --_rt-badge-color: var(--rt-color-success-400);
  --_rt-badge-background-color: var(--rt-color-success-300);
}
.rt-badge--alert {
  --_rt-badge-color: var(--rt-color-alert-400);
  --_rt-badge-background-color: var(--rt-color-alert-300);
}
.rt-badge--danger {
  --_rt-badge-color: var(--rt-color-danger-400);
  --_rt-badge-background-color: var(--rt-color-danger-300);
}
.rt-badge--neutral {
  --_rt-badge-color: var(--rt-color-primary-dark);
  --_rt-badge-background-color: var(--rt-color-grey-100);
}
.rt-badge--blue {
  --_rt-badge-color: var(--rt-color-blue-400);
  --_rt-badge-background-color: var(--rt-color-blue-300);
}
.rt-badge img {
  display: none;
}
.rt-badge button {
  display: grid;
  place-items: center;
}
.rt-badge button::after {
  content: "\f62a";
  font-family: var(--rt-font-family-bootstrap-icons);
  line-height: 1;
  color: var(--_rt-badge-color);
  scale: 1.85;
}

.rti {
  display: inline-block;
  width: 20px;
  background-color: currentColor;
  aspect-ratio: 1;
  mask-image: var(--svg);
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  line-height: 1;
  vertical-align: middle;
}

.rti-storelocator {
  --svg: url('data:image/svg+xml,\
    <svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 540.6 663.47">\
      <path d="M301.09,145.74c0-16.98-13.81-30.79-30.79-30.79s-30.79,13.81-30.79,30.79v50.24h61.58v-50.24Z"/>\
      <path d="M319.76,225.08c0,5.15-4.18,9.33-9.33,9.33s-9.33-4.18-9.33-9.33v-9.14c-2.31,2.36-3.73,5.58-3.73,9.14,0,7.22,5.85,13.07,13.07,13.07s13.07-5.85,13.07-13.07c0-3.56-1.43-6.78-3.73-9.14v9.14Z"/>\
      <path d="M239.51,225.08c0,5.15-4.18,9.33-9.33,9.33s-9.33-4.18-9.33-9.33v-9.14c-2.31,2.36-3.73,5.58-3.73,9.14,0,7.22,5.85,13.07,13.07,13.07s13.07-5.85,13.07-13.07c0-3.56-1.43-6.78-3.73-9.14v9.14Z"/>\
      <path d="M270.3,0C121.02,0,0,121.02,0,270.3s270.3,393.17,270.3,393.17c0,0,270.3-243.88,270.3-393.17S419.58,0,270.3,0ZM386.03,422.3c0,2.83-2.3,5.13-5.13,5.13h-221.18c-2.83,0-5.13-2.3-5.13-5.13v-221.18c0-2.83,2.3-5.13,5.13-5.13h61.13v-50.24c0-27.27,22.19-49.46,49.46-49.46s49.46,22.19,49.46,49.46v50.24h61.13c2.83,0,5.13,2.3,5.13,5.13v221.18Z"/>\
    </svg>');
}

.rti-product-page {
  --svg: url('data:image/svg+xml,\
    <svg xmlns="http://www.w3.org/2000/svg" width="22.627" height="12.313" viewBox="0 0 22.627 12.313">\
      <g id="Raggruppa_1119" data-name="Raggruppa 1119" transform="translate(0 -0.018)">\
        <g id="Raggruppa_1121" data-name="Raggruppa 1121" transform="translate(0 -0.378)">\
          <path id="Tracciato_1494" data-name="Tracciato 1494" d="M11.287,0H9.044A1.015,1.015,0,0,0,8.09.685,2.059,2.059,0,0,1,6.157,2.052,2.059,2.059,0,0,1,4.223.685,1.015,1.015,0,0,0,3.269,0H1.026A1.026,1.026,0,0,0,0,1.026v4.1A1.026,1.026,0,0,0,1.026,6.157H2.052v5.131a1.026,1.026,0,0,0,1.026,1.026H9.235a1.026,1.026,0,0,0,1.026-1.026V6.157h1.026a1.026,1.026,0,0,0,1.026-1.026v-4.1A1.026,1.026,0,0,0,11.287,0" transform="translate(0 0.395)" />\
          <path id="Tracciato_1495" data-name="Tracciato 1495" d="M15.183,0H9.026a1.026,1.026,0,1,0,0,2.052h6.157a1.026,1.026,0,0,0,0-2.052" transform="translate(6.418 0.395)" />\
          <path id="Tracciato_1496" data-name="Tracciato 1496" d="M15.183,2H9.026a1.026,1.026,0,1,0,0,2.052h6.157a1.026,1.026,0,0,0,0-2.052" transform="translate(6.418 2.5)" />\
          <path id="Tracciato_1497" data-name="Tracciato 1497" d="M13.131,4h-4.1a1.026,1.026,0,1,0,0,2.052h4.1a1.026,1.026,0,1,0,0-2.052" transform="translate(6.418 4.604)" />\
        </g>\
      </g>\
    </svg>');
}

.rti-proximity-engagement {
  --svg: url('data:image/svg+xml,\
    <svg xmlns="http://www.w3.org/2000/svg" width="19.182" height="22.673" viewBox="0 0 19.182 22.673">\
      <g id="Raggruppa_1248" data-name="Raggruppa 1248" transform="translate(-450.408 -431.304)">\
        <path id="Tracciato_1488" data-name="Tracciato 1488" d="M192.4,350.214l-.078.013c-.243.04-.486.083-.726.129l-.015,0-1.049.517,2.769,5.612a.983.983,0,0,0,1.763-.871Z" transform="translate(265.522 96.943)" />\
        <path id="Tracciato_1489" data-name="Tracciato 1489" d="M344.955,180.706a2.4,2.4,0,0,0-2.086-4.231l-.123.034,2.108,4.274Z" transform="translate(122.939 259.773)" />\
        <path id="Tracciato_1490" data-name="Tracciato 1490" d="M268.006,113.706l-2.085-4.225-4.492-9.1a1.315,1.315,0,0,0-2.359,1.163l6.577,13.329a1.31,1.31,0,0,0,1.181.733,1.294,1.294,0,0,0,.581-.136,1.319,1.319,0,0,0,.664-.757,1.306,1.306,0,0,0-.067-1.005" transform="translate(201.446 331.66)" />\
        <path id="Tracciato_1491" data-name="Tracciato 1491" d="M170.053,141.559c-.265.428-.7,1.107-1.279,1.914a31.708,31.708,0,0,1-4.334,4.926l-.06.054,2.781,5.633.08-.015c.258-.047.523-.091.787-.131l.016,0a32.778,32.778,0,0,1,5.742-.308c.992.033,1.8.1,2.3.151l.191.02L170.155,141.4Z" transform="translate(290.02 292.55)" />\
        <path id="Tracciato_1492" data-name="Tracciato 1492" d="M104.733,258.508l-2.591,1.279a1.547,1.547,0,0,0-.7,2.074l1.343,2.72a1.543,1.543,0,0,0,2.074.7l2.591-1.279Z" transform="translate(349.13 182.847)" />\
      </g>\
    </svg>');
}

.rt-platform--header-logo .rt-aside .rt-main-logo {
  display: none;
}

.rt-platform--aside-logo .rt-header .rt-main-logo {
  display: none;
}

.rt-platform--collapsed .rt-primary-nav-toggler > span {
  width: 50%;
}
.rt-platform--collapsed .rt-primary-nav-toggler::before, .rt-platform--collapsed .rt-primary-nav-toggler::after {
  width: 80%;
}
.rt-platform--collapsed .rt-aside {
  display: none;
  width: var(--_rt-wrapper-aside-collapsed-width);
}
.rt-platform--collapsed .rt-aside .rt-main-logo {
  display: none;
}
.rt-platform--collapsed .rt-primary-nav__items {
  align-items: center;
}
.rt-platform--collapsed .rt-primary-nav__link-name,
.rt-platform--collapsed .rt-primary-nav__link-chevron,
.rt-platform--collapsed .rt-primary-nav__link-sublinks li {
  display: none;
}

.rt-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1em 1.5em;
  background-color: var(--rt-color-grey-100);
}
.rt-header > div {
  display: flex;
  align-items: center;
  gap: 2em;
}

.rt-main-logo img {
  max-width: 150px;
}

.rt-primary-nav-toggler {
  background: none;
  border: none;
  display: grid;
  width: 30px;
}
.rt-primary-nav-toggler::before, .rt-primary-nav-toggler::after {
  content: "";
}
.rt-primary-nav-toggler > span, .rt-primary-nav-toggler::before, .rt-primary-nav-toggler::after {
  width: 100%;
  height: 10px;
  background-color: var(--rt-color-primary-dark);
  margin-block: -1px;
  scale: 1 0.2;
  transition: width 250ms;
}

.rt-user-dropdown > a {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
}
.rt-user-dropdown label {
  width: 100%;
  cursor: pointer;
}
.rt-user-dropdown .dropstart > .dropdown-item {
  display: flex;
  justify-content: space-between;
  gap: 1em;
}

.rt-wrapper {
  --_rt-wrapper-aside-expanded-width: 350px;
  --_rt-wrapper-aside-collapsed-width: 85px;
}

.rt-wrapper {
  display: flex;
  position: relative;
  overflow-y: hidden;
}

.rt-aside {
  --_rt-aside-icon-width: 16px;
  --_rt-aside-link-padding-inline: 0.5em;
  --_rt-aside-icon-name-gap: 2em;
}

@media (max-width: 1279.9px) {
  .rt-aside {
    position: absolute;
    top: 0px;
    left: 0px;
    height: max(1vh, 100%);
    z-index: 999;
  }
}
.rt-aside {
  display: flex;
  flex-direction: column;
  background-color: var(--rt-color-grey-100);
  padding-top: 0.5em;
  width: var(--_rt-wrapper-aside-expanded-width);
  transition: width 250ms;
  overflow: hidden;
}

.rt-primary-nav {
  padding: 1.5em;
  padding-top: 0;
  overflow-y: auto;
}
.rt-primary-nav__items {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.rt-primary-nav__link, .rt-primary-nav__link-sublink {
  display: flex;
  gap: var(--_rt-aside-icon-name-gap);
  align-items: center;
  border-radius: 4px;
  padding: 0.5em var(--_rt-aside-link-padding-inline);
}
.rt-primary-nav__link:is([aria-current=page]), .rt-primary-nav__link:has(+ * [aria-current=page]) {
  color: var(--rt-color-brand-400);
}
.rt-primary-nav__link[aria-expanded=true] .rt-primary-nav__link-chevron {
  rotate: 0.5turn;
}
.rt-primary-nav__link-name {
  margin-right: auto;
}
.rt-primary-nav__link-sublinks {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  position: relative;
}
.rt-primary-nav__link-sublinks::before {
  content: "";
  position: absolute;
  inset: 0;
  left: calc(var(--_rt-aside-icon-width) / 2 + var(--_rt-aside-link-padding-inline));
  width: 1px;
  background-color: var(--rt-color-grey-250);
}
.rt-primary-nav__link-sublinks li {
  padding-left: calc(var(--_rt-aside-icon-width) + var(--_rt-aside-icon-name-gap));
}
.rt-primary-nav__link-sublink:is([aria-current=page], :hover) {
  background-color: var(--rt-color-white);
}

.rt-powered-by {
  font-size: var(--rt-font-size-300);
  padding-inline: 1.5em;
  padding-bottom: 1em;
  margin-top: auto;
}

.rt-main {
  flex: 1;
  padding: 0.5em;
  background-color: var(--rt-color-white);
}
@container main (width>= 1280px) {
  .rt-main {
    padding: 1.5em;
  }
}

.rt-main-container {
  height: 100%;
  width: 100%;
  display: flex;
  scrollbar-width: thin; /* Firefox: makes scrollbar thin */
  scrollbar-color: var(--rt-color-grey-400) transparent; /* Firefox: color */
  container-name: main;
  container-type: inline-size;
  flex: 1;
  flex-direction: column;
  padding: 0.5em;
  padding-bottom: 4em;
  background-color: var(--rt-color-white);
  overflow-y: auto;
}
@container main (width>= 1280px) {
  .rt-main-container {
    padding: 1.5em;
  }
}

.rt-primary-breadcrumb ol {
  --bs-breadcrumb-item-active-color: var(--rt-color-primary-dark);
  --bs-breadcrumb-divider-color: var(--rt-color-grey-400);
  color: var(--rt-color-grey-400);
}

.rt-page-title {
  margin-bottom: 1em;
}

.rt-section {
  border: 1px solid var(--rt-color-grey-150);
  padding: 1em;
  padding-top: 2em;
}
@media (min-width: 1280px) {
  .rt-section {
    padding: 2em;
  }
}
.rt-section .rt-section__heading {
  margin-bottom: 2em;
}
.rt-section .rt-section__subheading {
  margin-bottom: 1em;
  margin-top: 2em;
}

.rt-section + .rt-section {
  margin-top: 2em;
}

.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  filter: var(--rt-quill-toolbar-buttons-color-filter);
}

.rt-btn.rt-btn--submit {
  margin-top: 2em;
  margin-left: auto;
  display: block;
}

.rt-display-none {
  display: none;
}

/* For Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* For Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

@keyframes shake {
  0% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-10px);
  }
  40% {
    transform: translateX(10px);
  }
  60% {
    transform: translateX(-10px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
.shake {
  animation: shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

/*# sourceMappingURL=common.css.map */