*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(46 90 209 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(46 90 209 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
/*
! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #dedfe3; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #acafb9; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #acafb9; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}
.link-secondary{
  --tw-text-opacity: 1;
  color: rgb(23 25 33 / var(--tw-text-opacity));
  text-decoration-line: none;
}
.link-secondary:hover{
  --tw-text-opacity: 1;
  color: rgb(41 81 188 / var(--tw-text-opacity));
}
.link-secondary:active{
  --tw-text-opacity: 1;
  color: rgb(37 72 167 / var(--tw-text-opacity));
}
.link-secondary:disabled{
  color: rgb(23 25 33 / 0.5);
}
/* Hide scrollbar for Chrome, Safari, and Opera */
.no-scrollbar::-webkit-scrollbar {
    display: none;
  }
/* Hide scrollbar for IE, Edge, and Firefox */
.no-scrollbar {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
  }
.pointer-events-none{
  pointer-events: none;
}
.visible{
  visibility: visible;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.inset-0{
  inset: 0px;
}
.bottom-0{
  bottom: 0px;
}
.left-1\/2{
  left: 50%;
}
.right-0{
  right: 0px;
}
.right-8{
  right: 2rem;
}
.top-0{
  top: 0px;
}
.top-1\/2{
  top: 50%;
}
.top-6{
  top: 1.5rem;
}
.top-8{
  top: 2rem;
}
.z-10{
  z-index: 10;
}
.z-50{
  z-index: 50;
}
.col-auto{
  grid-column: auto;
}
.col-span-5{
  grid-column: span 5 / span 5;
}
.col-span-6{
  grid-column: span 6 / span 6;
}
.col-span-full{
  grid-column: 1 / -1;
}
.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-10{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.my-5{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-12{
  margin-bottom: 3rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-20{
  margin-bottom: 5rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.mb-auto{
  margin-bottom: auto;
}
.ml-1{
  margin-left: 0.25rem;
}
.ml-2{
  margin-left: 0.5rem;
}
.ml-3{
  margin-left: 0.75rem;
}
.ml-\[15px\]{
  margin-left: 15px;
}
.ml-\[19px\]{
  margin-left: 19px;
}
.ml-auto{
  margin-left: auto;
}
.mr-1{
  margin-right: 0.25rem;
}
.mr-1\.5{
  margin-right: 0.375rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.mr-2\.5{
  margin-right: 0.625rem;
}
.mr-3{
  margin-right: 0.75rem;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-11{
  margin-top: 2.75rem;
}
.mt-16{
  margin-top: 4rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-20{
  margin-top: 5rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-5{
  margin-top: 1.25rem;
}
.mt-8{
  margin-top: 2rem;
}
.mt-\[13px\]{
  margin-top: 13px;
}
.mt-\[16px\]{
  margin-top: 16px;
}
.mt-\[70px\]{
  margin-top: 70px;
}
.block{
  display: block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.inline-table{
  display: inline-table;
}
.grid{
  display: grid;
}
.inline-grid{
  display: inline-grid;
}
.contents{
  display: contents;
}
.hidden{
  display: none;
}
.h-10{
  height: 2.5rem;
}
.h-11{
  height: 2.75rem;
}
.h-12{
  height: 3rem;
}
.h-14{
  height: 3.5rem;
}
.h-20{
  height: 5rem;
}
.h-3\.5{
  height: 0.875rem;
}
.h-4{
  height: 1rem;
}
.h-48{
  height: 12rem;
}
.h-5{
  height: 1.25rem;
}
.h-56{
  height: 14rem;
}
.h-6{
  height: 1.5rem;
}
.h-64{
  height: 16rem;
}
.h-7{
  height: 1.75rem;
}
.h-72{
  height: 18rem;
}
.h-8{
  height: 2rem;
}
.h-80{
  height: 20rem;
}
.h-9{
  height: 2.25rem;
}
.h-\[100px\]{
  height: 100px;
}
.h-\[17rem\]{
  height: 17rem;
}
.h-\[1px\]{
  height: 1px;
}
.h-\[21rem\]{
  height: 21rem;
}
.h-\[346px\]{
  height: 346px;
}
.h-\[382px\]{
  height: 382px;
}
.h-\[460px\]{
  height: 460px;
}
.h-\[492px\]{
  height: 492px;
}
.h-\[520px\]{
  height: 520px;
}
.h-\[52px\]{
  height: 52px;
}
.h-full{
  height: 100%;
}
.max-h-48{
  max-height: 12rem;
}
.max-h-\[241px\]{
  max-height: 241px;
}
.max-h-\[460px\]{
  max-height: 460px;
}
.max-h-screen{
  max-height: 100vh;
}
.min-h-\[1vh\]{
  min-height: 1vh;
}
.min-h-\[2\.5vh\]{
  min-height: 2.5vh;
}
.min-h-\[255px\]{
  min-height: 255px;
}
.min-h-\[28px\]{
  min-height: 28px;
}
.min-h-\[40px\]{
  min-height: 40px;
}
.min-h-\[4vh\]{
  min-height: 4vh;
}
.min-h-screen{
  min-height: 100vh;
}
.w-10{
  width: 2.5rem;
}
.w-24{
  width: 6rem;
}
.w-32{
  width: 8rem;
}
.w-36{
  width: 9rem;
}
.w-4{
  width: 1rem;
}
.w-4\/6{
  width: 66.666667%;
}
.w-44{
  width: 11rem;
}
.w-5{
  width: 1.25rem;
}
.w-5\/6{
  width: 83.333333%;
}
.w-56{
  width: 14rem;
}
.w-6{
  width: 1.5rem;
}
.w-7{
  width: 1.75rem;
}
.w-8{
  width: 2rem;
}
.w-80{
  width: 20rem;
}
.w-9{
  width: 2.25rem;
}
.w-\[1px\]{
  width: 1px;
}
.w-\[230px\]{
  width: 230px;
}
.w-\[260px\]{
  width: 260px;
}
.w-\[360px\]{
  width: 360px;
}
.w-\[462px\]{
  width: 462px;
}
.w-\[500px\]{
  width: 500px;
}
.w-auto{
  width: auto;
}
.w-full{
  width: 100%;
}
.min-w-0{
  min-width: 0px;
}
.min-w-\[1200px\]{
  min-width: 1200px;
}
.min-w-\[120px\]{
  min-width: 120px;
}
.min-w-\[130px\]{
  min-width: 130px;
}
.min-w-\[250px\]{
  min-width: 250px;
}
.min-w-\[260px\]{
  min-width: 260px;
}
.min-w-\[28px\]{
  min-width: 28px;
}
.min-w-\[40px\]{
  min-width: 40px;
}
.min-w-\[800px\]{
  min-width: 800px;
}
.max-w-\[1500px\]{
  max-width: 1500px;
}
.max-w-\[200px\]{
  max-width: 200px;
}
.max-w-\[360px\]{
  max-width: 360px;
}
.max-w-\[528px\]{
  max-width: 528px;
}
.max-w-full{
  max-width: 100%;
}
.max-w-xs{
  max-width: 20rem;
}
.flex-1{
  flex: 1 1 0%;
}
.shrink{
  flex-shrink: 1;
}
.grow{
  flex-grow: 1;
}
.-translate-x-1\/2{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes fadeInOpacity{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
.animate-\[fadeInOpacity_0\.4s_ease-in\]{
  animation: fadeInOpacity 0.4s ease-in;
}
.cursor-not-allowed{
  cursor: not-allowed;
}
.cursor-pointer{
  cursor: pointer;
}
.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.resize{
  resize: both;
}
.grid-cols-12{
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-row{
  flex-direction: row;
}
.flex-col{
  flex-direction: column;
}
.flex-wrap{
  flex-wrap: wrap;
}
.place-items-start{
  place-items: start;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.items-stretch{
  align-items: stretch;
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.gap-1{
  gap: 0.25rem;
}
.gap-1\.5{
  gap: 0.375rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-2\.5{
  gap: 0.625rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-4{
  gap: 1rem;
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.place-self-stretch{
  place-self: stretch;
}
.self-end{
  align-self: flex-end;
}
.self-center{
  align-self: center;
}
.justify-self-end{
  justify-self: end;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-scroll{
  overflow: scroll;
}
.overflow-y-auto{
  overflow-y: auto;
}
.overflow-x-hidden{
  overflow-x: hidden;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.break-keep{
  word-break: keep-all;
}
.rounded{
  border-radius: 5px;
}
.rounded-\[33px\]{
  border-radius: 33px;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-medium{
  border-radius: 5px;
}
.rounded-none{
  border-radius: 0;
}
.rounded-sm{
  border-radius: 2px;
}
.rounded-system{
  border-radius: 12px;
}
.rounded-l-full{
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
.rounded-r-full{
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
.rounded-tr{
  border-top-right-radius: 5px;
}
.border{
  border-width: 1px;
}
.border-2{
  border-width: 2px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-r-2{
  border-right-width: 2px;
}
.border-t{
  border-top-width: 1px;
}
.border-t-0{
  border-top-width: 0px;
}
.border-t-2{
  border-top-width: 2px;
}
.border-black{
  --tw-border-opacity: 1;
  border-color: rgb(23 25 33 / var(--tw-border-opacity));
}
.border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(222 223 227 / var(--tw-border-opacity));
}
.border-transparent{
  border-color: transparent;
}
.border-b-gray-200{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(222 223 227 / var(--tw-border-opacity));
}
.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(23 25 33 / var(--tw-bg-opacity));
}
.bg-black\/20{
  background-color: rgb(23 25 33 / 0.2);
}
.bg-blue-600{
  --tw-bg-opacity: 1;
  background-color: rgb(37 72 167 / var(--tw-bg-opacity));
}
.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity));
}
.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(222 223 227 / var(--tw-bg-opacity));
}
.bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
.bg-gray-500{
  --tw-bg-opacity: 1;
  background-color: rgb(151 154 165 / var(--tw-bg-opacity));
}
.bg-green-500{
  --tw-bg-opacity: 1;
  background-color: rgb(2 163 114 / var(--tw-bg-opacity));
}
.bg-orange-200{
  --tw-bg-opacity: 1;
  background-color: rgb(251 196 157 / var(--tw-bg-opacity));
}
.bg-pink-100{
  --tw-bg-opacity: 1;
  background-color: rgb(251 220 230 / var(--tw-bg-opacity));
}
.bg-pink-500{
  --tw-bg-opacity: 1;
  background-color: rgb(210 56 110 / var(--tw-bg-opacity));
}
.bg-red-500{
  --tw-bg-opacity: 1;
  background-color: rgb(181 0 43 / var(--tw-bg-opacity));
}
.bg-transparent{
  background-color: transparent;
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-cover{
  background-size: cover;
}
.bg-center{
  background-position: center;
}
.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}
.p-0{
  padding: 0px;
}
.p-10{
  padding: 2.5rem;
}
.p-2\.5{
  padding: 0.625rem;
}
.p-20{
  padding: 5rem;
}
.p-3{
  padding: 0.75rem;
}
.p-4{
  padding: 1rem;
}
.p-6{
  padding: 1.5rem;
}
.p-8{
  padding: 2rem;
}
.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7{
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.pb-0{
  padding-bottom: 0px;
}
.pb-1{
  padding-bottom: 0.25rem;
}
.pb-1\.5{
  padding-bottom: 0.375rem;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pl-3{
  padding-left: 0.75rem;
}
.pl-9{
  padding-left: 2.25rem;
}
.pr-2{
  padding-right: 0.5rem;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-6{
  padding-top: 1.5rem;
}
.pt-7{
  padding-top: 1.75rem;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.text-start{
  text-align: start;
}
.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-\[22px\]{
  font-size: 22px;
}
.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold{
  font-weight: 700;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.leading-5{
  line-height: 1.25rem;
}
.leading-none{
  line-height: 1;
}
.text-black{
  --tw-text-opacity: 1;
  color: rgb(23 25 33 / var(--tw-text-opacity));
}
.text-blue-500{
  --tw-text-opacity: 1;
  color: rgb(46 90 209 / var(--tw-text-opacity));
}
.text-gray-200{
  --tw-text-opacity: 1;
  color: rgb(222 223 227 / var(--tw-text-opacity));
}
.text-gray-300{
  --tw-text-opacity: 1;
  color: rgb(197 199 206 / var(--tw-text-opacity));
}
.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(172 175 185 / var(--tw-text-opacity));
}
.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(151 154 165 / var(--tw-text-opacity));
}
.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(107 110 123 / var(--tw-text-opacity));
}
.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(80 83 92 / var(--tw-text-opacity));
}
.text-green-500{
  --tw-text-opacity: 1;
  color: rgb(2 163 114 / var(--tw-text-opacity));
}
.text-orange-500{
  --tw-text-opacity: 1;
  color: rgb(247 144 69 / var(--tw-text-opacity));
}
.text-pink-500{
  --tw-text-opacity: 1;
  color: rgb(210 56 110 / var(--tw-text-opacity));
}
.text-purple-500{
  --tw-text-opacity: 1;
  color: rgb(173 97 209 / var(--tw-text-opacity));
}
.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(181 0 43 / var(--tw-text-opacity));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.underline{
  text-decoration-line: underline;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl{
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline{
  outline-style: solid;
}
.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert{
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.\[grid-area\:actions\]{
  grid-area: actions;
}
.\[grid-area\:extra\]{
  grid-area: extra;
}
.\[grid-area\:image\]{
  grid-area: image;
}
.\[grid-area\:info\]{
  grid-area: info;
}
.\[grid-area\:schedule\]{
  grid-area: schedule;
}
.\[grid-template-areas\:\"handle_image_info_schedule_actions\"\"handle_image_info_extra_extra\"\]{
  grid-template-areas: "handle image info schedule actions""handle image info extra extra";
}
.\[grid-template-columns\:min-content_150px_1fr_max-content_max-content\]{
  grid-template-columns: min-content 150px 1fr max-content max-content;
}
.\[grid-template-columns\:repeat\(7\2c 40px\)\]{
  grid-template-columns: repeat(7,40px);
}
.\[grid-template-rows\:1fr_auto\]{
  grid-template-rows: 1fr auto;
}

:focus-visible {
  outline: initial;
}

.core-select__menu-portal {
  z-index: 100000000000 !important;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(//themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
  font-family: 'SFUIText';
  font-style: normal;
  font-weight: 400;
  src: url(/991d8a04af41230b1281.otf) format("opentype");
}

@font-face {
  font-family: 'SFUIText';
  font-style: normal;
  font-weight: 200;
  src: url(/f147e8e52dab4a416362.otf) format("opentype");
}

@font-face {
  font-family: 'SFUIDisplay';
  font-style: normal;
  font-weight: 400;
  src: url(/824bcb096242327a0403.otf) format("opentype");
}

@font-face {
  font-family: 'SFUIDisplay';
  font-style: normal;
  font-weight: 200;
  src: url(/02f0726311828cfd530f.otf) format("opentype");
}

@font-face {
  font-family: 'SFUIDisplay';
  font-style: normal;
  font-weight: 100;
  src: url(/38db1fd2d73f940e7880.otf) format("opentype");
}

@font-face {
  font-family: Source Sans Pro;
  src: url(/9fb307e32869e9835cf4.ttf);
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: Source Sans Pro;
  src: url(/c2b23b36ce51dfd4d60a.ttf);
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: Source Sans Pro;
  src: url(/26160fac3621d82c2431.ttf);
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: Source Sans Pro;
  src: url(/66dc68e4e7cdfceb5627.ttf);
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: Source Sans Pro;
  src: url(/17d1903a6e9b98bf9b78.ttf);
  font-style: italic;
}

html{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}

.last-of-type\:text-gray-100:last-of-type{
  --tw-text-opacity: 1;
  color: rgb(244 245 246 / var(--tw-text-opacity));
}

.last-of-type\:text-gray-600:last-of-type{
  --tw-text-opacity: 1;
  color: rgb(107 110 123 / var(--tw-text-opacity));
}

.focus-within\:border-black:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(23 25 33 / var(--tw-border-opacity));
}

.focus-within\:bg-gray-100:focus-within{
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 246 / var(--tw-bg-opacity));
}

.hover\:border-black:hover{
  --tw-border-opacity: 1;
  border-color: rgb(23 25 33 / var(--tw-border-opacity));
}

.hover\:border-white:hover{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.hover\:bg-gray-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(222 223 227 / var(--tw-bg-opacity));
}

.hover\:bg-gray-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}

.hover\:bg-pink-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(251 220 230 / var(--tw-bg-opacity));
}

.hover\:bg-pink-200\/20:hover{
  background-color: rgb(248 185 207 / 0.2);
}

.hover\:bg-pink-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(210 56 110 / var(--tw-bg-opacity));
}

.hover\:bg-red-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(238 217 222 / var(--tw-bg-opacity));
}

.hover\:bg-transparent:hover{
  background-color: transparent;
}

.hover\:bg-white:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.hover\:text-black:hover{
  --tw-text-opacity: 1;
  color: rgb(23 25 33 / var(--tw-text-opacity));
}

.hover\:text-gray-300:hover{
  --tw-text-opacity: 1;
  color: rgb(197 199 206 / var(--tw-text-opacity));
}

.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.focus\:border-black:focus{
  --tw-border-opacity: 1;
  border-color: rgb(23 25 33 / var(--tw-border-opacity));
}

.focus\:border-white:focus{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.active\:bg-transparent:active{
  background-color: transparent;
}

.disabled\:cursor-not-allowed:disabled{
  cursor: not-allowed;
}

.disabled\:text-gray-300:disabled{
  --tw-text-opacity: 1;
  color: rgb(197 199 206 / var(--tw-text-opacity));
}

.disabled\:hover\:bg-transparent:hover:disabled{
  background-color: transparent;
}

.group:hover .group-hover\:text-black{
  --tw-text-opacity: 1;
  color: rgb(23 25 33 / var(--tw-text-opacity));
}

.children\:flex-1 > *{
  flex: 1 1 0%;
}

@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.fast{
  animation-duration: .5s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-30px);
  }

  60% {
    transform: translateY(-15px);
  }
}

.bounce {
  animation-name: bounce;
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.pulse {
  animation-name: pulse;
}

@keyframes rubberBand {
  0% {
    transform: scale(1);
  }

  30% {
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    transform: scale(1);
  }
}

.rubberBand {
  animation-name: rubberBand;
}

@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }

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

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

.shake {
  animation-name: shake;
}

@keyframes swing {
  20% {
    transform: rotate(15deg);
  }

  40% {
    transform: rotate(-10deg);
  }

  60% {
    transform: rotate(5deg);
  }

  80% {
    transform: rotate(-5deg);
  }

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

.swing {
  transform-origin: top center;
  animation-name: swing;
}

@keyframes tada {
  0% {
    transform: scale(1);
  }

  10%, 20% {
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    transform: scale(1) rotate(0);
  }
}

.tada {
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble {
  0% {
    transform: translateX(0%);
  }

  15% {
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    transform: translateX(0%);
  }
}

.wobble {
  animation-name: wobble;
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    transform: scale(1.05);
  }

  70% {
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.bounceIn {
  animation-name: bounceIn;
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    transform: translateY(30px);
  }

  80% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0);
  }
}

.bounceInDown {
  animation-name: bounceInDown;
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    transform: translateX(30px);
  }

  80% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

.bounceInLeft {
  animation-name: bounceInLeft;
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    transform: translateX(-30px);
  }

  80% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.bounceInRight {
  animation-name: bounceInRight;
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    transform: translateY(-30px);
  }

  80% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(0);
  }
}

.bounceInUp {
  animation-name: bounceInUp;
}

@keyframes bounceOut {
  0% {
    transform: scale(1);
  }

  25% {
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

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

.bounceOut {
  animation-name: bounceOut;
}

@keyframes bounceOutDown {
  0% {
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
  0% {
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
  0% {
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
  0% {
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  animation-name: bounceOutUp;
}

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

  100% {
    opacity: 1;
  }
}

.fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeInDownBig {
  animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.fadeInRightBig {
  animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeInUpBig {
  animation-name: fadeInUpBig;
}

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

  100% {
    opacity: 0;
  }
}

.fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}

.fadeOutDown {
  animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}

.fadeOutRight {
  animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}

@keyframes flip {
  0% {
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    animation-timing-function: ease-out;
  }

  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    animation-timing-function: ease-out;
  }

  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }

  80% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    animation-timing-function: ease-in;
  }

  100% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  backface-visibility: visible;
  animation-name: flip;
}

@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    transform: perspective(400px) rotateX(10deg);
  }

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

.flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX;
}

@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    transform: perspective(400px) rotateY(10deg);
  }

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

.flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

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

.flipOutX {
  animation-name: flipOutX;
  backface-visibility: visible !important;
}

@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

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

.flipOutY {
  backface-visibility: visible !important;
  animation-name: flipOutY;
}

@keyframes lightSpeedIn {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}

@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  animation-name: rotateInUpRight;
}

@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }

  100% {
    transform: translateY(0);
  }
}

.slideInDown {
  animation-name: slideInDown;
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }

  100% {
    transform: translateX(0);
  }
}

.slideInLeft {
  animation-name: slideInLeft;
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }

  100% {
    transform: translateX(0);
  }
}

.slideInRight {
  animation-name: slideInRight;
}

@keyframes slideOutLeft {
  0% {
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  animation-name: slideOutLeft;
}

@keyframes slideOutRight {
  0% {
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}

.slideOutRight {
  animation-name: slideOutRight;
}

@keyframes slideOutUp {
  0% {
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  animation-name: slideOutUp;
}

@keyframes slideInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.slideInUp {
  animation-name: slideInUp;
}

/*Opacity Changed*/
@keyframes slideOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}

.slideOutDown {
  animation-name: slideOutDown;
}

@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  80% {
    transform: rotate(60deg) translateY(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  animation-name: rollOut;
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn;
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: scale(.1) translateY(-2000px);
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    transform: scale(.475) translateY(60px);
    animation-timing-function: ease-out;
  }
}

.zoomInDown {
  animation-name: zoomInDown;
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    transform: scale(.1) translateX(-2000px);
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    transform: scale(.475) translateX(48px);
    animation-timing-function: ease-out;
  }
}

.zoomInLeft {
  animation-name: zoomInLeft;
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    transform: scale(.1) translateX(2000px);
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    transform: scale(.475) translateX(-48px);
    animation-timing-function: ease-out;
  }
}

.zoomInRight {
  animation-name: zoomInRight;
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: scale(.1) translateY(2000px);
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    transform: scale(.475) translateY(-60px);
    animation-timing-function: ease-out;
  }
}

.zoomInUp {
  animation-name: zoomInUp;
}

@keyframes zoomOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: 0;
    transform: scale(.3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  animation-name: zoomOut;
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale(.475) translateY(-60px);
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    transform: scale(.1) translateY(2000px);
    transform-origin: center bottom;
  }
}

.zoomOutDown {
  animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale(.475) translateX(42px);
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    transform: scale(.1) translateX(-2000px);
    transform-origin: left center;
  }
}

.zoomOutLeft {
  animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale(.475) translateX(-42px);
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    transform: scale(.1) translateX(2000px);
    transform-origin: right center;
  }
}

.zoomOutRight {
  animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale(.475) translateY(60px);
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    transform: scale(.1) translateY(-2000px);
    transform-origin: center top;
  }
}

.zoomOutUp {
  animation-name: zoomOutUp;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time {
  border-radius: 0.3rem;
}

.react-datepicker--time-only .react-datepicker__time-box {
  border-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}

.react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 10px;
}

.react-datepicker-popper[data-placement^="top"] {
  margin-bottom: 10px;
}

.react-datepicker-popper[data-placement^="right"] {
  margin-left: 8px;
}

.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^="left"] {
  margin-right: 8px;
}

.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  background: none;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  padding: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
  height: 10px;
  width: 10px;
  text-indent: -999em;
  overflow: hidden;
}

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc;
}

.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 80px;
}

.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}

.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: 85px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] {
  -moz-appearance: textfield;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0px;
  padding-left: 0px;
  width: 100%;
  box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}

.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text {
  cursor: pointer;
}

.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}

.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range ,
.react-datepicker__month-text--in-selecting-range ,
.react-datepicker__quarter-text--in-selecting-range {
  background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range , .react-datepicker__month--selecting-range
.react-datepicker__month-text--in-range , .react-datepicker__month--selecting-range
.react-datepicker__quarter-text--in-range {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}

.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45rem;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0px 6px 0px 0px;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "\00d7";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}

.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

/*
	Designed with responsiveness in mind
	Everything scales with Viewport Height (vmin)
	Media queries are used to apply minimum view
	Aspect ratio is 4:3
	Minimum view is 880x660px
	At minimum view, 1vmin = 6.6px
	*/
/*----- Less Setup -----*/
/* Font declarations */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(//themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'SFUIText';
  font-style: normal;
  font-weight: 400;
  src: url(/991d8a04af41230b1281.otf) format("opentype");
}
@font-face {
  font-family: 'SFUIText';
  font-style: normal;
  font-weight: 200;
  src: url(/f147e8e52dab4a416362.otf) format("opentype");
}
@font-face {
  font-family: 'SFUIDisplay';
  font-style: normal;
  font-weight: 400;
  src: url(/824bcb096242327a0403.otf) format("opentype");
}
@font-face {
  font-family: 'SFUIDisplay';
  font-style: normal;
  font-weight: 200;
  src: url(/02f0726311828cfd530f.otf) format("opentype");
}
@font-face {
  font-family: 'SFUIDisplay';
  font-style: normal;
  font-weight: 100;
  src: url(/38db1fd2d73f940e7880.otf) format("opentype");
}
@font-face {
  font-family: Source Sans Pro;
  src: url(/9fb307e32869e9835cf4.ttf);
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: Source Sans Pro;
  src: url(/c2b23b36ce51dfd4d60a.ttf);
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: Source Sans Pro;
  src: url(/26160fac3621d82c2431.ttf);
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: Source Sans Pro;
  src: url(/66dc68e4e7cdfceb5627.ttf);
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: Source Sans Pro;
  src: url(/17d1903a6e9b98bf9b78.ttf);
  font-style: italic;
}
/* General page layout */
*,
*:before,
*:after {
  font-family: 'Source Sans Pro', sans-serif;
}
/*----- General markup -----*/
#header {
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  height: 9vmin;
  background-color: #FFFFFF;
  display: flex;
  justify-content: space-between;
  padding: 0 60px;
  align-items: center;
}
@media (max-height: 660px) {
  #header {
    height: 59.4px;
  }
}
@media (max-width: 660px) {
  #header {
    height: 59.4px;
  }
}
#header.maintenance {
  top: 35px;
}
.main {
  width: 100%;
  text-align: center;
}
.footer {
  position: fixed;
  z-index: 999;
  bottom: 0;
  left: 0;
  right: 0;
  height: 22.5vmin;
  min-width: 880px;
  background-color: #FFFFFF;
  text-align: center;
  -moz-box-shadow: -3vmin -0.9vmin 3vmin 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: -3vmin -0.9vmin 3vmin 0 rgba(0, 0, 0, 0.1);
  box-shadow: -3vmin -0.9vmin 3vmin 0 rgba(0, 0, 0, 0.1);
}
@media (max-height: 660px) {
  .footer {
    height: 148.5px;
  }
}
@media (max-width: 660px) {
  .footer {
    height: 148.5px;
  }
}
.footer .scroll {
  width: 100%;
  position: absolute;
  overflow-y: hidden;
  padding-top: 248px;
  margin-top: -248px;
}
.footer.scroll {
  overflow-x: scroll;
  min-width: initial;
  -ms-overflow-style: none;
}
.footer.scroll::-webkit-scrollbar {
  display: none;
}
.footer.big {
  height: 31.1vmin;
}
@media (max-height: 660px) {
  .footer.big {
    height: 205.26px;
  }
}
@media (max-width: 660px) {
  .footer.big {
    height: 205.26px;
  }
}
/*----- Create promotion -----*/
.triColRow {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.triColRow .triColumn {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 33.33%;
  height: 100%;
  text-align: left;
  position: relative;
}
.triColRow .triColumn:first-child {
  border-left: 0 none;
}
.triColRow .triColumn input.invalid::-webkit-input-placeholder,
.triColRow .triColumn textarea.invalid::-webkit-input-placeholder {
  color: red;
  opacity: 1;
  font-style: normal;
}
.triColRow .triColumn input.invalid:-moz-placeholder,
.triColRow .triColumn textarea.invalid:-moz-placeholder {
  color: red;
  opacity: 1;
  font-style: normal;
}
.triColRow .triColumn input.invalid::-moz-placeholder,
.triColRow .triColumn textarea.invalid::-moz-placeholder {
  color: red;
  opacity: 1;
  font-style: normal;
}
.triColRow .triColumn input.invalid:-ms-input-placeholder,
.triColRow .triColumn textarea.invalid:-ms-input-placeholder {
  color: red !important;
  opacity: 1;
  font-style: normal;
}
.triColRow .triColumn input.invalid::-ms-input-placeholder,
.triColRow .triColumn textarea.invalid::-ms-input-placeholder {
  color: red !important;
  opacity: 1;
  font-style: normal;
}
.triColRow .triColumn .colError {
  font-size: 2vmin;
  padding-bottom: 0.6vmin;
}
@media (max-height: 660px) {
  .triColRow .triColumn .colError {
    font-size: 13.2px;
  }
}
@media (max-width: 660px) {
  .triColRow .triColumn .colError {
    font-size: 13.2px;
  }
}
@media (max-height: 660px) {
  .triColRow .triColumn .colError {
    padding-bottom: 3.96px;
  }
}
@media (max-width: 660px) {
  .triColRow .triColumn .colError {
    padding-bottom: 3.96px;
  }
}
.triColRow .triColumn .colError a {
  color: inherit;
  text-decoration: underline;
}
.triColRow .triColumn .colNumber {
  display: inline-block;
  float: left;
  margin-left: 3vmin;
  margin-top: 1.2vmin;
  width: 5.6vmin;
  height: 8.5vmin;
}
@media (max-height: 660px) {
  .triColRow .triColumn .colNumber {
    margin-left: 19.8px;
  }
}
@media (max-width: 660px) {
  .triColRow .triColumn .colNumber {
    margin-left: 19.8px;
  }
}
@media (max-height: 660px) {
  .triColRow .triColumn .colNumber {
    margin-top: 7.92px;
  }
}
@media (max-width: 660px) {
  .triColRow .triColumn .colNumber {
    margin-top: 7.92px;
  }
}
@media (max-height: 660px) {
  .triColRow .triColumn .colNumber {
    width: 36.96px;
  }
}
@media (max-width: 660px) {
  .triColRow .triColumn .colNumber {
    width: 36.96px;
  }
}
@media (max-height: 660px) {
  .triColRow .triColumn .colNumber {
    height: 56.1px;
  }
}
@media (max-width: 660px) {
  .triColRow .triColumn .colNumber {
    height: 56.1px;
  }
}
.triColRow .triColumn .colNumber img {
  width: 100%;
}
.triColRow .triColumn .colContent {
  float: left;
  margin-left: 2.1vmin;
  width: 50vmin;
}
@media (max-height: 660px) {
  .triColRow .triColumn .colContent {
    margin-left: 13.86px;
  }
}
@media (max-width: 660px) {
  .triColRow .triColumn .colContent {
    margin-left: 13.86px;
  }
}
@media (max-height: 660px) {
  .triColRow .triColumn .colContent {
    width: 330px;
  }
}
@media (max-width: 660px) {
  .triColRow .triColumn .colContent {
    width: 330px;
  }
}
.triColRow .triColumn .colContent ul#hotspots {
  margin-top: 4.1vmin;
}
@media (max-height: 660px) {
  .triColRow .triColumn .colContent ul#hotspots {
    margin-top: 27.06px;
  }
}
@media (max-width: 660px) {
  .triColRow .triColumn .colContent ul#hotspots {
    margin-top: 27.06px;
  }
}
.triColRow .triColumn .colContent .colTitle {
  padding-top: 0.6vmin;
}
@media (max-height: 660px) {
  .triColRow .triColumn .colContent .colTitle {
    padding-top: 3.96px;
  }
}
@media (max-width: 660px) {
  .triColRow .triColumn .colContent .colTitle {
    padding-top: 3.96px;
  }
}
.triColRow .triColumn .colContent .colDesc {
  padding-top: 0.6vmin;
  width: 47vmin;
}
@media (max-height: 660px) {
  .triColRow .triColumn .colContent .colDesc {
    padding-top: 3.96px;
  }
}
@media (max-width: 660px) {
  .triColRow .triColumn .colContent .colDesc {
    padding-top: 3.96px;
  }
}
@media (max-height: 660px) {
  .triColRow .triColumn .colContent .colDesc {
    width: 310.2px;
  }
}
@media (max-width: 660px) {
  .triColRow .triColumn .colContent .colDesc {
    width: 310.2px;
  }
}
.triColRow .triColumn .colContent .colDesc.contentText {
  padding-top: 1.8vmin;
}
@media (max-height: 660px) {
  .triColRow .triColumn .colContent .colDesc.contentText {
    padding-top: 11.88px;
  }
}
@media (max-width: 660px) {
  .triColRow .triColumn .colContent .colDesc.contentText {
    padding-top: 11.88px;
  }
}
.triColRow .triColumn .colContent > p.disabled,
.triColRow .triColumn .colContent > div.disabled {
  opacity: 0.5;
  cursor: default;
}
.triColRow .triColumn .colFootnote {
  width: 45vmin;
  margin-top: 1.8vmin;
}
@media (max-height: 660px) {
  .triColRow .triColumn .colFootnote {
    width: 297px;
  }
}
@media (max-width: 660px) {
  .triColRow .triColumn .colFootnote {
    width: 297px;
  }
}
@media (max-height: 660px) {
  .triColRow .triColumn .colFootnote {
    margin-top: 11.88px;
  }
}
@media (max-width: 660px) {
  .triColRow .triColumn .colFootnote {
    margin-top: 11.88px;
  }
}
.triColRow .triColumn .colDropup {
  margin: 0 auto;
}
.triColRow .triColumn .columnDivider {
  display: inline-block;
  position: absolute;
  width: 1px;
  background-color: #F3F3F3;
  right: 0;
  height: 32.5vmin;
  margin-top: 0.9vmin;
}
@media (max-height: 660px) {
  .triColRow .triColumn .columnDivider {
    height: 214.5px;
  }
}
@media (max-width: 660px) {
  .triColRow .triColumn .columnDivider {
    height: 214.5px;
  }
}
@media (max-height: 660px) {
  .triColRow .triColumn .columnDivider {
    margin-top: 5.94px;
  }
}
@media (max-width: 660px) {
  .triColRow .triColumn .columnDivider {
    margin-top: 5.94px;
  }
}
.toggleContainer {
  text-align: left;
}
.toggleContainer .toggleText {
  font-size: 1.2vmin;
  line-height: 2.2vmin;
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  -ms-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
  font-weight: 600;
  text-transform: uppercase;
}
@media (max-height: 660px) {
  .toggleContainer .toggleText {
    font-size: 7.92px;
  }
}
@media (max-width: 660px) {
  .toggleContainer .toggleText {
    font-size: 7.92px;
  }
}
@media (max-height: 660px) {
  .toggleContainer .toggleText {
    line-height: 14.52px;
  }
}
@media (max-width: 660px) {
  .toggleContainer .toggleText {
    line-height: 14.52px;
  }
}
.toggleContainer .toggleText.ng-show {
  display: initial !important;
  opacity: 1;
}
.toggleContainer .toggleText.ng-hide {
  display: initial !important;
  opacity: 0;
}
.toggleContainer .content {
  display: inline-block;
  line-height: 3vmin;
  width: 16vmin;
}
@media (max-height: 660px) {
  .toggleContainer .content {
    line-height: 19.8px;
  }
}
@media (max-width: 660px) {
  .toggleContainer .content {
    line-height: 19.8px;
  }
}
@media (max-height: 660px) {
  .toggleContainer .content {
    width: 105.6px;
  }
}
@media (max-width: 660px) {
  .toggleContainer .content {
    width: 105.6px;
  }
}
.toggleContainer .toggle {
  display: inline-block;
  float: right;
  width: 3vmin;
  height: 3vmin;
}
@media (max-height: 660px) {
  .toggleContainer .toggle {
    width: 19.8px;
  }
}
@media (max-width: 660px) {
  .toggleContainer .toggle {
    width: 19.8px;
  }
}
@media (max-height: 660px) {
  .toggleContainer .toggle {
    height: 19.8px;
  }
}
@media (max-width: 660px) {
  .toggleContainer .toggle {
    height: 19.8px;
  }
}
.toggleContainer .toggle .check {
  position: absolute;
  display: block;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 6;
}
.toggleContainer .toggle .switch {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: url(/a1553ca7e7d0eb8df14a.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}
.toggleContainer .toggle .check:checked ~ .switch {
  background-image: url(/15580560615eb0a59469.svg);
}
.toggleContainer.verticalCenter {
  position: relative;
}
.toggleContainer.verticalCenter .toggle {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}
/* Page header */
#header .rightBlock #help {
  float: left;
}
#header .rightBlock #help a {
  display: inline-block;
  width: 23.6vmin;
  height: 5.3vmin;
  font-size: 1.5vmin;
  border-radius: 16.7vmin;
  border: 1px solid #E2E2E2;
}
@media (max-height: 660px) {
  #header .rightBlock #help a {
    width: 155.76px;
  }
}
@media (max-width: 660px) {
  #header .rightBlock #help a {
    width: 155.76px;
  }
}
@media (max-height: 660px) {
  #header .rightBlock #help a {
    height: 34.98px;
  }
}
@media (max-width: 660px) {
  #header .rightBlock #help a {
    height: 34.98px;
  }
}
@media (max-height: 660px) {
  #header .rightBlock #help a {
    font-size: 9.9px;
  }
}
@media (max-width: 660px) {
  #header .rightBlock #help a {
    font-size: 9.9px;
  }
}
#header .rightBlock #help a,
#header .rightBlock #help a:hover,
#header .rightBlock #help a:active {
  color: #333333;
}
#header .rightBlock #help a:hover,
#header .rightBlock #help a:active {
  text-decoration: none;
}
@media (max-height: 660px) {
  #header .rightBlock #help a {
    border-radius: 110.22px;
  }
}
@media (max-width: 660px) {
  #header .rightBlock #help a {
    border-radius: 110.22px;
  }
}
#header .rightBlock #help a img {
  float: left;
  width: 2.7vmin;
  padding: 1.8vmin 1.7vmin 1.8vmin 2.4vmin;
}
@media (max-height: 660px) {
  #header .rightBlock #help a img {
    width: 17.82px;
  }
}
@media (max-width: 660px) {
  #header .rightBlock #help a img {
    width: 17.82px;
  }
}
@media (max-height: 660px) {
  #header .rightBlock #help a img {
    padding:  11.88px 11.22px 11.88px 15.84px;
  }
}
#header .rightBlock #help a span {
  display: inline-block;
  padding-top: 0.5vmin;
}
@media (max-height: 660px) {
  #header .rightBlock #help a span {
    padding-top: 3.3px;
  }
}
@media (max-width: 660px) {
  #header .rightBlock #help a span {
    padding-top: 3.3px;
  }
}
#header .rightBlock #accountInfo {
  float: right;
}
#header .rightBlock #accountInfo .accountItem {
  display: inline-block;
  width: 5.3vmin;
  height: 5.3vmin;
  margin-left: 2.3vmin;
  border-radius: 16.7vmin;
  border: 1px solid #E2E2E2;
  cursor: pointer;
}
@media (max-height: 660px) {
  #header .rightBlock #accountInfo .accountItem {
    width: 34.98px;
  }
}
@media (max-width: 660px) {
  #header .rightBlock #accountInfo .accountItem {
    width: 34.98px;
  }
}
@media (max-height: 660px) {
  #header .rightBlock #accountInfo .accountItem {
    height: 34.98px;
  }
}
@media (max-width: 660px) {
  #header .rightBlock #accountInfo .accountItem {
    height: 34.98px;
  }
}
@media (max-height: 660px) {
  #header .rightBlock #accountInfo .accountItem {
    margin-left: 15.18px;
  }
}
@media (max-width: 660px) {
  #header .rightBlock #accountInfo .accountItem {
    margin-left: 15.18px;
  }
}
@media (max-height: 660px) {
  #header .rightBlock #accountInfo .accountItem {
    border-radius: 110.22px;
  }
}
@media (max-width: 660px) {
  #header .rightBlock #accountInfo .accountItem {
    border-radius: 110.22px;
  }
}
#header .rightBlock #accountInfo .accountItem img {
  width: 2.3vmin;
  padding-top: 1.4vmin;
  padding-left: 1.5vmin;
}
@media (max-height: 660px) {
  #header .rightBlock #accountInfo .accountItem img {
    width: 15.18px;
  }
}
@media (max-width: 660px) {
  #header .rightBlock #accountInfo .accountItem img {
    width: 15.18px;
  }
}
@media (max-height: 660px) {
  #header .rightBlock #accountInfo .accountItem img {
    padding-top: 9.24px;
  }
}
@media (max-width: 660px) {
  #header .rightBlock #accountInfo .accountItem img {
    padding-top: 9.24px;
  }
}
@media (max-height: 660px) {
  #header .rightBlock #accountInfo .accountItem img {
    padding-left: 9.9px;
  }
}
@media (max-width: 660px) {
  #header .rightBlock #accountInfo .accountItem img {
    padding-left: 9.9px;
  }
}
#header #logo a {
  display: block;
  background-image: url(/4ddde55f2d519ebb924a.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 21.6vmin;
  height: 4.7vmin;
}
@media (max-height: 660px) {
  #header #logo a {
    width: 142.56px;
  }
}
@media (max-width: 660px) {
  #header #logo a {
    width: 142.56px;
  }
}
@media (max-height: 660px) {
  #header #logo a {
    height: 31.02px;
  }
}
@media (max-width: 660px) {
  #header #logo a {
    height: 31.02px;
  }
}
#header.staging #logo a {
  background-image: url(/4ddde55f2d519ebb924a.svg);
}
#header .rightButtonContainer {
  position: absolute;
  right: 0;
  z-index: 1;
  top: 15vmin;
  margin-top: 9.5vmin;
  margin-right: 11.6vmin;
}
@media (max-height: 660px) {
  #header .rightButtonContainer {
    top: 99px;
  }
}
@media (max-width: 660px) {
  #header .rightButtonContainer {
    top: 99px;
  }
}
@media (max-height: 660px) {
  #header .rightButtonContainer {
    margin-top: 62.7px;
  }
}
@media (max-width: 660px) {
  #header .rightButtonContainer {
    margin-top: 62.7px;
  }
}
@media (max-height: 660px) {
  #header .rightButtonContainer {
    margin-right: 76.56px;
  }
}
@media (max-width: 660px) {
  #header .rightButtonContainer {
    margin-right: 76.56px;
  }
}
#ddAccountList {
  position: absolute;
  top: 8.9vmin;
  right: 1.3vmin;
}
@media (max-height: 660px) {
  #ddAccountList {
    top: 58.74px;
  }
}
@media (max-width: 660px) {
  #ddAccountList {
    top: 58.74px;
  }
}
@media (max-height: 660px) {
  #ddAccountList {
    right: 8.58px;
  }
}
@media (max-width: 660px) {
  #ddAccountList {
    right: 8.58px;
  }
}
#ddAccountList .ddPopup {
  width: 28vmin;
}
@media (max-height: 660px) {
  #ddAccountList .ddPopup {
    width: 184.8px;
  }
}
@media (max-width: 660px) {
  #ddAccountList .ddPopup {
    width: 184.8px;
  }
}
#ddAccountList .ddPopup .ddList {
  padding-top: 1.2vmin;
  padding-bottom: 1.2vmin;
}
@media (max-height: 660px) {
  #ddAccountList .ddPopup .ddList {
    padding-top: 7.92px;
  }
}
@media (max-width: 660px) {
  #ddAccountList .ddPopup .ddList {
    padding-top: 7.92px;
  }
}
@media (max-height: 660px) {
  #ddAccountList .ddPopup .ddList {
    padding-bottom: 7.92px;
  }
}
@media (max-width: 660px) {
  #ddAccountList .ddPopup .ddList {
    padding-bottom: 7.92px;
  }
}
#ddAccountList .ddPopup .ddList .ddItem {
  padding-top: 1.2vmin;
  padding-bottom: 1.2vmin;
}
@media (max-height: 660px) {
  #ddAccountList .ddPopup .ddList .ddItem {
    padding-top: 7.92px;
  }
}
@media (max-width: 660px) {
  #ddAccountList .ddPopup .ddList .ddItem {
    padding-top: 7.92px;
  }
}
@media (max-height: 660px) {
  #ddAccountList .ddPopup .ddList .ddItem {
    padding-bottom: 7.92px;
  }
}
@media (max-width: 660px) {
  #ddAccountList .ddPopup .ddList .ddItem {
    padding-bottom: 7.92px;
  }
}
#ddAccountList .ddPopup .ddList .ddItem p {
  text-transform: capitalize;
  font-variant: normal;
}
#ddAccountList .ddPopup .ddItem.ddLogout {
  padding-top: 1.8vmin;
  padding-bottom: 1.8vmin;
  padding-left: 3vmin;
  background-color: #FFFFFF;
  cursor: pointer;
}
@media (max-height: 660px) {
  #ddAccountList .ddPopup .ddItem.ddLogout {
    padding-top: 11.88px;
  }
}
@media (max-width: 660px) {
  #ddAccountList .ddPopup .ddItem.ddLogout {
    padding-top: 11.88px;
  }
}
@media (max-height: 660px) {
  #ddAccountList .ddPopup .ddItem.ddLogout {
    padding-bottom: 11.88px;
  }
}
@media (max-width: 660px) {
  #ddAccountList .ddPopup .ddItem.ddLogout {
    padding-bottom: 11.88px;
  }
}
@media (max-height: 660px) {
  #ddAccountList .ddPopup .ddItem.ddLogout {
    padding-left: 19.8px;
  }
}
@media (max-width: 660px) {
  #ddAccountList .ddPopup .ddItem.ddLogout {
    padding-left: 19.8px;
  }
}
#ddAccountList .ddPopup .ddItem.ddLogout.ddDivider {
  border-top: 1px solid #E2E2E2;
}
#ddAccountList .ddArrow.arrowTop {
  left: 14vmin;
}
@media (max-height: 660px) {
  #ddAccountList .ddArrow.arrowTop {
    left: 92.4px;
  }
}
@media (max-width: 660px) {
  #ddAccountList .ddArrow.arrowTop {
    left: 92.4px;
  }
}
/* Main */
.main #headline {
  opacity: 0;
  display: block!important;
  letter-spacing: 5px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.main > h4 {
  font-size: 1.5vmin;
  line-height: 1.7vmin;
  margin-top: -1.6vmin;
  font-weight: 300;
  color: #34405e;
}
@media (min-height: 1040px) {
  .main > h4 {
    font-size: 13px;
  }
}
.main #subtitle {
  opacity: 0;
  display: block!important;
}
.MainLoader {
  width: 100px;
  height: 100px;
  opacity: 0;
  animation: 1s ease-in-out loading-min-start infinite;
}
.MainLoader__Container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: #f9f9f9;
  top: 0;
  left: 0;
  z-index: 10000;
}
.MainLoader img {
  width: 100%;
}
@keyframes loading-min-start {
  from {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
h1,
h2,
h4,
p,
.input1,
.ddContainer .ddPopup .ddSearch .ddSearchInput,
.ddContainer .dtpPopup .ddSearch .ddSearchInput {
  font-weight: 400;
}
h1,
h2,
h3,
h4 {
  color: #333333;
}
h1 {
  font-size: 3.8vmin;
  margin: 0;
}
@media (max-height: 660px) {
  h1 {
    font-size: 25.08px;
  }
}
@media (max-width: 660px) {
  h1 {
    font-size: 25.08px;
  }
}
h2 {
  font-size: 2.6vmin;
}
@media (max-height: 660px) {
  h2 {
    font-size: 17.16px;
  }
}
@media (max-width: 660px) {
  h2 {
    font-size: 17.16px;
  }
}
h3 {
  font-size: 2.4vmin;
  font-weight: 500;
}
@media (max-height: 660px) {
  h3 {
    font-size: 15.84px;
  }
}
@media (max-width: 660px) {
  h3 {
    font-size: 15.84px;
  }
}
h4 {
  font-size: 1.8vmin;
}
@media (max-height: 660px) {
  h4 {
    font-size: 11.88px;
  }
}
@media (max-width: 660px) {
  h4 {
    font-size: 11.88px;
  }
}
p.listItem,
p.listItemError,
p.listItemInactive,
p.tab,
p.storefrontTag,
.input1,
.ddContainer .ddPopup .ddSearch .ddSearchInput,
.ddContainer .dtpPopup .ddSearch .ddSearchInput {
  display: inline-block;
}
p.listItem,
.input1,
.ddContainer .ddPopup .ddSearch .ddSearchInput,
.ddContainer .dtpPopup .ddSearch .ddSearchInput {
  color: #333333;
}
p.listItemError {
  color: #D0021B;
}
p.listItemInactive {
  color: #9B9B9B;
}
p.tab,
p.storefrontTag,
p.imagePlaceholder {
  text-transform: uppercase;
}
p.tab {
  font-size: 1.8vmin;
  letter-spacing: 0.2vmin;
  font-weight: 500;
  color: #718086;
}
@media (max-height: 660px) {
  p.tab {
    font-size: 11.88px;
  }
}
@media (max-width: 660px) {
  p.tab {
    font-size: 11.88px;
  }
}
@media (max-height: 660px) {
  p.tab {
    letter-spacing: 1.32px;
  }
}
@media (max-width: 660px) {
  p.tab {
    letter-spacing: 1.32px;
  }
}
p.tab.selected {
  color: #333333;
}
p.storefrontTag {
  font-size: 1.8vmin;
  letter-spacing: 0.07vmin;
  color: #333333;
}
@media (max-height: 660px) {
  p.storefrontTag {
    font-size: 11.88px;
  }
}
@media (max-width: 660px) {
  p.storefrontTag {
    font-size: 11.88px;
  }
}
@media (max-height: 660px) {
  p.storefrontTag {
    letter-spacing: 0.462px;
  }
}
@media (max-width: 660px) {
  p.storefrontTag {
    letter-spacing: 0.462px;
  }
}
p.imagePlaceholder {
  font-size: 2.1vmin;
  letter-spacing: 0.07vmin;
  color: #718086;
}
@media (max-height: 660px) {
  p.imagePlaceholder {
    font-size: 13.86px;
  }
}
@media (max-width: 660px) {
  p.imagePlaceholder {
    font-size: 13.86px;
  }
}
@media (max-height: 660px) {
  p.imagePlaceholder {
    letter-spacing: 0.462px;
  }
}
@media (max-width: 660px) {
  p.imagePlaceholder {
    letter-spacing: 0.462px;
  }
}
p.dropdown {
  font-size: 2.3vmin;
  color: #333333;
}
@media (max-height: 660px) {
  p.dropdown {
    font-size: 15.18px;
  }
}
@media (max-width: 660px) {
  p.dropdown {
    font-size: 15.18px;
  }
}
p.dropdown.empty {
  font-size: 2.1vmin;
  color: #9B9B9B;
}
@media (max-height: 660px) {
  p.dropdown.empty {
    font-size: 13.86px;
  }
}
@media (max-width: 660px) {
  p.dropdown.empty {
    font-size: 13.86px;
  }
}
.upCaseText {
  text-transform: uppercase;
}
.mediumText {
  font-weight: 500;
}
.boldText {
  font-weight: 600;
}
.hintText {
  color: #718086;
}
.activeText {
  color: #26A9FA;
}
.inactiveText {
  color: #9B9B9B;
}
.button1,
.button1-1,
.button1-2,
.dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterRightButton {
  height: 6vmin;
  border-radius: 7px;
  letter-spacing: 0.21vmin;
  background-color: #7ED321;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: 500;
}
@media (max-height: 660px) {
  .button1,
  .button1-1,
  .button1-2,
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterRightButton {
    height: 39.6px;
  }
}
@media (max-width: 660px) {
  .button1,
  .button1-1,
  .button1-2,
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterRightButton {
    height: 39.6px;
  }
}
@media (max-height: 660px) {
  .button1,
  .button1-1,
  .button1-2,
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterRightButton {
    border-radius: 46.2px;
  }
}
@media (max-width: 660px) {
  .button1,
  .button1-1,
  .button1-2,
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterRightButton {
    border-radius: 46.2px;
  }
}
@media (max-height: 660px) {
  .button1,
  .button1-1,
  .button1-2,
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterRightButton {
    letter-spacing: 1.386px;
  }
}
@media (max-width: 660px) {
  .button1,
  .button1-1,
  .button1-2,
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterRightButton {
    letter-spacing: 1.386px;
  }
}
.button1-1,
.dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterRightButton {
  font-size: 2.1vmin;
  width: 27.2vmin;
}
@media (max-height: 660px) {
  .button1-1,
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterRightButton {
    font-size: 13.86px;
  }
}
@media (max-width: 660px) {
  .button1-1,
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterRightButton {
    font-size: 13.86px;
  }
}
@media (max-height: 660px) {
  .button1-1,
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterRightButton {
    width: 179.52px;
  }
}
@media (max-width: 660px) {
  .button1-1,
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterRightButton {
    width: 179.52px;
  }
}
.button1-1:hover {
  background-color: #96DA4C;
}
.button1-1.error {
  background-color: #D0021B;
}
.button1-1.error:hover {
  background-color: #E71932;
}
.button1-1.disabled,
.dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterRightButton.disabled {
  background-color: #D8D8D8;
  pointer-events: none;
  cursor: default;
}
.button1-2 {
  font-size: 1.8vmin;
  width: 27.1vmin;
  -webkit-box-shadow: 0 0.3vmin 1.5vmin 0 rgba(126, 211, 33, 0.5);
  -moz-box-shadow: 0 0.3vmin 1.5vmin 0 rgba(126, 211, 33, 0.5);
  -ms-box-shadow: 0 0.3vmin 1.5vmin 0 rgba(126, 211, 33, 0.5);
  -o-box-shadow: 0 0.3vmin 1.5vmin 0 rgba(126, 211, 33, 0.5);
  box-shadow: 0 0.3vmin 1.5vmin 0 rgba(126, 211, 33, 0.5);
}
@media (max-height: 660px) {
  .button1-2 {
    font-size: 11.88px;
  }
}
@media (max-width: 660px) {
  .button1-2 {
    font-size: 11.88px;
  }
}
@media (max-height: 660px) {
  .button1-2 {
    width: 178.86px;
  }
}
@media (max-width: 660px) {
  .button1-2 {
    width: 178.86px;
  }
}
.button1-2:hover {
  background-color: #96DA4C;
  -webkit-box-shadow: 0 0.4vmin 1.5vmin 0 rgba(126, 211, 33, 0.5);
  -moz-box-shadow: 0 0.4vmin 1.5vmin 0 rgba(126, 211, 33, 0.5);
  -ms-box-shadow: 0 0.4vmin 1.5vmin 0 rgba(126, 211, 33, 0.5);
  -o-box-shadow: 0 0.4vmin 1.5vmin 0 rgba(126, 211, 33, 0.5);
  box-shadow: 0 0.4vmin 1.5vmin 0 rgba(126, 211, 33, 0.5);
}
.button1-2:active {
  box-shadow: 0 0.2vmin 0.2vmin 0 #68b80f;
}
.button1-2.disabledEvents {
  pointer-events: none;
  cursor: default;
}
.button1-2.disabled {
  background-color: #D8D8D8;
  pointer-events: none;
  cursor: default;
  -webkit-box-shadow: 0 0.3vmin 1.5vmin 0 #D8D8D8;
  -moz-box-shadow: 0 0.3vmin 1.5vmin 0 #D8D8D8;
  -ms-box-shadow: 0 0.3vmin 1.5vmin 0 #D8D8D8;
  -o-box-shadow: 0 0.3vmin 1.5vmin 0 #D8D8D8;
  box-shadow: 0 0.3vmin 1.5vmin 0 #D8D8D8;
}
.button1-2.disabled:hover {
  background-color: #D8D8D8;
  -webkit-box-shadow: 0 0.4vmin 1.5vmin 0 #D8D8D8;
  -moz-box-shadow: 0 0.4vmin 1.5vmin 0 #D8D8D8;
  -ms-box-shadow: 0 0.4vmin 1.5vmin 0 #D8D8D8;
  -o-box-shadow: 0 0.4vmin 1.5vmin 0 #D8D8D8;
  box-shadow: 0 0.4vmin 1.5vmin 0 #D8D8D8;
}
.button1-2.disabled:active {
  box-shadow: 0 0.2vmin 0.2vmin 0 #D8D8D8;
}
.button2,
.button2-1,
.button2-2,
.button2-3 {
  height: 3.6vmin;
  width: 15.2vmin;
  font-size: 2vmin;
  border-radius: 0.9vmin;
  background-color: #FFFFFF;
  text-transform: capitalize;
}
@media (max-height: 660px) {
  .button2,
  .button2-1,
  .button2-2,
  .button2-3 {
    height: 23.76px;
  }
}
@media (max-width: 660px) {
  .button2,
  .button2-1,
  .button2-2,
  .button2-3 {
    height: 23.76px;
  }
}
@media (max-height: 660px) {
  .button2,
  .button2-1,
  .button2-2,
  .button2-3 {
    width: 100.32px;
  }
}
@media (max-width: 660px) {
  .button2,
  .button2-1,
  .button2-2,
  .button2-3 {
    width: 100.32px;
  }
}
@media (max-height: 660px) {
  .button2,
  .button2-1,
  .button2-2,
  .button2-3 {
    font-size: 13.2px;
  }
}
@media (max-width: 660px) {
  .button2,
  .button2-1,
  .button2-2,
  .button2-3 {
    font-size: 13.2px;
  }
}
@media (max-height: 660px) {
  .button2,
  .button2-1,
  .button2-2,
  .button2-3 {
    border-radius: 5.94px;
  }
}
@media (max-width: 660px) {
  .button2,
  .button2-1,
  .button2-2,
  .button2-3 {
    border-radius: 5.94px;
  }
}
.button2-1 {
  color: #26A9FA;
  border: 1px solid #26A9FA;
}
.button2-1:hover {
  -webkit-box-shadow: 0 0.5vmin 0.9vmin 0 rgba(38, 169, 250, 0.16);
  -moz-box-shadow: 0 0.5vmin 0.9vmin 0 rgba(38, 169, 250, 0.16);
  -ms-box-shadow: 0 0.5vmin 0.9vmin 0 rgba(38, 169, 250, 0.16);
  -o-box-shadow: 0 0.5vmin 0.9vmin 0 rgba(38, 169, 250, 0.16);
  box-shadow: 0 0.5vmin 0.9vmin 0 rgba(38, 169, 250, 0.16);
}
.button2-1:active {
  -webkit-box-shadow: 0 0.2vmin 0.2vmin 0 rgba(183, 206, 221, 0.4);
  -moz-box-shadow: 0 0.2vmin 0.2vmin 0 rgba(183, 206, 221, 0.4);
  -ms-box-shadow: 0 0.2vmin 0.2vmin 0 rgba(183, 206, 221, 0.4);
  -o-box-shadow: 0 0.2vmin 0.2vmin 0 rgba(183, 206, 221, 0.4);
  box-shadow: 0 0.2vmin 0.2vmin 0 rgba(183, 206, 221, 0.4);
}
.button2-2 {
  color: #D0021B;
  border: 1px solid #D0021B;
}
.button2-2:hover {
  -webkit-box-shadow: 0 0.5vmin 0.9vmin 0 rgba(208, 2, 27, 0.16);
  -moz-box-shadow: 0 0.5vmin 0.9vmin 0 rgba(208, 2, 27, 0.16);
  -ms-box-shadow: 0 0.5vmin 0.9vmin 0 rgba(208, 2, 27, 0.16);
  -o-box-shadow: 0 0.5vmin 0.9vmin 0 rgba(208, 2, 27, 0.16);
  box-shadow: 0 0.5vmin 0.9vmin 0 rgba(208, 2, 27, 0.16);
}
.button2-2:active {
  -webkit-box-shadow: 0 0.2vmin 0.2vmin 0 rgba(208, 2, 27, 0.4);
  -moz-box-shadow: 0 0.2vmin 0.2vmin 0 rgba(208, 2, 27, 0.4);
  -ms-box-shadow: 0 0.2vmin 0.2vmin 0 rgba(208, 2, 27, 0.4);
  -o-box-shadow: 0 0.2vmin 0.2vmin 0 rgba(208, 2, 27, 0.4);
  box-shadow: 0 0.2vmin 0.2vmin 0 rgba(208, 2, 27, 0.4);
}
.button2-3 {
  color: #333333;
  border: 1px solid #9B9B9B;
}
.button2-3:hover {
  -webkit-box-shadow: 0 0.5vmin 0.9vmin 0 rgba(155, 155, 155, 0.16);
  -moz-box-shadow: 0 0.5vmin 0.9vmin 0 rgba(155, 155, 155, 0.16);
  -ms-box-shadow: 0 0.5vmin 0.9vmin 0 rgba(155, 155, 155, 0.16);
  -o-box-shadow: 0 0.5vmin 0.9vmin 0 rgba(155, 155, 155, 0.16);
  box-shadow: 0 0.5vmin 0.9vmin 0 rgba(155, 155, 155, 0.16);
}
.button2-3:active {
  -webkit-box-shadow: 0 0.2vmin 0.2vmin 0 rgba(155, 155, 155, 0.4);
  -moz-box-shadow: 0 0.2vmin 0.2vmin 0 rgba(155, 155, 155, 0.4);
  -ms-box-shadow: 0 0.2vmin 0.2vmin 0 rgba(155, 155, 155, 0.4);
  -o-box-shadow: 0 0.2vmin 0.2vmin 0 rgba(155, 155, 155, 0.4);
  box-shadow: 0 0.2vmin 0.2vmin 0 rgba(155, 155, 155, 0.4);
}
.button2-3.disabled {
  pointer-events: none;
  cursor: default;
  color: #D8D8D8;
  border-color: #D8D8D8;
}
.button3 {
  height: 3.3vmin;
  font-size: 1.8vmin;
  border: 0.2vmin solid #26A9FA;
  background-color: #FFFFFF;
  border-radius: 15.2vmin;
  text-transform: uppercase;
  color: #26A9FA;
  padding: 0 2.1vmin;
}
@media (max-height: 660px) {
  .button3 {
    height: 21.78px;
  }
}
@media (max-width: 660px) {
  .button3 {
    height: 21.78px;
  }
}
@media (max-height: 660px) {
  .button3 {
    font-size: 11.88px;
  }
}
@media (max-width: 660px) {
  .button3 {
    font-size: 11.88px;
  }
}
@media (max-height: 660px) {
  .button3 {
    border-radius: 100.32px;
  }
}
@media (max-width: 660px) {
  .button3 {
    border-radius: 100.32px;
  }
}
@media (max-height: 660px) {
  .button3 {
    padding:  0 13.86px;
  }
}
.button3:hover {
  -webkit-box-shadow: 0 0.5vmin 0.9vmin 0 rgba(38, 169, 250, 0.16);
  -moz-box-shadow: 0 0.5vmin 0.9vmin 0 rgba(38, 169, 250, 0.16);
  -ms-box-shadow: 0 0.5vmin 0.9vmin 0 rgba(38, 169, 250, 0.16);
  -o-box-shadow: 0 0.5vmin 0.9vmin 0 rgba(38, 169, 250, 0.16);
  box-shadow: 0 0.5vmin 0.9vmin 0 rgba(38, 169, 250, 0.16);
}
.button3:active {
  -webkit-box-shadow: 0 0.2vmin 0.2vmin 0 rgba(183, 206, 221, 0.4);
  -moz-box-shadow: 0 0.2vmin 0.2vmin 0 rgba(183, 206, 221, 0.4);
  -ms-box-shadow: 0 0.2vmin 0.2vmin 0 rgba(183, 206, 221, 0.4);
  -o-box-shadow: 0 0.2vmin 0.2vmin 0 rgba(183, 206, 221, 0.4);
  box-shadow: 0 0.2vmin 0.2vmin 0 rgba(183, 206, 221, 0.4);
}
.input1 {
  border: 1px solid #D8D8D8;
  border-radius: 0.9vmin;
  width: 47vmin;
  height: 5.5vmin;
  padding-left: 2.1vmin;
}
@media (max-height: 660px) {
  .input1 {
    border-radius: 5.94px;
  }
}
@media (max-width: 660px) {
  .input1 {
    border-radius: 5.94px;
  }
}
@media (max-height: 660px) {
  .input1 {
    width: 310.2px;
  }
}
@media (max-width: 660px) {
  .input1 {
    width: 310.2px;
  }
}
@media (max-height: 660px) {
  .input1 {
    height: 36.3px;
  }
}
@media (max-width: 660px) {
  .input1 {
    height: 36.3px;
  }
}
@media (max-height: 660px) {
  .input1 {
    padding-left: 13.86px;
  }
}
@media (max-width: 660px) {
  .input1 {
    padding-left: 13.86px;
  }
}
.input1::-webkit-input-placeholder {
  color: #cccccc;
  opacity: 1;
  font-style: italic;
}
.input1:-moz-placeholder {
  color: #cccccc;
  opacity: 1;
  font-style: italic;
}
.input1::-moz-placeholder {
  color: #cccccc;
  opacity: 1;
  font-style: italic;
}
.input1:-ms-input-placeholder {
  color: #cccccc !important;
  opacity: 1;
  font-style: italic;
}
.input1::-ms-input-placeholder {
  color: #cccccc !important;
  opacity: 1;
  font-style: italic;
}
.input1::-webkit-input-placeholder {
  font-size: 2vmin;
}
.input1:-moz-placeholder {
  font-size: 2vmin;
}
.input1::-moz-placeholder {
  font-size: 2vmin;
}
.input1:-ms-input-placeholder {
  font-size: 2vmin;
}
.input1::-ms-input-placeholder {
  font-size: 2vmin;
}
.initBlurEffect {
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -ms-filter: blur(0px);
  -o-filter: blur(0px);
  filter: blur(0px);
  -webkit-transition: 0.7s -webkit-filter linear;
  -o-transition: 0.7s -o-filter linear;
}
.blurEffect {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -ms-filter: blur(5px);
  -o-filter: blur(5px);
  filter: blur(5px);
  pointer-events: none;
  cursor: default;
}
.firefox #promotionManager .verticalDivider {
  position: absolute;
  left: 50%;
  height: 100%;
  width: 0.1vw;
  background-color: rgba(52, 64, 94, 0.05);
  border: 2px solid rgba(52, 64, 94, 0);
}
#promotionManager .buttonsContainer {
  margin-top: 15.2vmin;
  width: 80%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  margin-left: auto;
  margin-right: auto;
  flex-flow: row wrap;
}
@media (max-height: 660px) {
  #promotionManager .buttonsContainer {
    margin-top: 100.32px;
  }
}
@media (max-width: 660px) {
  #promotionManager .buttonsContainer {
    margin-top: 100.32px;
  }
}
#promotionManager .buttonsContainer .buttonContainer {
  flex-basis: 33.3%;
  margin-bottom: 2vmin;
}
@media (max-height: 660px) {
  #promotionManager .buttonsContainer .buttonContainer {
    margin-bottom: 13.2px;
  }
}
@media (max-width: 660px) {
  #promotionManager .buttonsContainer .buttonContainer {
    margin-bottom: 13.2px;
  }
}
#promotionManager .buttonsContainer .buttonContainer img {
  height: 100%;
  width: 100%;
  border-radius: 1.5vmin;
  cursor: pointer;
}
@media (max-height: 660px) {
  #promotionManager .buttonsContainer .buttonContainer img {
    border-radius: 9.9px;
  }
}
@media (max-width: 660px) {
  #promotionManager .buttonsContainer .buttonContainer img {
    border-radius: 9.9px;
  }
}
#promotionManager .buttonsContainer .buttonContainer.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
#promotionManager .buttonsContainer .buttonContainer.disabled img {
  pointer-events: none;
}
@media (max-aspect-ratio: 1.5) {
  #promotionManager .buttonsContainer {
    width: 90%;
  }
}
.inputTitleContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
}
.inputTitleContainer .inputContainer {
  margin: 0 auto;
  margin-top: 3vmin;
  width: 68.2vmin;
  height: auto;
}
@media (max-height: 660px) {
  .inputTitleContainer .inputContainer {
    margin-top: 19.8px;
  }
}
@media (max-width: 660px) {
  .inputTitleContainer .inputContainer {
    margin-top: 19.8px;
  }
}
@media (max-height: 660px) {
  .inputTitleContainer .inputContainer {
    width: 450.12px;
  }
}
@media (max-width: 660px) {
  .inputTitleContainer .inputContainer {
    width: 450.12px;
  }
}
.inputTitleContainer .inputContainer .editableTitle {
  font-size: 3.6vmin;
  border: 1px solid #E2E2E2;
}
@media (max-height: 660px) {
  .inputTitleContainer .inputContainer .editableTitle {
    font-size: 23.76px;
  }
}
@media (max-width: 660px) {
  .inputTitleContainer .inputContainer .editableTitle {
    font-size: 23.76px;
  }
}
.inputTitleContainer .inputContainer form {
  position: absolute;
  display: block;
  width: 69.2vmin;
  height: 5.3vmin;
  margin-left: 2vmin;
  box-sizing: border-box;
  text-align: left;
  -webkit-transition: background-color 1000ms linear;
  -moz-transition: background-color 1000ms linear;
  -ms-transition: background-color 1000ms linear;
  -o-transition: background-color 1000ms linear;
  transition: background-color 1000ms linear;
}
@media (max-height: 660px) {
  .inputTitleContainer .inputContainer form {
    width: 456.72px;
  }
}
@media (max-width: 660px) {
  .inputTitleContainer .inputContainer form {
    width: 456.72px;
  }
}
@media (max-height: 660px) {
  .inputTitleContainer .inputContainer form {
    height: 34.98px;
  }
}
@media (max-width: 660px) {
  .inputTitleContainer .inputContainer form {
    height: 34.98px;
  }
}
@media (max-height: 660px) {
  .inputTitleContainer .inputContainer form {
    margin-left: 13.2px;
  }
}
@media (max-width: 660px) {
  .inputTitleContainer .inputContainer form {
    margin-left: 13.2px;
  }
}
.inputTitleContainer .inputContainer .staticTitle,
.inputTitleContainer .inputContainer .editableTitle {
  padding-left: 2.1vmin;
}
@media (max-height: 660px) {
  .inputTitleContainer .inputContainer .staticTitle,
  .inputTitleContainer .inputContainer .editableTitle {
    padding-left: 13.86px;
  }
}
@media (max-width: 660px) {
  .inputTitleContainer .inputContainer .staticTitle,
  .inputTitleContainer .inputContainer .editableTitle {
    padding-left: 13.86px;
  }
}
.inputTitleContainer .inputContainer .staticTitle {
  padding-right: 2.1vmin;
  position: absolute;
  text-align: center;
  left: 0;
  height: 100%;
  line-height: 1.45;
  white-space: nowrap;
  text-transform: uppercase;
  -webkit-transition: right 0.5s ease-out;
  -moz-transition: right 0.5s ease-out;
  -ms-transition: right 0.5s ease-out;
  -o-transition: right 0.5s ease-out;
  transition: right 0.5s ease-out;
}
@media (max-height: 660px) {
  .inputTitleContainer .inputContainer .staticTitle {
    padding-right: 13.86px;
  }
}
@media (max-width: 660px) {
  .inputTitleContainer .inputContainer .staticTitle {
    padding-right: 13.86px;
  }
}
.inputTitleContainer .inputContainer .staticTitle.static {
  right: 0;
}
.inputTitleContainer .inputContainer .staticTitle.edit {
  right: 100%;
}
.inputTitleContainer .inputContainer .editableTitle {
  padding-right: 5vmin;
  text-transform: uppercase;
  width: 90%;
  height: 100%;
}
@media (max-height: 660px) {
  .inputTitleContainer .inputContainer .editableTitle {
    padding-right: 33px;
  }
}
@media (max-width: 660px) {
  .inputTitleContainer .inputContainer .editableTitle {
    padding-right: 33px;
  }
}
.inputTitleContainer .inputContainer .editableTitle::-webkit-input-placeholder {
  font-size: 3.6vmin;
}
.inputTitleContainer .inputContainer .editableTitle:-moz-placeholder {
  font-size: 3.6vmin;
}
.inputTitleContainer .inputContainer .editableTitle::-moz-placeholder {
  font-size: 3.6vmin;
}
.inputTitleContainer .inputContainer .editableTitle:-ms-input-placeholder {
  font-size: 3.6vmin;
}
.inputTitleContainer .inputContainer .editableTitle::-ms-input-placeholder {
  font-size: 3.6vmin;
}
.inputTitleContainer .inputContainer .tip {
  position: relative;
  float: right;
  right: 1.5vmin;
  width: 15vmin;
  font-size: 1.36vmin;
  letter-spacing: 0.1px;
  font-weight: 200;
  -webkit-box-shadow: 0 0 6px 0 rgba(51, 63, 94, 0.4);
  -moz-box-shadow: 0 0 6px 0 rgba(51, 63, 94, 0.4);
  -ms-box-shadow: 0 0 6px 0 rgba(51, 63, 94, 0.4);
  -o-box-shadow: 0 0 6px 0 rgba(51, 63, 94, 0.4);
  box-shadow: 0 0 6px 0 rgba(51, 63, 94, 0.4);
  border-radius: 4px;
  padding: 0.5vmin 1vmin;
  margin-right: -20.5vmin;
  margin-top: -1.5vmin;
  background-color: white;
  z-index: 10;
}
@media (max-height: 660px) {
  .inputTitleContainer .inputContainer .tip {
    right: 9.9px;
  }
}
@media (max-width: 660px) {
  .inputTitleContainer .inputContainer .tip {
    right: 9.9px;
  }
}
@media (max-height: 660px) {
  .inputTitleContainer .inputContainer .tip {
    width: 99px;
  }
}
@media (max-width: 660px) {
  .inputTitleContainer .inputContainer .tip {
    width: 99px;
  }
}
@media (max-height: 660px) {
  .inputTitleContainer .inputContainer .tip {
    font-size: 8.976px;
  }
}
@media (max-width: 660px) {
  .inputTitleContainer .inputContainer .tip {
    font-size: 8.976px;
  }
}
@media (max-height: 660px) {
  .inputTitleContainer .inputContainer .tip {
    padding:  3.3px 6.6px;
  }
}
@media (max-height: 660px) {
  .inputTitleContainer .inputContainer .tip {
    margin-right: -135.3px;
  }
}
@media (max-width: 660px) {
  .inputTitleContainer .inputContainer .tip {
    margin-right: -135.3px;
  }
}
@media (max-height: 660px) {
  .inputTitleContainer .inputContainer .tip {
    margin-top: -9.9px;
  }
}
@media (max-width: 660px) {
  .inputTitleContainer .inputContainer .tip {
    margin-top: -9.9px;
  }
}
.inputTitleContainer .inputContainer .tip span {
  font-weight: 600;
}
.inputTitleContainer .inputContainer .tip .arrowContainer {
  position: absolute;
  left: -0.75vmin;
  height: 1.6vmin;
  top: 2.4vmin;
  width: 1vmin;
  overflow: hidden;
}
@media (max-height: 660px) {
  .inputTitleContainer .inputContainer .tip .arrowContainer {
    left: -4.95px;
  }
}
@media (max-width: 660px) {
  .inputTitleContainer .inputContainer .tip .arrowContainer {
    left: -4.95px;
  }
}
@media (max-height: 660px) {
  .inputTitleContainer .inputContainer .tip .arrowContainer {
    height: 10.56px;
  }
}
@media (max-width: 660px) {
  .inputTitleContainer .inputContainer .tip .arrowContainer {
    height: 10.56px;
  }
}
@media (max-height: 660px) {
  .inputTitleContainer .inputContainer .tip .arrowContainer {
    top: 15.84px;
  }
}
@media (max-width: 660px) {
  .inputTitleContainer .inputContainer .tip .arrowContainer {
    top: 15.84px;
  }
}
@media (max-height: 660px) {
  .inputTitleContainer .inputContainer .tip .arrowContainer {
    width: 6.6px;
  }
}
@media (max-width: 660px) {
  .inputTitleContainer .inputContainer .tip .arrowContainer {
    width: 6.6px;
  }
}
.inputTitleContainer .inputContainer .tip .arrowContainer .popOverBottomArrow {
  position: absolute;
  -webkit-box-shadow: 0 0 1px 0 rgba(51, 63, 94, 0.4);
  -moz-box-shadow: 0 0 1px 0 rgba(51, 63, 94, 0.4);
  -ms-box-shadow: 0 0 1px 0 rgba(51, 63, 94, 0.4);
  -o-box-shadow: 0 0 1px 0 rgba(51, 63, 94, 0.4);
  box-shadow: 0 0 1px 0 rgba(51, 63, 94, 0.4);
  left: 0.22vmin;
  width: 1.5vmin;
  height: 1.5vmin;
  border-radius: 2px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: white;
}
@media (max-height: 660px) {
  .inputTitleContainer .inputContainer .tip .arrowContainer .popOverBottomArrow {
    left: 1.452px;
  }
}
@media (max-width: 660px) {
  .inputTitleContainer .inputContainer .tip .arrowContainer .popOverBottomArrow {
    left: 1.452px;
  }
}
@media (max-height: 660px) {
  .inputTitleContainer .inputContainer .tip .arrowContainer .popOverBottomArrow {
    width: 9.9px;
  }
}
@media (max-width: 660px) {
  .inputTitleContainer .inputContainer .tip .arrowContainer .popOverBottomArrow {
    width: 9.9px;
  }
}
@media (max-height: 660px) {
  .inputTitleContainer .inputContainer .tip .arrowContainer .popOverBottomArrow {
    height: 9.9px;
  }
}
@media (max-width: 660px) {
  .inputTitleContainer .inputContainer .tip .arrowContainer .popOverBottomArrow {
    height: 9.9px;
  }
}
.layoutTemplate .imageBlock {
  cursor: pointer;
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.layoutTemplate .imageBlock img {
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.layoutTemplate .imageBlock--video {
  height: initial;
}
.layoutTemplate .imageBlock video {
  width: 100%;
}
.layoutTemplate .grayBlock {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(51, 63, 94, 0.2);
}
.layoutTemplate .grayBlock.blockVideo {
  background-position-y: -1.3vmin;
  background-position-x: -0.8vmin;
  background-color: inherit;
  background-repeat: no-repeat;
  background-size: 118%;
  height: 95%;
}
@media (max-height: 660px) {
  .layoutTemplate .grayBlock.blockVideo {
    background-position-y: -8.58px;
  }
}
@media (max-width: 660px) {
  .layoutTemplate .grayBlock.blockVideo {
    background-position-y: -8.58px;
  }
}
@media (max-height: 660px) {
  .layoutTemplate .grayBlock.blockVideo {
    background-position-x: -5.28px;
  }
}
@media (max-width: 660px) {
  .layoutTemplate .grayBlock.blockVideo {
    background-position-x: -5.28px;
  }
}
.layoutTemplate .grayBlock .blockTitle {
  font-weight: 600;
  color: white;
  font-size: 2.2vmin;
  text-align: center;
  padding-top: 15%;
  padding-bottom: 15%;
}
@media (max-height: 660px) {
  .layoutTemplate .grayBlock .blockTitle {
    font-size: 14.52px;
  }
}
@media (max-width: 660px) {
  .layoutTemplate .grayBlock .blockTitle {
    font-size: 14.52px;
  }
}
.layoutTemplate .singleLayout,
.layoutTemplate .twoPortraitLayout,
.layoutTemplate .twoLayout,
.layoutTemplate .barLayout,
.layoutTemplate .squareLayout,
.layoutTemplate .tallLayout {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.layoutTemplate .singleLayout .layoutItem,
.layoutTemplate .twoPortraitLayout .layoutItem,
.layoutTemplate .twoLayout .layoutItem,
.layoutTemplate .barLayout .layoutItem,
.layoutTemplate .squareLayout .layoutItem,
.layoutTemplate .tallLayout .layoutItem {
  position: relative;
  width: 100%;
  padding-bottom: 60%;
  margin: 0 auto;
}
.layoutTemplate .tallLayout .layoutItem {
  padding-bottom: 116%;
}
.layoutTemplate .singleLayout .convertingVideo {
  position: absolute;
  color: white;
  z-index: 1;
  width: 100%;
  padding-top: 16.8vmin;
  font-size: 1vmin;
  line-height: 1.5vmin;
  font-weight: 600;
  text-shadow: 0 0 0.8vmin rgba(0, 0, 0, 0.8);
}
@media (max-height: 660px) {
  .layoutTemplate .singleLayout .convertingVideo {
    padding-top: 110.88px;
  }
}
@media (max-width: 660px) {
  .layoutTemplate .singleLayout .convertingVideo {
    padding-top: 110.88px;
  }
}
@media (max-height: 660px) {
  .layoutTemplate .singleLayout .convertingVideo {
    font-size: 6.6px;
  }
}
@media (max-width: 660px) {
  .layoutTemplate .singleLayout .convertingVideo {
    font-size: 6.6px;
  }
}
@media (max-height: 660px) {
  .layoutTemplate .singleLayout .convertingVideo {
    line-height: 9.9px;
  }
}
@media (max-width: 660px) {
  .layoutTemplate .singleLayout .convertingVideo {
    line-height: 9.9px;
  }
}
.layoutTemplate .singleLayout .convertingVideo:first-line {
  font-size: 1.2vmin;
  line-height: 2.2vmin;
  font-weight: 800;
}
@media (max-height: 660px) {
  .layoutTemplate .singleLayout .convertingVideo:first-line {
    font-size: 7.92px;
  }
}
@media (max-width: 660px) {
  .layoutTemplate .singleLayout .convertingVideo:first-line {
    font-size: 7.92px;
  }
}
@media (max-height: 660px) {
  .layoutTemplate .singleLayout .convertingVideo:first-line {
    line-height: 14.52px;
  }
}
@media (max-width: 660px) {
  .layoutTemplate .singleLayout .convertingVideo:first-line {
    line-height: 14.52px;
  }
}
.layoutTemplate .barLayout .layoutItem {
  padding-bottom: 14.15%;
}
.layoutTemplate .twoPortraitLayout .leftItem,
.layoutTemplate .twoLayout .leftItem,
.layoutTemplate .twoPortraitLayout .rightItem,
.layoutTemplate .twoLayout .rightItem {
  position: absolute;
  width: calc(50% - 1px);
  height: 100%;
}
.layoutTemplate .twoPortraitLayout .leftItem,
.layoutTemplate .twoLayout .leftItem {
  left: 0;
}
.layoutTemplate .twoPortraitLayout .rightItem,
.layoutTemplate .twoLayout .rightItem {
  right: 0;
}
.layoutTemplate .twoLayout .layoutItem {
  padding-bottom: 30%;
}
/* Promotion boxes */
#boxes {
  display: inline-block;
  margin-top: 5vmin;
  min-width: 100%;
}
@media (max-height: 660px) {
  #boxes {
    margin-top: 33px;
  }
}
@media (max-width: 660px) {
  #boxes {
    margin-top: 33px;
  }
}
@media (max-height: 660px) {
  #boxes {
    min-width: 100%;
  }
}
@media (max-width: 660px) {
  #boxes {
    min-width: 100%;
  }
}
#boxes .boxesInner {
  width: 100%;
  display: inline-block;
  white-space: nowrap;
  padding: 0 20px;
}
#boxes .boxesInner.noDisplayInline {
  display: initial;
}
#boxes .boxesInner .firstEmptyBox .boxNumber {
  border-color: #26A9FA;
  color: #26A9FA;
  cursor: pointer;
}
.firefox #boxes .boxesInner .firstEmptyBox .boxNumber {
  background-image: url(/7fab02b5e7443efb0c70.svg);
  background-repeat: no-repeat;
  background-size: 98%;
  border: none;
}
#boxes .rowBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  width: 20.5vmin;
  height: 12.5vmin;
  margin: 0 3vmin;
  border-radius: 1vmin;
  background-color: transparent;
  color: #34405e;
  text-align: left;
  vertical-align: top;
  overflow: hidden;
  padding: 2px;
  -webkit-transition: width 0.4s 0.2s, border-color 0.4s -0.2s, background-color 0.4s;
  -moz-transition: width 0.4s 0.2s, border-color 0.4s -0.2s, background-color 0.4s;
  -ms-transition: width 0.4s 0.2s, border-color 0.4s -0.2s, background-color 0.4s;
  -o-transition: width 0.4s 0.2s, border-color 0.4s -0.2s, background-color 0.4s;
  transition: width 0.4s 0.2s, border-color 0.4s -0.2s, background-color 0.4s;
}
@media (max-height: 660px) {
  #boxes .rowBox {
    width: 135.3px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox {
    width: 135.3px;
  }
}
@media (max-height: 660px) {
  #boxes .rowBox {
    height: 82.5px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox {
    height: 82.5px;
  }
}
@media (max-height: 660px) {
  #boxes .rowBox {
    margin:  0 19.8px;
  }
}
@media (max-height: 660px) {
  #boxes .rowBox {
    border-radius: 6.6px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox {
    border-radius: 6.6px;
  }
}
#boxes .rowBox.first {
  margin: 0 3vmin 0 0;
}
@media (max-height: 660px) {
  #boxes .rowBox.first {
    margin:  0 19.8px 0 0;
  }
}
#boxes .rowBox.empty {
  height: initial;
  border-style: dashed;
  border-color: rgba(239, 239, 239, 0.5);
  background-color: rgba(239, 239, 239, 0.02);
}
#boxes .rowBox.active {
  width: 40.5vmin;
  border: solid 1px #9B9B9B;
  background-color: #FFFFFF;
  -webkit-transition: width 0.4s, border-color 0.4s 0.4s, background-color 0.4s 0.2s;
  -moz-transition: width 0.4s, border-color 0.4s 0.4s, background-color 0.4s 0.2s;
  -ms-transition: width 0.4s, border-color 0.4s 0.4s, background-color 0.4s 0.2s;
  -o-transition: width 0.4s, border-color 0.4s 0.4s, background-color 0.4s 0.2s;
  transition: width 0.4s, border-color 0.4s 0.4s, background-color 0.4s 0.2s;
  padding: 1px;
}
@media (max-height: 660px) {
  #boxes .rowBox.active {
    width: 267.3px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox.active {
    width: 267.3px;
  }
}
#boxes .rowBox.active img {
  -webkit-transition: height 0.1s, width 0.1s, margin-top 0.1s, margin-left 0.1s;
  -moz-transition: height 0.1s, width 0.1s, margin-top 0.1s, margin-left 0.1s;
  -ms-transition: height 0.1s, width 0.1s, margin-top 0.1s, margin-left 0.1s;
  -o-transition: height 0.1s, width 0.1s, margin-top 0.1s, margin-left 0.1s;
  transition: height 0.1s, width 0.1s, margin-top 0.1s, margin-left 0.1s;
}
#boxes .rowBox .boxNumber,
#boxes .rowBox .layoutTemplate.loading {
  height: 11.5vmin;
  border-radius: 1.5vmin;
  text-align: center;
  vertical-align: middle;
  line-height: 10vmin;
  border: 2px dashed #9B9B9B;
  font-weight: 200;
  color: #9B9B9B;
  cursor: pointer;
}
@media (max-height: 660px) {
  #boxes .rowBox .boxNumber,
  #boxes .rowBox .layoutTemplate.loading {
    height: 75px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .boxNumber,
  #boxes .rowBox .layoutTemplate.loading {
    height: 75px;
  }
}
@media (max-height: 660px) {
  #boxes .rowBox .boxNumber,
  #boxes .rowBox .layoutTemplate.loading {
    border-radius: 9.9px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .boxNumber,
  #boxes .rowBox .layoutTemplate.loading {
    border-radius: 9.9px;
  }
}
@media (max-height: 660px) {
  #boxes .rowBox .boxNumber,
  #boxes .rowBox .layoutTemplate.loading {
    line-height: 66px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .boxNumber,
  #boxes .rowBox .layoutTemplate.loading {
    line-height: 66px;
  }
}
@media (min-height: 1040px) {
  #boxes .rowBox .boxNumber,
  #boxes .rowBox .layoutTemplate.loading {
    font-size: 32px;
  }
}
#boxes .rowBox .boxImageContainer {
  height: 10.5vmin;
  width: 19.5vmin;
  overflow: hidden;
  border-radius: 10px;
  z-index: 1;
  position: absolute;
  margin-top: 0.2vmin;
  margin-left: 0.2vmin;
}
@media (max-height: 660px) {
  #boxes .rowBox .boxImageContainer {
    height: 69.3px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .boxImageContainer {
    height: 69.3px;
  }
}
@media (max-height: 660px) {
  #boxes .rowBox .boxImageContainer {
    width: 128.7px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .boxImageContainer {
    width: 128.7px;
  }
}
#boxes .rowBox .boxImageContainer img {
  width: initial;
  position: initial;
  margin: 0;
}
#boxes .rowBox .boxImageContainer video {
  width: 100%;
}
#boxes .rowBox a.noUnderline:hover {
  text-decoration: none;
}
#boxes .rowBox .boxPreview {
  position: absolute;
  z-index: 1;
  height: 13vmin;
  width: 20vmin;
  border-radius: 10px;
  cursor: pointer;
}
@media (max-height: 660px) {
  #boxes .rowBox .boxPreview {
    height: 85.8px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .boxPreview {
    height: 85.8px;
  }
}
@media (max-height: 660px) {
  #boxes .rowBox .boxPreview {
    width: 132px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .boxPreview {
    width: 132px;
  }
}
#boxes .rowBox .boxDesc {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 23.7vmin;
  margin: 1vmin 0 1vmin 1vmin;
}
@media (max-height: 660px) {
  #boxes .rowBox .boxDesc {
    width: 156.42px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .boxDesc {
    width: 156.42px;
  }
}
@media (max-height: 660px) {
  #boxes .rowBox .boxDesc {
    margin:  6.6px 0 6.6px 6.6px;
  }
}
#boxes .rowBox .boxDesc .boxTitle {
  line-height: 1.29;
  font-weight: normal;
}
#boxes .rowBox .boxDesc .boxAction {
  height: calc(4vmin - 2px);
  padding-top: 1.25vmin;
  line-height: calc(4vmin - 5px);
}
@media (max-height: 660px) {
  #boxes .rowBox .boxDesc .boxAction {
    height: 24.4px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .boxDesc .boxAction {
    height: 24.4px;
  }
}
@media (max-height: 660px) {
  #boxes .rowBox .boxDesc .boxAction {
    padding-top: 8.25px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .boxDesc .boxAction {
    padding-top: 8.25px;
  }
}
@media (max-height: 660px) {
  #boxes .rowBox .boxDesc .boxAction {
    line-height: 21.4px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .boxDesc .boxAction {
    line-height: 21.4px;
  }
}
#boxes .rowBox .boxDesc .boxAction .boxConfirm {
  display: inline-block;
  margin-right: 1vmin;
  width: 11.2vmin;
}
@media (max-height: 660px) {
  #boxes .rowBox .boxDesc .boxAction .boxConfirm {
    margin-right: 6.6px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .boxDesc .boxAction .boxConfirm {
    margin-right: 6.6px;
  }
}
@media (max-height: 660px) {
  #boxes .rowBox .boxDesc .boxAction .boxConfirm {
    width: 73.92px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .boxDesc .boxAction .boxConfirm {
    width: 73.92px;
  }
}
#boxes .rowBox .boxDesc .boxAction .boxCancel {
  display: inline-block;
  margin-left: 1vmin;
}
@media (max-height: 660px) {
  #boxes .rowBox .boxDesc .boxAction .boxCancel {
    margin-left: 6.6px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .boxDesc .boxAction .boxCancel {
    margin-left: 6.6px;
  }
}
#boxes .rowBox {
  cursor: pointer;
  height: 12.4vmin;
  width: 20vmin;
  overflow: visible;
  border: solid 1px transparent;
  padding: 1px;
}
@media (max-height: 660px) {
  #boxes .rowBox {
    height: 81.84px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox {
    height: 81.84px;
  }
}
@media (max-height: 660px) {
  #boxes .rowBox {
    width: 132px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox {
    width: 132px;
  }
}
#boxes .rowBox.active {
  width: 44.6vmin;
}
@media (max-height: 660px) {
  #boxes .rowBox.active {
    width: 294.36px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox.active {
    width: 294.36px;
  }
}
#boxes .rowBox.animation {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#boxes .rowBox.animation.ng-leave.ng-leave-active {
  margin: 0;
  opacity: 0;
  width: 0;
}
#boxes .rowBox.animation.ng-enter.ng-enter-active {
  opacity: 1;
}
#boxes .rowBox .boxNumber,
#boxes .rowBox .layoutTemplate.loading {
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  cursor: default;
  box-sizing: border-box;
  margin-top: 0.4vmin;
  height: 11.4vmin;
  line-height: 11.2vmin;
  font-weight: normal;
}
@media (max-height: 660px) {
  #boxes .rowBox .boxNumber,
  #boxes .rowBox .layoutTemplate.loading {
    margin-top: 2.64px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .boxNumber,
  #boxes .rowBox .layoutTemplate.loading {
    margin-top: 2.64px;
  }
}
@media (max-height: 660px) {
  #boxes .rowBox .boxNumber,
  #boxes .rowBox .layoutTemplate.loading {
    height: 75.24px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .boxNumber,
  #boxes .rowBox .layoutTemplate.loading {
    height: 75.24px;
  }
}
@media (max-height: 660px) {
  #boxes .rowBox .boxNumber,
  #boxes .rowBox .layoutTemplate.loading {
    line-height: 73.92px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .boxNumber,
  #boxes .rowBox .layoutTemplate.loading {
    line-height: 73.92px;
  }
}
#boxes .rowBox .boxNumber.inactive,
#boxes .rowBox .layoutTemplate.loading.inactive {
  opacity: 0.5;
}
#boxes .rowBox .boxNumber.extended.inactive,
#boxes .rowBox .layoutTemplate.loading.extended.inactive {
  opacity: 0;
}
.firefox #boxes .rowBox .boxNumber,
.firefox #boxes .rowBox .layoutTemplate.loading {
  background-image: url(/dd0066d92c07bb0b20d9.svg);
  background-repeat: no-repeat;
  background-size: 98%;
  border: none;
}
#boxes .rowBox .layoutTemplate.loading {
  margin-top: 0;
}
#boxes .rowBox .boxImageContainer {
  position: relative;
  width: 18.8vmin;
  height: 10.5vmin;
  margin-top: 0.6vmin;
  margin-left: 0.3vmin;
  overflow: hidden;
}
@media (max-height: 660px) {
  #boxes .rowBox .boxImageContainer {
    width: 124.08px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .boxImageContainer {
    width: 124.08px;
  }
}
@media (max-height: 660px) {
  #boxes .rowBox .boxImageContainer {
    height: 69.3px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .boxImageContainer {
    height: 69.3px;
  }
}
@media (max-height: 660px) {
  #boxes .rowBox .boxImageContainer {
    margin-top: 3.96px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .boxImageContainer {
    margin-top: 3.96px;
  }
}
@media (max-height: 660px) {
  #boxes .rowBox .boxImageContainer {
    margin-left: 1.98px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .boxImageContainer {
    margin-left: 1.98px;
  }
}
#boxes .rowBox .boxImageContainer img {
  position: absolute;
  width: 100%;
}
#boxes .rowBox .boxDesc {
  margin: 0;
}
#boxes .rowBox .boxDesc .boxTitle {
  margin-top: 1.2vmin;
  white-space: normal;
}
@media (max-height: 660px) {
  #boxes .rowBox .boxDesc .boxTitle {
    margin-top: 7.92px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .boxDesc .boxTitle {
    margin-top: 7.92px;
  }
}
#boxes .rowBox .boxDesc .boxCreated {
  margin-top: 0;
}
#boxes .rowBox .boxDesc .editContainer,
#boxes .rowBox .boxDesc .boxDeleteConfirm {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  opacity: 1;
}
#boxes .rowBox .boxDesc .editContainer.ng-hide,
#boxes .rowBox .boxDesc .boxDeleteConfirm.ng-hide {
  opacity: 0;
}
#boxes .rowBox .boxDesc .editTitle {
  width: 100%;
  height: 50%;
}
#boxes .rowBox .boxDesc .boxAction {
  padding: 0;
  height: 45%;
}
#boxes .rowBox .boxDesc .boxAction .boxConfirm,
#boxes .rowBox .boxDesc .boxAction .boxCancel {
  height: 3.6vmin;
  line-height: 3.6vmin;
  margin: 1.2vmin 0 0 0;
}
@media (max-height: 660px) {
  #boxes .rowBox .boxDesc .boxAction .boxConfirm,
  #boxes .rowBox .boxDesc .boxAction .boxCancel {
    height: 23.76px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .boxDesc .boxAction .boxConfirm,
  #boxes .rowBox .boxDesc .boxAction .boxCancel {
    height: 23.76px;
  }
}
@media (max-height: 660px) {
  #boxes .rowBox .boxDesc .boxAction .boxConfirm,
  #boxes .rowBox .boxDesc .boxAction .boxCancel {
    line-height: 23.76px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .boxDesc .boxAction .boxConfirm,
  #boxes .rowBox .boxDesc .boxAction .boxCancel {
    line-height: 23.76px;
  }
}
@media (max-height: 660px) {
  #boxes .rowBox .boxDesc .boxAction .boxConfirm,
  #boxes .rowBox .boxDesc .boxAction .boxCancel {
    margin:  7.92px 0 0 0;
  }
}
#boxes .rowBox .boxDesc .boxAction .boxConfirm.disabled,
#boxes .rowBox .boxDesc .boxAction .boxCancel.disabled {
  color: #9B9B9B;
}
#boxes .rowBox .boxDesc .boxAction .boxCancel {
  padding: 0 3vmin;
  margin-left: 0;
}
@media (max-height: 660px) {
  #boxes .rowBox .boxDesc .boxAction .boxCancel {
    padding:  0 19.8px;
  }
}
#boxes .rowBox .boxDeleteConfirm .boxTitle {
  line-height: 1.4;
  width: 21.4vmin;
}
@media (max-height: 660px) {
  #boxes .rowBox .boxDeleteConfirm .boxTitle {
    width: 141.24px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .boxDeleteConfirm .boxTitle {
    width: 141.24px;
  }
}
#boxes .rowBox .boxDeleteConfirm .boxAction .boxConfirm,
#boxes .rowBox .boxDeleteConfirm .boxAction .boxCancel {
  margin-top: 0.7vmin;
}
@media (max-height: 660px) {
  #boxes .rowBox .boxDeleteConfirm .boxAction .boxConfirm,
  #boxes .rowBox .boxDeleteConfirm .boxAction .boxCancel {
    margin-top: 4.62px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .boxDeleteConfirm .boxAction .boxConfirm,
  #boxes .rowBox .boxDeleteConfirm .boxAction .boxCancel {
    margin-top: 4.62px;
  }
}
#boxes .rowBox .boxDeleteConfirm .boxAction .boxConfirm {
  width: 7.6vmin;
}
@media (max-height: 660px) {
  #boxes .rowBox .boxDeleteConfirm .boxAction .boxConfirm {
    width: 50.16px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .boxDeleteConfirm .boxAction .boxConfirm {
    width: 50.16px;
  }
}
#boxes .rowBox .boxDeleteConfirm .boxAction .boxCancel {
  padding: 0 1vmin;
}
@media (max-height: 660px) {
  #boxes .rowBox .boxDeleteConfirm .boxAction .boxCancel {
    padding:  0 6.6px;
  }
}
#boxes .rowBox .singleLayout .layoutItem {
  padding-bottom: 0;
  height: 100%;
}
#boxes .rowBox .singleLayout .imageBlock {
  border-radius: 1vmin;
}
@media (max-height: 660px) {
  #boxes .rowBox .singleLayout .imageBlock {
    border-radius: 6.6px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .singleLayout .imageBlock {
    border-radius: 6.6px;
  }
}
#boxes .rowBox .singleLayout img:not(.icon) {
  border-radius: 1vmin;
}
@media (max-height: 660px) {
  #boxes .rowBox .singleLayout img:not(.icon) {
    border-radius: 6.6px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .singleLayout img:not(.icon) {
    border-radius: 6.6px;
  }
}
#boxes .rowBox .singleLayout img.icon {
  width: 2vmin;
  top: 2.2vmin;
  right: 1vmin;
  opacity: 0.85;
}
@media (max-height: 660px) {
  #boxes .rowBox .singleLayout img.icon {
    width: 13.2px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .singleLayout img.icon {
    width: 13.2px;
  }
}
@media (max-height: 660px) {
  #boxes .rowBox .singleLayout img.icon {
    top: 14.52px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .singleLayout img.icon {
    top: 14.52px;
  }
}
@media (max-height: 660px) {
  #boxes .rowBox .singleLayout img.icon {
    right: 6.6px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .singleLayout img.icon {
    right: 6.6px;
  }
}
#boxes .rowBox .twoPortraitLayout .leftItem,
#boxes .rowBox .twoLayout .leftItem,
#boxes .rowBox .twoPortraitLayout .rightItem,
#boxes .rowBox .twoLayout .rightItem {
  width: 50%;
}
#boxes .rowBox .twoPortraitLayout .leftItem img,
#boxes .rowBox .twoLayout .leftItem img {
  border-radius: 10px 0 0 10px;
}
#boxes .rowBox .twoPortraitLayout .rightItem img,
#boxes .rowBox .twoLayout .rightItem img {
  border-radius: 0 10px 10px 0;
}
#boxes .rowBox .twoLayout .layoutItem {
  top: 23%;
}
#boxes .rowBox .twoLayout .leftItem .imageBlock {
  border-radius: 10px 0 0 10px;
}
#boxes .rowBox .twoLayout .rightItem .imageBlock {
  border-radius: 0 10px 10px 0;
}
#boxes .rowBox .twoPortraitLayout {
  perspective: 1px;
  border-radius: 10px;
  overflow: hidden;
}
#boxes .rowBox .twoPortraitLayout .layoutItem {
  height: 100%;
  padding-bottom: 0;
}
#boxes .rowBox .barLayout .layoutItem {
  top: 40%;
  padding-bottom: 10%;
}
#boxes .rowBox .barLayout .layoutItem .imageBlock {
  border-radius: 1vmin;
}
@media (max-height: 660px) {
  #boxes .rowBox .barLayout .layoutItem .imageBlock {
    border-radius: 6.6px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .barLayout .layoutItem .imageBlock {
    border-radius: 6.6px;
  }
}
#boxes .rowBox .barLayout img {
  position: absolute;
  border-radius: 10px;
}
#boxes .rowBox .imageBlock {
  perspective: 1px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
#boxes .rowBox .tip {
  position: absolute;
  top: -5vmin;
  left: 5.5vmin;
  width: 23vmin;
  height: 8vmin;
  font-size: 1.2vmin;
  line-height: 2vmin;
  font-weight: 200;
  -webkit-box-shadow: 0 0 6px 0 rgba(51, 63, 94, 0.4);
  -moz-box-shadow: 0 0 6px 0 rgba(51, 63, 94, 0.4);
  -ms-box-shadow: 0 0 6px 0 rgba(51, 63, 94, 0.4);
  -o-box-shadow: 0 0 6px 0 rgba(51, 63, 94, 0.4);
  box-shadow: 0 0 6px 0 rgba(51, 63, 94, 0.4);
  border-radius: 4px;
  padding: 0.8vmin 1vmin;
  background-color: #FFFFFF;
  white-space: normal;
  letter-spacing: 0;
  text-align: center;
  z-index: 100;
}
@media (max-height: 660px) {
  #boxes .rowBox .tip {
    top: -33px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .tip {
    top: -33px;
  }
}
@media (max-height: 660px) {
  #boxes .rowBox .tip {
    left: 36.3px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .tip {
    left: 36.3px;
  }
}
@media (max-height: 660px) {
  #boxes .rowBox .tip {
    width: 151.8px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .tip {
    width: 151.8px;
  }
}
@media (max-height: 660px) {
  #boxes .rowBox .tip {
    height: 52.8px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .tip {
    height: 52.8px;
  }
}
@media (max-height: 660px) {
  #boxes .rowBox .tip {
    font-size: 7.92px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .tip {
    font-size: 7.92px;
  }
}
@media (max-height: 660px) {
  #boxes .rowBox .tip {
    line-height: 13.2px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .tip {
    line-height: 13.2px;
  }
}
@media (max-height: 660px) {
  #boxes .rowBox .tip {
    padding:  5.28px 6.6px;
  }
}
#boxes .rowBox .tip p {
  top: 1vmin;
}
@media (max-height: 660px) {
  #boxes .rowBox .tip p {
    top: 6.6px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .tip p {
    top: 6.6px;
  }
}
#boxes .rowBox .tip span {
  font-weight: 600;
}
#boxes .rowBox .tip .arrowContainer {
  position: absolute;
  left: 7.5vmin;
  height: 1.2vmin;
  top: 9vmin;
  width: 1.3vmin;
  overflow: hidden;
}
@media (max-height: 660px) {
  #boxes .rowBox .tip .arrowContainer {
    left: 49.5px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .tip .arrowContainer {
    left: 49.5px;
  }
}
@media (max-height: 660px) {
  #boxes .rowBox .tip .arrowContainer {
    height: 7.92px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .tip .arrowContainer {
    height: 7.92px;
  }
}
@media (max-height: 660px) {
  #boxes .rowBox .tip .arrowContainer {
    top: 59.4px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .tip .arrowContainer {
    top: 59.4px;
  }
}
@media (max-height: 660px) {
  #boxes .rowBox .tip .arrowContainer {
    width: 8.58px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .tip .arrowContainer {
    width: 8.58px;
  }
}
#boxes .rowBox .tip .arrowContainer .popOverBottomArrow {
  position: absolute;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(51, 63, 94, 0.4);
  -moz-box-shadow: 1px 1px 1px 0 rgba(51, 63, 94, 0.4);
  -ms-box-shadow: 1px 1px 1px 0 rgba(51, 63, 94, 0.4);
  -o-box-shadow: 1px 1px 1px 0 rgba(51, 63, 94, 0.4);
  box-shadow: 1px 1px 1px 0 rgba(51, 63, 94, 0.4);
  top: 0;
  left: 0.1vmin;
  width: 1vmin;
  height: 1vmin;
  border-radius: 2px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #FFFFFF;
}
@media (max-height: 660px) {
  #boxes .rowBox .tip .arrowContainer .popOverBottomArrow {
    left: 0.66px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .tip .arrowContainer .popOverBottomArrow {
    left: 0.66px;
  }
}
@media (max-height: 660px) {
  #boxes .rowBox .tip .arrowContainer .popOverBottomArrow {
    width: 6.6px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .tip .arrowContainer .popOverBottomArrow {
    width: 6.6px;
  }
}
@media (max-height: 660px) {
  #boxes .rowBox .tip .arrowContainer .popOverBottomArrow {
    height: 6.6px;
  }
}
@media (max-width: 660px) {
  #boxes .rowBox .tip .arrowContainer .popOverBottomArrow {
    height: 6.6px;
  }
}
.routeNewPromotionManager .rightButton {
  min-width: 160px;
  max-width: 200px;
  height: 40px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 15px;
  color: #FFFFFF;
}
@media (max-aspect-ratio: 1.71428571) {
  #homePromotionManager .deleteConfirmContainer simple-popover .ddArrow {
    top: 3.3vmin;
  }
  #homePromotionManager simple-popover.localePopup {
    top: 45.5vmin;
  }
  .tile .tileControlsContainer .tileControls {
    width: 25vmin;
  }
  .tile .tileControlsContainer .tileControls .toggleText {
    font-size: 1.4vmin;
    width: 18.5vmin;
    margin-top: 0.65vmin;
  }
  .tile .tileStorefrontBar pills {
    width: 34vmin;
  }
  .tile .tileStorefrontBar pills .pills {
    width: 29.9vmin;
  }
  .tile .tileStorefrontBar pills .pills pill {
    width: 8.6vmin;
  }
  .tile .tileStorefrontBar pills .pills pill .pill img {
    width: 1.8vmin;
    height: 1.2vmin;
  }
  .tile .tileStorefrontBar pills .pills pill .pill p {
    font-size: 1.3vmin;
    padding-left: 0.7vmin;
  }
}
@media (max-aspect-ratio: 1.71428571) and (max-height: 660px) {
  #homePromotionManager .deleteConfirmContainer simple-popover .ddArrow {
    top: 21.78px;
  }
}
@media (max-aspect-ratio: 1.71428571) and (max-width: 660px) {
  #homePromotionManager .deleteConfirmContainer simple-popover .ddArrow {
    top: 21.78px;
  }
}
@media (max-aspect-ratio: 1.71428571) and (max-height: 660px) {
  #homePromotionManager simple-popover.localePopup {
    top: 300.3px;
  }
}
@media (max-aspect-ratio: 1.71428571) and (max-width: 660px) {
  #homePromotionManager simple-popover.localePopup {
    top: 300.3px;
  }
}
@media (max-aspect-ratio: 1.71428571) and (max-height: 660px) {
  .tile .tileControlsContainer .tileControls {
    width: 165px;
  }
}
@media (max-aspect-ratio: 1.71428571) and (max-width: 660px) {
  .tile .tileControlsContainer .tileControls {
    width: 165px;
  }
}
@media (max-aspect-ratio: 1.71428571) and (max-height: 660px) {
  .tile .tileControlsContainer .tileControls .toggleText {
    font-size: 9.24px;
  }
}
@media (max-aspect-ratio: 1.71428571) and (max-width: 660px) {
  .tile .tileControlsContainer .tileControls .toggleText {
    font-size: 9.24px;
  }
}
@media (max-aspect-ratio: 1.71428571) and (max-height: 660px) {
  .tile .tileControlsContainer .tileControls .toggleText {
    width: 122.1px;
  }
}
@media (max-aspect-ratio: 1.71428571) and (max-width: 660px) {
  .tile .tileControlsContainer .tileControls .toggleText {
    width: 122.1px;
  }
}
@media (max-aspect-ratio: 1.71428571) and (max-height: 660px) {
  .tile .tileControlsContainer .tileControls .toggleText {
    margin-top: 4.29px;
  }
}
@media (max-aspect-ratio: 1.71428571) and (max-width: 660px) {
  .tile .tileControlsContainer .tileControls .toggleText {
    margin-top: 4.29px;
  }
}
@media (max-aspect-ratio: 1.71428571) and (max-height: 660px) {
  .tile .tileStorefrontBar pills {
    width: 224.4px;
  }
}
@media (max-aspect-ratio: 1.71428571) and (max-width: 660px) {
  .tile .tileStorefrontBar pills {
    width: 224.4px;
  }
}
@media (max-aspect-ratio: 1.71428571) and (max-height: 660px) {
  .tile .tileStorefrontBar pills .pills {
    width: 197.34px;
  }
}
@media (max-aspect-ratio: 1.71428571) and (max-width: 660px) {
  .tile .tileStorefrontBar pills .pills {
    width: 197.34px;
  }
}
@media (max-aspect-ratio: 1.71428571) and (max-height: 660px) {
  .tile .tileStorefrontBar pills .pills pill {
    width: 56.76px;
  }
}
@media (max-aspect-ratio: 1.71428571) and (max-width: 660px) {
  .tile .tileStorefrontBar pills .pills pill {
    width: 56.76px;
  }
}
@media (max-aspect-ratio: 1.71428571) and (max-height: 660px) {
  .tile .tileStorefrontBar pills .pills pill .pill img {
    width: 11.88px;
  }
}
@media (max-aspect-ratio: 1.71428571) and (max-width: 660px) {
  .tile .tileStorefrontBar pills .pills pill .pill img {
    width: 11.88px;
  }
}
@media (max-aspect-ratio: 1.71428571) and (max-height: 660px) {
  .tile .tileStorefrontBar pills .pills pill .pill img {
    height: 7.92px;
  }
}
@media (max-aspect-ratio: 1.71428571) and (max-width: 660px) {
  .tile .tileStorefrontBar pills .pills pill .pill img {
    height: 7.92px;
  }
}
@media (max-aspect-ratio: 1.71428571) and (max-height: 660px) {
  .tile .tileStorefrontBar pills .pills pill .pill p {
    font-size: 8.58px;
  }
}
@media (max-aspect-ratio: 1.71428571) and (max-width: 660px) {
  .tile .tileStorefrontBar pills .pills pill .pill p {
    font-size: 8.58px;
  }
}
@media (max-aspect-ratio: 1.71428571) and (max-height: 660px) {
  .tile .tileStorefrontBar pills .pills pill .pill p {
    padding-left: 4.62px;
  }
}
@media (max-aspect-ratio: 1.71428571) and (max-width: 660px) {
  .tile .tileStorefrontBar pills .pills pill .pill p {
    padding-left: 4.62px;
  }
}
.ng-view.ng-enter-prepare {
  display: none;
}
.draggable .draggableItem {
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  opacity: 1;
}
.draggable .draggableItem.inactive {
  opacity: 0.5;
}
.draggable .draggableItem.ui-draggable-dragging {
  width: 130%;
}
.draggable .draggableItem.ui-draggable-dragging .layoutItem {
  -webkit-transition: box-shadow 0.4s ease-in-out;
  -moz-transition: box-shadow 0.4s ease-in-out;
  -ms-transition: box-shadow 0.4s ease-in-out;
  -o-transition: box-shadow 0.4s ease-in-out;
  transition: box-shadow 0.4s ease-in-out;
  -moz-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
.dragDivider {
  position: absolute;
  top: 0;
  left: -1.5vmin;
  width: 0.3vmin;
  height: 100%;
  background-color: #64b900;
}
@media (max-height: 660px) {
  .dragDivider {
    left: -9.9px;
  }
}
@media (max-width: 660px) {
  .dragDivider {
    left: -9.9px;
  }
}
@media (max-height: 660px) {
  .dragDivider {
    width: 1.98px;
  }
}
@media (max-width: 660px) {
  .dragDivider {
    width: 1.98px;
  }
}
.dragDivider .circle {
  position: absolute;
  left: -0.3vmin;
  width: 0.9vmin;
  height: 0.9vmin;
  background-color: #64b900;
  border-radius: 50%;
}
@media (max-height: 660px) {
  .dragDivider .circle {
    left: -1.98px;
  }
}
@media (max-width: 660px) {
  .dragDivider .circle {
    left: -1.98px;
  }
}
@media (max-height: 660px) {
  .dragDivider .circle {
    width: 5.94px;
  }
}
@media (max-width: 660px) {
  .dragDivider .circle {
    width: 5.94px;
  }
}
@media (max-height: 660px) {
  .dragDivider .circle {
    height: 5.94px;
  }
}
@media (max-width: 660px) {
  .dragDivider .circle {
    height: 5.94px;
  }
}
.dragDivider .circle.bottom {
  bottom: -0.4vmin;
}
@media (max-height: 660px) {
  .dragDivider .circle.bottom {
    bottom: -2.64px;
  }
}
@media (max-width: 660px) {
  .dragDivider .circle.bottom {
    bottom: -2.64px;
  }
}
.dragDivider .circle.top {
  top: -0.4vmin;
}
@media (max-height: 660px) {
  .dragDivider .circle.top {
    top: -2.64px;
  }
}
@media (max-width: 660px) {
  .dragDivider .circle.top {
    top: -2.64px;
  }
}
.side {
  position: absolute;
  height: 100%;
  width: 50%;
  top: 0;
}
.side.left {
  left: 0;
}
.side.right {
  width: 100%;
  right: -30%;
}
.httpImageContainer {
  height: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
}
.separator {
  position: relative;
  float: left;
  left: 50%;
  color: #718086;
  width: 57.2vmin;
  margin-left: -28.6vmin;
  font-size: 20px;
}
@media (max-height: 660px) {
  .separator {
    width: 377.52px;
  }
}
@media (max-width: 660px) {
  .separator {
    width: 377.52px;
  }
}
@media (max-height: 660px) {
  .separator {
    margin-left: -188.76px;
  }
}
@media (max-width: 660px) {
  .separator {
    margin-left: -188.76px;
  }
}
.separator hr {
  border-color: #D7D7D7;
  border-width: 0.1vmin;
  margin-top: 10.9vmin;
  margin-bottom: 1.1vmin;
  margin-left: 0;
  margin-right: 0;
}
@media (max-height: 660px) {
  .separator hr {
    border-width: 0.66px;
  }
}
@media (max-width: 660px) {
  .separator hr {
    border-width: 0.66px;
  }
}
@media (max-height: 660px) {
  .separator hr {
    margin-top: 71.94px;
  }
}
@media (max-width: 660px) {
  .separator hr {
    margin-top: 71.94px;
  }
}
@media (max-height: 660px) {
  .separator hr {
    margin-bottom: 7.26px;
  }
}
@media (max-width: 660px) {
  .separator hr {
    margin-bottom: 7.26px;
  }
}
.separator p {
  text-align: center;
  margin-bottom: 1.5vmin;
}
@media (max-height: 660px) {
  .separator p {
    margin-bottom: 9.9px;
  }
}
@media (max-width: 660px) {
  .separator p {
    margin-bottom: 9.9px;
  }
}
.separator span {
  display: block;
  position: relative;
  left: 50%;
  width: 28.2vmin;
  margin-left: -14.1vmin;
  top: -2.8vmin;
  background-color: #F9F9F9;
}
@media (max-height: 660px) {
  .separator span {
    width: 186.12px;
  }
}
@media (max-width: 660px) {
  .separator span {
    width: 186.12px;
  }
}
@media (max-height: 660px) {
  .separator span {
    margin-left: -93.06px;
  }
}
@media (max-width: 660px) {
  .separator span {
    margin-left: -93.06px;
  }
}
@media (max-height: 660px) {
  .separator span {
    top: -18.48px;
  }
}
@media (max-width: 660px) {
  .separator span {
    top: -18.48px;
  }
}
.submenuContainer {
  position: relative;
  height: 7.6vmin;
  -webkit-transition: top 0.1s ease-in-out;
  -moz-transition: top 0.1s ease-in-out;
  -ms-transition: top 0.1s ease-in-out;
  -o-transition: top 0.1s ease-in-out;
  transition: top 0.1s ease-in-out;
}
@media (max-height: 660px) {
  .submenuContainer {
    height: 50.16px;
  }
}
@media (max-width: 660px) {
  .submenuContainer {
    height: 50.16px;
  }
}
.submenuContainer.submenuStaging #submenu {
  background-color: #FFE015;
}
.submenuContainer.submenuTop {
  top: 0;
}
.submenuContainer #submenu {
  box-shadow: 0 0.4vmin 0.3vmin 0 rgba(0, 0, 0, 0.06);
  height: 64px;
  background-color: white;
  width: 100%;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
}
.submenuContainer #submenu h2 {
  display: inline-block;
}
.submenuContainer #submenu .leftContainer,
.submenuContainer #submenu .rightContainer {
  display: inline-block;
}
.submenuContainer #submenu .leftContainer > ul,
.submenuContainer #submenu .rightContainer > ul {
  display: inline-block;
  margin-left: 0;
}
.submenuContainer #submenu .leftContainer > ul > li,
.submenuContainer #submenu .rightContainer > ul > li {
  list-style-type: none;
  display: inline-block;
  padding-right: 0.8vmin;
}
.submenuContainer #submenu .leftContainer > ul > li h2,
.submenuContainer #submenu .rightContainer > ul > li h2 {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
  font-feature-settings: 'pnum' on, 'lnum' on;
}
@media (max-height: 660px) {
  .submenuContainer #submenu .leftContainer > ul > li,
  .submenuContainer #submenu .rightContainer > ul > li {
    padding-right: 5.28px;
  }
}
@media (max-width: 660px) {
  .submenuContainer #submenu .leftContainer > ul > li,
  .submenuContainer #submenu .rightContainer > ul > li {
    padding-right: 5.28px;
  }
}
.submenuContainer #submenu .leftContainer > ul > li a:hover,
.submenuContainer #submenu .rightContainer > ul > li a:hover,
.submenuContainer #submenu .leftContainer > ul > li a:active,
.submenuContainer #submenu .rightContainer > ul > li a:active,
.submenuContainer #submenu .leftContainer > ul > li a:link,
.submenuContainer #submenu .rightContainer > ul > li a:link,
.submenuContainer #submenu .leftContainer > ul > li a:visited,
.submenuContainer #submenu .rightContainer > ul > li a:visited {
  text-decoration: none;
}
.submenuContainer #submenu .leftContainer > ul > li .imageArrow,
.submenuContainer #submenu .rightContainer > ul > li .imageArrow {
  display: inline-block;
  -webkit-mask-image: url(/e1881d5ce2bb4acc8643.svg);
  -moz-mask-image: url(/e1881d5ce2bb4acc8643.svg);
  -ms-mask-image: url(/e1881d5ce2bb4acc8643.svg);
  -o-mask-image: url(/e1881d5ce2bb4acc8643.svg);
  mask-image: url(/e1881d5ce2bb4acc8643.svg);
  -webkit-mask-size: 90% 90%;
  -moz-mask-size: 90% 90%;
  -ms-mask-size: 90% 90%;
  -o-mask-size: 90% 90%;
  mask-size: 90% 90%;
  -webkit-mask-repeat: no-repeat;
  -moz-mask-repeat: no-repeat;
  -ms-mask-repeat: no-repeat;
  -o-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.submenuContainer #submenu .leftContainer {
  float: left;
  padding-left: 60px;
  display: flex;
  align-items: center;
}
.submenuContainer #submenu .leftContainer .logo {
  display: none;
  cursor: pointer;
  vertical-align: top;
  width: 40px;
}
.submenuContainer #submenu .leftContainer li {
  padding-right: 0.7vmin;
}
@media (max-height: 660px) {
  .submenuContainer #submenu .leftContainer li {
    padding-right: 4.62px;
  }
}
@media (max-width: 660px) {
  .submenuContainer #submenu .leftContainer li {
    padding-right: 4.62px;
  }
}
.submenuContainer #submenu .leftContainer li h2:first-letter {
  text-transform: uppercase;
}
.submenuContainer #submenu .leftContainer li .imageArrow.divider {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  width: 1.6vmin;
  height: 1.2vmin;
  margin-bottom: 0.2vmin;
  margin-left: 0.8vmin;
  background-color: #718086;
}
@media (max-height: 660px) {
  .submenuContainer #submenu .leftContainer li .imageArrow.divider {
    width: 10.56px;
  }
}
@media (max-width: 660px) {
  .submenuContainer #submenu .leftContainer li .imageArrow.divider {
    width: 10.56px;
  }
}
@media (max-height: 660px) {
  .submenuContainer #submenu .leftContainer li .imageArrow.divider {
    height: 7.92px;
  }
}
@media (max-width: 660px) {
  .submenuContainer #submenu .leftContainer li .imageArrow.divider {
    height: 7.92px;
  }
}
@media (max-height: 660px) {
  .submenuContainer #submenu .leftContainer li .imageArrow.divider {
    margin-bottom: 1.32px;
  }
}
@media (max-width: 660px) {
  .submenuContainer #submenu .leftContainer li .imageArrow.divider {
    margin-bottom: 1.32px;
  }
}
@media (max-height: 660px) {
  .submenuContainer #submenu .leftContainer li .imageArrow.divider {
    margin-left: 5.28px;
  }
}
@media (max-width: 660px) {
  .submenuContainer #submenu .leftContainer li .imageArrow.divider {
    margin-left: 5.28px;
  }
}
.submenuContainer #submenu .leftContainer li .imageArrow.divider.selected {
  background-color: #333333;
}
.submenuContainer #submenu .leftContainer li a.selected h2 {
  color: #333333;
  font-weight: 500;
}
.submenuContainer #submenu .rightContainer {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  padding-right: 60px;
}
.submenuContainer #submenu .rightContainer > ul > li {
  margin-left: 2vmin;
}
@media (max-height: 660px) {
  .submenuContainer #submenu .rightContainer > ul > li {
    margin-left: 13.2px;
  }
}
@media (max-width: 660px) {
  .submenuContainer #submenu .rightContainer > ul > li {
    margin-left: 13.2px;
  }
}
.submenuContainer #submenu .rightContainer > ul > li .tab_overview {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: 0.2vmin;
  text-transform: uppercase;
  font-feature-settings: 'pnum' on, 'lnum' on;
}
.submenuContainer #submenu .rightContainer > ul > li .tab_overview.selected {
  padding-bottom: 4px;
  border-bottom: 0.3vmin #26A9FA solid;
}
.submenuContainer #submenu .rightContainer > ul > li .tab_overview.selected:not(.chooseStorefront) a {
  cursor: default;
}
.submenuContainer #submenu .rightContainer > ul > li.createAction {
  margin-right: 0.3vmin;
}
@media (max-height: 660px) {
  .submenuContainer #submenu .rightContainer > ul > li.createAction {
    margin-right: 1.98px;
  }
}
@media (max-width: 660px) {
  .submenuContainer #submenu .rightContainer > ul > li.createAction {
    margin-right: 1.98px;
  }
}
.submenuContainer #submenu .rightContainer > ul > li.createAction input {
  position: relative;
  top: 0.2vmin;
  line-height: 6vmin;
}
@media (max-height: 660px) {
  .submenuContainer #submenu .rightContainer > ul > li.createAction input {
    top: 1.32px;
  }
}
@media (max-width: 660px) {
  .submenuContainer #submenu .rightContainer > ul > li.createAction input {
    top: 1.32px;
  }
}
@media (max-height: 660px) {
  .submenuContainer #submenu .rightContainer > ul > li.createAction input {
    line-height: 39.6px;
  }
}
@media (max-width: 660px) {
  .submenuContainer #submenu .rightContainer > ul > li.createAction input {
    line-height: 39.6px;
  }
}
.submenuContainer #submenu .rightContainer > ul > li.createAction.actionHide {
  display: none;
}
.submenuContainer #submenu.scrolled .leftContainer ul li:first-child a,
.submenuContainer #submenu .leftContainer.showLogo ul li:first-child a {
  display: none;
}
.submenuContainer #submenu.scrolled .leftContainer .logo,
.submenuContainer #submenu .leftContainer.showLogo .logo {
  display: inline-block;
  height: 40px;
}
.submenuContainer #submenu.scrolled {
  position: fixed;
  top: 0;
}
.submenuContainer #submenu.scrolled .rightContainer ul li.createAction {
  display: inline-block;
}
.submenuContainer #submenu.scrolled .rightContainer #selectStorefrontOrderPopupContainer {
  right: 38.3vmin;
}
@media (max-height: 660px) {
  .submenuContainer #submenu.scrolled .rightContainer #selectStorefrontOrderPopupContainer {
    right: 252.78px;
  }
}
@media (max-width: 660px) {
  .submenuContainer #submenu.scrolled .rightContainer #selectStorefrontOrderPopupContainer {
    right: 252.78px;
  }
}
.titleTranslations {
  background-color: #FFFFFF;
  width: 100%;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05), 0px 6px 20px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
}
.titleTranslations .description {
  text-align: center;
}
.titleTranslations .localeContainer {
  max-height: 44.4vmin;
  overflow: auto;
}
@media (max-height: 660px) {
  .titleTranslations .localeContainer {
    max-height: 293.04px;
  }
}
@media (max-width: 660px) {
  .titleTranslations .localeContainer {
    max-height: 293.04px;
  }
}
.titleTranslations .localeContainer .localeItem {
  border-top: 1px solid #E2E2E2;
  height: 6.1vmin;
  text-align: left;
}
@media (max-height: 660px) {
  .titleTranslations .localeContainer .localeItem {
    height: 40.26px;
  }
}
@media (max-width: 660px) {
  .titleTranslations .localeContainer .localeItem {
    height: 40.26px;
  }
}
.titleTranslations .localeContainer .localeItem .localeName,
.titleTranslations .localeContainer .localeItem .inputContainer {
  text-transform: uppercase;
  display: inline-block;
}
.titleTranslations .localeContainer .localeItem .localeName {
  line-height: 6.1vmin;
  width: 15.5vmin;
  border-right: 1px solid #E2E2E2;
  text-align: center;
}
@media (max-height: 660px) {
  .titleTranslations .localeContainer .localeItem .localeName {
    line-height: 40.26px;
  }
}
@media (max-width: 660px) {
  .titleTranslations .localeContainer .localeItem .localeName {
    line-height: 40.26px;
  }
}
@media (max-height: 660px) {
  .titleTranslations .localeContainer .localeItem .localeName {
    width: 102.3px;
  }
}
@media (max-width: 660px) {
  .titleTranslations .localeContainer .localeItem .localeName {
    width: 102.3px;
  }
}
.titleTranslations .localeContainer .localeItem .localeName img {
  width: 3vmin;
  margin-bottom: 0.2vmin;
  margin-right: 2.3vmin;
}
@media (max-height: 660px) {
  .titleTranslations .localeContainer .localeItem .localeName img {
    width: 19.8px;
  }
}
@media (max-width: 660px) {
  .titleTranslations .localeContainer .localeItem .localeName img {
    width: 19.8px;
  }
}
@media (max-height: 660px) {
  .titleTranslations .localeContainer .localeItem .localeName img {
    margin-bottom: 1.32px;
  }
}
@media (max-width: 660px) {
  .titleTranslations .localeContainer .localeItem .localeName img {
    margin-bottom: 1.32px;
  }
}
@media (max-height: 660px) {
  .titleTranslations .localeContainer .localeItem .localeName img {
    margin-right: 15.18px;
  }
}
@media (max-width: 660px) {
  .titleTranslations .localeContainer .localeItem .localeName img {
    margin-right: 15.18px;
  }
}
.titleTranslations .localeContainer .localeItem .inputContainer textarea {
  width: 41.2vmin;
  line-height: 1.8vmin;
  padding-top: 1.3vmin;
  font-size: 2.1vmin;
  margin-left: 2.3vmin;
  outline: 0;
  border: none;
  resize: none;
  position: relative;
  vertical-align: middle;
  background: transparent;
  font-weight: 400;
}
@media (max-height: 660px) {
  .titleTranslations .localeContainer .localeItem .inputContainer textarea {
    width: 271.92px;
  }
}
@media (max-width: 660px) {
  .titleTranslations .localeContainer .localeItem .inputContainer textarea {
    width: 271.92px;
  }
}
@media (max-height: 660px) {
  .titleTranslations .localeContainer .localeItem .inputContainer textarea {
    line-height: 11.88px;
  }
}
@media (max-width: 660px) {
  .titleTranslations .localeContainer .localeItem .inputContainer textarea {
    line-height: 11.88px;
  }
}
@media (max-height: 660px) {
  .titleTranslations .localeContainer .localeItem .inputContainer textarea {
    padding-top: 8.58px;
  }
}
@media (max-width: 660px) {
  .titleTranslations .localeContainer .localeItem .inputContainer textarea {
    padding-top: 8.58px;
  }
}
@media (max-height: 660px) {
  .titleTranslations .localeContainer .localeItem .inputContainer textarea {
    font-size: 13.86px;
  }
}
@media (max-width: 660px) {
  .titleTranslations .localeContainer .localeItem .inputContainer textarea {
    font-size: 13.86px;
  }
}
@media (max-height: 660px) {
  .titleTranslations .localeContainer .localeItem .inputContainer textarea {
    margin-left: 15.18px;
  }
}
@media (max-width: 660px) {
  .titleTranslations .localeContainer .localeItem .inputContainer textarea {
    margin-left: 15.18px;
  }
}
.titleTranslations .localeContainer .localeItem .inputContainer .inputFieldCounter {
  display: inline-block;
  top: 0.2vmin;
  position: relative;
}
@media (max-height: 660px) {
  .titleTranslations .localeContainer .localeItem .inputContainer .inputFieldCounter {
    top: 1.32px;
  }
}
@media (max-width: 660px) {
  .titleTranslations .localeContainer .localeItem .inputContainer .inputFieldCounter {
    top: 1.32px;
  }
}
.tipInfoContainer {
  width: 35.9vmin;
  position: relative;
}
@media (max-height: 660px) {
  .tipInfoContainer {
    width: 236.94px;
  }
}
@media (max-width: 660px) {
  .tipInfoContainer {
    width: 236.94px;
  }
}
.tipInfoContainer .tipInfo {
  padding: 1.8vmin 2.7vmin;
  border-radius: 1.1vmin;
  border: 1px solid #E2E2E2;
  background-color: #FFFFFF;
}
@media (max-height: 660px) {
  .tipInfoContainer .tipInfo {
    padding:  11.88px 17.82px;
  }
}
@media (max-height: 660px) {
  .tipInfoContainer .tipInfo {
    border-radius: 7.26px;
  }
}
@media (max-width: 660px) {
  .tipInfoContainer .tipInfo {
    border-radius: 7.26px;
  }
}
.tipInfoContainer .tipArrowContainer {
  position: absolute;
  border: 1px solid transparent;
  background-color: #FFFFFF;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -moz-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  -o-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
.tipInfoContainer .tipArrowContainer.right {
  border-top-color: #E2E2E2;
  border-right-color: #E2E2E2;
  right: -0.9vmin;
}
@media (max-height: 660px) {
  .tipInfoContainer .tipArrowContainer.right {
    right: -5.94px;
  }
}
@media (max-width: 660px) {
  .tipInfoContainer .tipArrowContainer.right {
    right: -5.94px;
  }
}
.tipInfoContainer .tipArrowContainer.left {
  border-left-color: #E2E2E2;
  border-bottom-color: #E2E2E2;
  left: -0.9vmin;
}
@media (max-height: 660px) {
  .tipInfoContainer .tipArrowContainer.left {
    left: -5.94px;
  }
}
@media (max-width: 660px) {
  .tipInfoContainer .tipArrowContainer.left {
    left: -5.94px;
  }
}
.tipInfoContainer .tipArrowContainer .tipArrow {
  width: 1.6vmin;
  height: 1.6vmin;
}
@media (max-height: 660px) {
  .tipInfoContainer .tipArrowContainer .tipArrow {
    width: 10.56px;
  }
}
@media (max-width: 660px) {
  .tipInfoContainer .tipArrowContainer .tipArrow {
    width: 10.56px;
  }
}
@media (max-height: 660px) {
  .tipInfoContainer .tipArrowContainer .tipArrow {
    height: 10.56px;
  }
}
@media (max-width: 660px) {
  .tipInfoContainer .tipArrowContainer .tipArrow {
    height: 10.56px;
  }
}
http-video .videoPreview,
http-video video {
  width: 100%;
  transition: opacity 500ms;
  opacity: 1;
}
http-video .videoPreview.ng-hide,
http-video video.ng-hide {
  opacity: 0;
}
http-video img {
  position: absolute;
}
simple-popover .popOver,
tip .tip {
  position: relative;
  background-color: #ffffff;
  text-align: center;
  border-radius: 0.9vmin;
  -webkit-box-shadow: 0 0.1vmin 0.8vmin 0 rgba(0, 0, 0, 0.17);
  -moz-box-shadow: 0 0.1vmin 0.8vmin 0 rgba(0, 0, 0, 0.17);
  -ms-box-shadow: 0 0.1vmin 0.8vmin 0 rgba(0, 0, 0, 0.17);
  -o-box-shadow: 0 0.1vmin 0.8vmin 0 rgba(0, 0, 0, 0.17);
  box-shadow: 0 0.1vmin 0.8vmin 0 rgba(0, 0, 0, 0.17);
  -webkit-transition: height 0.1s;
  -moz-transition: height 0.1s;
  -ms-transition: height 0.1s;
  -o-transition: height 0.1s;
  transition: height 0.1s;
  padding-top: 1.6vmin;
  padding-left: 2vmin;
  padding-right: 2vmin;
  padding-bottom: 1.9vmin;
}
@media (max-height: 660px) {
  simple-popover .popOver,
  tip .tip {
    border-radius: 5.94px;
  }
}
@media (max-width: 660px) {
  simple-popover .popOver,
  tip .tip {
    border-radius: 5.94px;
  }
}
@media (max-height: 660px) {
  simple-popover .popOver,
  tip .tip {
    padding-top: 10.56px;
  }
}
@media (max-width: 660px) {
  simple-popover .popOver,
  tip .tip {
    padding-top: 10.56px;
  }
}
@media (max-height: 660px) {
  simple-popover .popOver,
  tip .tip {
    padding-left: 13.2px;
  }
}
@media (max-width: 660px) {
  simple-popover .popOver,
  tip .tip {
    padding-left: 13.2px;
  }
}
@media (max-height: 660px) {
  simple-popover .popOver,
  tip .tip {
    padding-right: 13.2px;
  }
}
@media (max-width: 660px) {
  simple-popover .popOver,
  tip .tip {
    padding-right: 13.2px;
  }
}
@media (max-height: 660px) {
  simple-popover .popOver,
  tip .tip {
    padding-bottom: 12.54px;
  }
}
@media (max-width: 660px) {
  simple-popover .popOver,
  tip .tip {
    padding-bottom: 12.54px;
  }
}
simple-popover .popOver p,
tip .tip p {
  line-height: 1.29;
}
tip .tip {
  width: 27vmin;
}
@media (max-height: 660px) {
  tip .tip {
    width: 178.2px;
  }
}
@media (max-width: 660px) {
  tip .tip {
    width: 178.2px;
  }
}
.popOverContainer {
  display: block;
}
.popOverContainer .popOver {
  width: 24.7vmin;
  height: auto;
}
@media (max-height: 660px) {
  .popOverContainer .popOver {
    width: 163.02px;
  }
}
@media (max-width: 660px) {
  .popOverContainer .popOver {
    width: 163.02px;
  }
}
.popOverContainer .popOver p {
  padding: 0 1.4vmin 1.7vmin 1.4vmin;
  text-align: center;
}
@media (max-height: 660px) {
  .popOverContainer .popOver p {
    padding:  0 9.24px 11.22px 9.24px;
  }
}
.popOverContainer .popOver .popOverButtonContainer {
  height: 3.8vmin;
}
@media (max-height: 660px) {
  .popOverContainer .popOver .popOverButtonContainer {
    height: 25.08px;
  }
}
@media (max-width: 660px) {
  .popOverContainer .popOver .popOverButtonContainer {
    height: 25.08px;
  }
}
.popOverContainer .popOver .popOverButtonContainer .popOverButton {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  width: 11.4vmin;
}
@media (max-height: 660px) {
  .popOverContainer .popOver .popOverButtonContainer .popOverButton {
    width: 75.24px;
  }
}
@media (max-width: 660px) {
  .popOverContainer .popOver .popOverButtonContainer .popOverButton {
    width: 75.24px;
  }
}
.popOverContainer .popOver .popOverButtonContainer .popOverButton.left {
  float: left;
  margin-left: 0;
}
.popOverContainer .popOver .popOverButtonContainer .popOverButton.right {
  float: right;
  margin-right: 0;
}
/*----- Dropup -----*/
/* Horizontical Center */
.ddWrapper {
  text-align: center;
  position: absolute;
  bottom: 0;
  margin: 2vmin auto;
  width: 100%;
  z-index: 1000;
}
.ddContainer {
  position: relative;
  overflow: visible;
  display: inline-block;
  text-align: left;
  z-index: 1000;
}
.ddContainer.ddContainerCollection {
  margin: 0 !important;
  position: absolute;
  bottom: 12.9vmin;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media (max-height: 660px) {
  .ddContainer.ddContainerCollection {
    bottom: 85.14px;
  }
}
@media (max-width: 660px) {
  .ddContainer.ddContainerCollection {
    bottom: 85.14px;
  }
}
.ddContainer.ddContainerCollection .ddPopup .ddListHeaderTitle {
  padding-top: 2.1vmin;
}
@media (max-height: 660px) {
  .ddContainer.ddContainerCollection .ddPopup .ddListHeaderTitle {
    padding-top: 13.86px;
  }
}
@media (max-width: 660px) {
  .ddContainer.ddContainerCollection .ddPopup .ddListHeaderTitle {
    padding-top: 13.86px;
  }
}
.ddContainer.ddContainerCollection .ddPopup .ddListHeaderSubtitle {
  padding-top: 0.3vmin;
  padding-bottom: 2vmin;
  padding-left: 7.2vmin;
  padding-right: 7.2vmin;
  border-bottom: 1px solid #E2E2E2;
}
@media (max-height: 660px) {
  .ddContainer.ddContainerCollection .ddPopup .ddListHeaderSubtitle {
    padding-top: 1.98px;
  }
}
@media (max-width: 660px) {
  .ddContainer.ddContainerCollection .ddPopup .ddListHeaderSubtitle {
    padding-top: 1.98px;
  }
}
@media (max-height: 660px) {
  .ddContainer.ddContainerCollection .ddPopup .ddListHeaderSubtitle {
    padding-bottom: 13.2px;
  }
}
@media (max-width: 660px) {
  .ddContainer.ddContainerCollection .ddPopup .ddListHeaderSubtitle {
    padding-bottom: 13.2px;
  }
}
@media (max-height: 660px) {
  .ddContainer.ddContainerCollection .ddPopup .ddListHeaderSubtitle {
    padding-left: 47.52px;
  }
}
@media (max-width: 660px) {
  .ddContainer.ddContainerCollection .ddPopup .ddListHeaderSubtitle {
    padding-left: 47.52px;
  }
}
@media (max-height: 660px) {
  .ddContainer.ddContainerCollection .ddPopup .ddListHeaderSubtitle {
    padding-right: 47.52px;
  }
}
@media (max-width: 660px) {
  .ddContainer.ddContainerCollection .ddPopup .ddListHeaderSubtitle {
    padding-right: 47.52px;
  }
}
.ddContainer.ddContainerCollection .ddPopup .ddSearch {
  margin-top: 0;
  border-top: none;
}
.ddContainer.ddContainerCollection .ddPopup .ddSearch .ddSearchInput {
  padding-top: 1.4vmin;
  padding-bottom: 1.4vmin;
  width: 36vmin;
}
@media (max-height: 660px) {
  .ddContainer.ddContainerCollection .ddPopup .ddSearch .ddSearchInput {
    padding-top: 9.24px;
  }
}
@media (max-width: 660px) {
  .ddContainer.ddContainerCollection .ddPopup .ddSearch .ddSearchInput {
    padding-top: 9.24px;
  }
}
@media (max-height: 660px) {
  .ddContainer.ddContainerCollection .ddPopup .ddSearch .ddSearchInput {
    padding-bottom: 9.24px;
  }
}
@media (max-width: 660px) {
  .ddContainer.ddContainerCollection .ddPopup .ddSearch .ddSearchInput {
    padding-bottom: 9.24px;
  }
}
@media (max-height: 660px) {
  .ddContainer.ddContainerCollection .ddPopup .ddSearch .ddSearchInput {
    width: 237.6px;
  }
}
@media (max-width: 660px) {
  .ddContainer.ddContainerCollection .ddPopup .ddSearch .ddSearchInput {
    width: 237.6px;
  }
}
.ddContainer.ddContainerCollection .ddPopup .ddList {
  margin-top: 0;
  max-height: 41.5vmin;
}
@media (max-height: 660px) {
  .ddContainer.ddContainerCollection .ddPopup .ddList {
    max-height: 273.9px;
  }
}
@media (max-width: 660px) {
  .ddContainer.ddContainerCollection .ddPopup .ddList {
    max-height: 273.9px;
  }
}
.ddContainer.ddContainerCollection .ddArrow.arrowBottom {
  z-index: 2;
}
.ddContainer .ddBtn {
  display: inline-block;
  width: 39.4vmin;
  height: 6.1vmin;
  line-height: 6.1vmin;
  border-radius: 0.9vmin;
  border: 1px solid #9B9B9B;
  vertical-align: middle;
  color: #9B9B9B;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media (max-height: 660px) {
  .ddContainer .ddBtn {
    width: 260.04px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddBtn {
    width: 260.04px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddBtn {
    height: 40.26px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddBtn {
    height: 40.26px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddBtn {
    line-height: 40.26px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddBtn {
    line-height: 40.26px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddBtn {
    border-radius: 5.94px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddBtn {
    border-radius: 5.94px;
  }
}
.ddContainer .ddBtn .ddBtnText {
  float: left;
  padding-left: 3vmin;
}
@media (max-height: 660px) {
  .ddContainer .ddBtn .ddBtnText {
    padding-left: 19.8px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddBtn .ddBtnText {
    padding-left: 19.8px;
  }
}
.ddContainer .ddBtn .ddBtnArrow {
  float: right;
  padding-right: 1.8vmin;
}
@media (max-height: 660px) {
  .ddContainer .ddBtn .ddBtnArrow {
    padding-right: 11.88px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddBtn .ddBtnArrow {
    padding-right: 11.88px;
  }
}
.ddContainer .ddBtn .ddBtnArrow span {
  display: inline-block;
  -webkit-mask-image: url(/e1881d5ce2bb4acc8643.svg);
  -moz-mask-image: url(/e1881d5ce2bb4acc8643.svg);
  -ms-mask-image: url(/e1881d5ce2bb4acc8643.svg);
  -o-mask-image: url(/e1881d5ce2bb4acc8643.svg);
  mask-image: url(/e1881d5ce2bb4acc8643.svg);
  -webkit-mask-size: 100% 100%;
  -moz-mask-size: 100% 100%;
  -ms-mask-size: 100% 100%;
  -o-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -moz-mask-repeat: no-repeat;
  -ms-mask-repeat: no-repeat;
  -o-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  width: 1.7vmin;
  height: 1.1vmin;
  background-color: #718086;
}
@media (max-height: 660px) {
  .ddContainer .ddBtn .ddBtnArrow span {
    width: 11.22px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddBtn .ddBtnArrow span {
    width: 11.22px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddBtn .ddBtnArrow span {
    height: 7.26px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddBtn .ddBtnArrow span {
    height: 7.26px;
  }
}
.ddContainer .ddBtn .ddBtnArrow span.selected {
  background-color: #333333;
}
.ddContainer.active .ddBtn {
  border-color: #34405e;
  background-color: #f5f5f5;
  box-shadow: 0 0 4px #34405e;
  color: #34405e;
}
.ddContainer.active .ddBtn .ddBtnText {
  border-right-color: #34405e;
}
.ddContainer .notification .ddBtnText {
  text-transform: initial;
  font-variant: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 74%;
}
.ddContainer .notification .ddBtnArrow {
  width: 2.8vmin;
}
@media (max-height: 660px) {
  .ddContainer .notification .ddBtnArrow {
    width: 18.48px;
  }
}
@media (max-width: 660px) {
  .ddContainer .notification .ddBtnArrow {
    width: 18.48px;
  }
}
.ddContainer .notification.selected {
  width: 25.3vmin;
  height: 2.5vmin;
  border: 0.1vmin solid #34405e;
}
@media (max-height: 660px) {
  .ddContainer .notification.selected {
    width: 166.98px;
  }
}
@media (max-width: 660px) {
  .ddContainer .notification.selected {
    width: 166.98px;
  }
}
@media (max-height: 660px) {
  .ddContainer .notification.selected {
    height: 16.5px;
  }
}
@media (max-width: 660px) {
  .ddContainer .notification.selected {
    height: 16.5px;
  }
}
.ddContainer .ddPopup {
  border-radius: 16px;
  width: 40vmin;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05), 0px 6px 20px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
  background-color: #ffffff;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup {
    border-radius: 105.6px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup {
    border-radius: 105.6px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup {
    width: 264px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup {
    width: 264px;
  }
}
.ddContainer .ddPopup.ddPopupFixedSize {
  width: 47.9vmin;
  height: 60.9vmin;
  z-index: 1;
  margin: 0;
  padding: 0;
  overflow: inherit;
  bottom: 0;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup.ddPopupFixedSize {
    width: 316.14px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup.ddPopupFixedSize {
    width: 316.14px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup.ddPopupFixedSize {
    height: 401.94px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup.ddPopupFixedSize {
    height: 401.94px;
  }
}
.ddContainer .ddPopup.ddPopupLookbook {
  overflow: initial;
}
.ddContainer .ddPopup.ddPopupLookbook .ddSearch .ddSearchCancel {
  margin: 1.4vmin;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup.ddPopupLookbook .ddSearch .ddSearchCancel {
    margin: 9.24px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup.ddPopupLookbook .ddSearch .ddSearchCancel {
    margin: 9.24px;
  }
}
.ddContainer .ddPopup .ddArrowUp {
  position: absolute;
  top: -5px;
  left: 50%;
  margin-left: -7px;
  border-radius: 7px solid transparent;
  background-color: white;
  height: 10px;
  width: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 2px;
  z-index: 2;
}
.ddContainer .ddPopup .ddArrowContainer {
  bottom: -1.1vmin;
  height: 1.2vmin;
  width: 1.5vmin;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 7px solid transparent;
  overflow: hidden;
  z-index: 100;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddArrowContainer {
    bottom: -7.26px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddArrowContainer {
    bottom: -7.26px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddArrowContainer {
    height: 7.92px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddArrowContainer {
    height: 7.92px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddArrowContainer {
    width: 9.9px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddArrowContainer {
    width: 9.9px;
  }
}
.ddContainer .ddPopup .ddArrowDown {
  bottom: 0.6vmin;
  margin-left: -0.5vmin;
  border-radius: 0.2vmin;
  height: 1vmin;
  width: 1vmin;
  position: absolute;
  left: 50%;
  background-color: white;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: background-color 0.4s ease-in-out;
  -moz-transition: background-color 0.4s ease-in-out;
  -ms-transition: background-color 0.4s ease-in-out;
  -o-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddArrowDown {
    bottom: 3.96px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddArrowDown {
    bottom: 3.96px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddArrowDown {
    margin-left: -3.3px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddArrowDown {
    margin-left: -3.3px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddArrowDown {
    border-radius: 1.32px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddArrowDown {
    border-radius: 1.32px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddArrowDown {
    height: 6.6px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddArrowDown {
    height: 6.6px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddArrowDown {
    width: 6.6px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddArrowDown {
    width: 6.6px;
  }
}
.ddContainer .ddPopup .greenArrow {
  background-color: #64b900 !important;
  -webkit-transition: background-color 0.4s ease-in-out !important;
  -moz-transition: background-color 0.4s ease-in-out !important;
  -ms-transition: background-color 0.4s ease-in-out !important;
  -o-transition: background-color 0.4s ease-in-out !important;
  transition: background-color 0.4s ease-in-out !important;
}
.ddContainer .ddPopup .grayArrow {
  background-color: #c2c5cf !important;
  -webkit-transition: background-color 0.4s ease-in-out !important;
  -moz-transition: background-color 0.4s ease-in-out !important;
  -ms-transition: background-color 0.4s ease-in-out !important;
  -o-transition: background-color 0.4s ease-in-out !important;
  transition: background-color 0.4s ease-in-out !important;
}
.ddContainer .ddPopup .ddError {
  padding: 1vmin;
  background-color: white;
  text-align: center;
  display: block;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddError {
    padding: 6.6px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddError {
    padding: 6.6px;
  }
}
.ddContainer .ddPopup .ddSearchError {
  padding-top: 0;
}
.ddContainer .ddPopup .ddNoItemsError {
  padding: 10px;
  text-align: center;
}
.ddContainer .ddPopup .ddNoItemsError .sadFace {
  width: 220px;
  display: block;
  padding-bottom: 20px;
}
.ddContainer .ddPopup .ddNoItemsError .sadFace img {
  padding: 30px 0 20px 0;
  width: 75px;
}
.ddContainer .ddPopup .ddPopupPageContainer {
  position: relative;
  perspective: 0.1vmin;
  border-radius: 0.6vmin;
  background-color: #f5f5f5;
  overflow: hidden;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddPopupPageContainer {
    perspective: 0.66px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddPopupPageContainer {
    perspective: 0.66px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddPopupPageContainer {
    border-radius: 3.96px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddPopupPageContainer {
    border-radius: 3.96px;
  }
}
.ddContainer .ddPopup .ddPopupPageContainer.lookbook {
  height: 100%;
}
.ddContainer .ddPopup .ddPopupPageContainer.lookbook .ddPage {
  width: 47.9vmin;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddPopupPageContainer.lookbook .ddPage {
    width: 316.14px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddPopupPageContainer.lookbook .ddPage {
    width: 316.14px;
  }
}
.ddContainer .ddPopup .ddPopupPageContainer.lookbook .ddPage.right {
  left: 47.9vmin;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddPopupPageContainer.lookbook .ddPage.right {
    left: 316.14px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddPopupPageContainer.lookbook .ddPage.right {
    left: 316.14px;
  }
}
.ddContainer .ddPopup .ddPopupPageContainer.lookbook .ddPage.left {
  left: -47.9vmin;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddPopupPageContainer.lookbook .ddPage.left {
    left: -316.14px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddPopupPageContainer.lookbook .ddPage.left {
    left: -316.14px;
  }
}
.ddContainer .ddPopup .ddPopupPageContainer.lookbook .ddPage #ddPageScrollingContent {
  height: 48.1vmin;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddPopupPageContainer.lookbook .ddPage #ddPageScrollingContent {
    height: 317.46px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddPopupPageContainer.lookbook .ddPage #ddPageScrollingContent {
    height: 317.46px;
  }
}
.ddContainer .ddPopup .ddPopupPageContainer.notification {
  height: 100%;
}
.ddContainer .ddPopup .ddPopupPageContainer.notification .ddPage #ddPageScrollingContent {
  height: 39.9vmin;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddPopupPageContainer.notification .ddPage #ddPageScrollingContent {
    height: 263.34px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddPopupPageContainer.notification .ddPage #ddPageScrollingContent {
    height: 263.34px;
  }
}
.ddContainer .ddPopup .ddPopupPageContainer .ddPage {
  height: 100%;
  position: absolute;
  background-color: white;
  -webkit-transition: left 0.4s ease-in-out;
  -moz-transition: left 0.4s ease-in-out;
  -ms-transition: left 0.4s ease-in-out;
  -o-transition: left 0.4s ease-in-out;
  transition: left 0.4s ease-in-out;
}
.ddContainer .ddPopup .ddPopupPageContainer .ddPage.current {
  left: 0;
}
.ddContainer .ddPopup .ddPopupPageContainer .ddPage #ddPageScrollingContent {
  overflow-y: scroll;
  -ms-overflow-style: none;
}
.ddContainer .ddPopup .ddPopupPageContainer .ddPage #ddPageScrollingContent .ddSearchError {
  padding-top: 1.5vmin;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddPopupPageContainer .ddPage #ddPageScrollingContent .ddSearchError {
    padding-top: 9.9px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddPopupPageContainer .ddPage #ddPageScrollingContent .ddSearchError {
    padding-top: 9.9px;
  }
}
.ddContainer .ddPopup .ddPopupPageContainer .ddPage #ddPageScrollingContent::-webkit-scrollbar {
  display: none;
}
.ddContainer .ddPopup .ddPopupPageContainer .ddPage .ddPageCollectionSearchContainer .ddPageCollectionSearchField {
  padding-top: 1vmin;
  position: relative;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddPopupPageContainer .ddPage .ddPageCollectionSearchContainer .ddPageCollectionSearchField {
    padding-top: 6.6px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddPopupPageContainer .ddPage .ddPageCollectionSearchContainer .ddPageCollectionSearchField {
    padding-top: 6.6px;
  }
}
.ddContainer .ddPopup .ddPopupPageContainer .ddPage .ddPageCollectionSearchContainer .ddPageCollectionSearchField input {
  background-color: transparent;
  width: 20vmin;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddPopupPageContainer .ddPage .ddPageCollectionSearchContainer .ddPageCollectionSearchField input {
    width: 132px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddPopupPageContainer .ddPage .ddPageCollectionSearchContainer .ddPageCollectionSearchField input {
    width: 132px;
  }
}
.ddContainer .ddPopup .ddPopupPageContainer .ddPage .ddPageCollectionSearchContainer .ddPageCollectionSearchField input::-webkit-input-placeholder {
  color: #cccccc;
  opacity: 1;
  font-style: normal;
}
.ddContainer .ddPopup .ddPopupPageContainer .ddPage .ddPageCollectionSearchContainer .ddPageCollectionSearchField input:-moz-placeholder {
  color: #cccccc;
  opacity: 1;
  font-style: normal;
}
.ddContainer .ddPopup .ddPopupPageContainer .ddPage .ddPageCollectionSearchContainer .ddPageCollectionSearchField input::-moz-placeholder {
  color: #cccccc;
  opacity: 1;
  font-style: normal;
}
.ddContainer .ddPopup .ddPopupPageContainer .ddPage .ddPageCollectionSearchContainer .ddPageCollectionSearchField input:-ms-input-placeholder {
  color: #cccccc !important;
  opacity: 1;
  font-style: normal;
}
.ddContainer .ddPopup .ddPopupPageContainer .ddPage .ddPageCollectionSearchContainer .ddPageCollectionSearchField input::-ms-input-placeholder {
  color: #cccccc !important;
  opacity: 1;
  font-style: normal;
}
.ddContainer .ddPopup .ddPopupPageContainer .ddPage .ddPageCollectionSearchContainer .ddPageCollectionSearchField input.error {
  color: #D0021B;
}
.ddContainer .ddPopup .ddPopupPageContainer .ddPage .ddPageCollectionSearchContainer .ddPageCollectionSearchField .glyphicon {
  top: 0.2vmin;
  left: 8px;
  color: #a2a5af;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddPopupPageContainer .ddPage .ddPageCollectionSearchContainer .ddPageCollectionSearchField .glyphicon {
    top: 1.32px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddPopupPageContainer .ddPage .ddPageCollectionSearchContainer .ddPageCollectionSearchField .glyphicon {
    top: 1.32px;
  }
}
.ddContainer .ddPopup .ddPopupPageContainer .ddPage .ddPageCollectionSearchContainer .ddPageCollectionSearchField .ddPageCollectionSearchFieldClear {
  width: 1.4vmin;
  height: 1.4vmin;
  right: 1vmin;
  margin-top: 0.5vmin;
  background-image: url(/2da1c756a07a5976b4ca.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  float: right;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddPopupPageContainer .ddPage .ddPageCollectionSearchContainer .ddPageCollectionSearchField .ddPageCollectionSearchFieldClear {
    width: 9.24px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddPopupPageContainer .ddPage .ddPageCollectionSearchContainer .ddPageCollectionSearchField .ddPageCollectionSearchFieldClear {
    width: 9.24px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddPopupPageContainer .ddPage .ddPageCollectionSearchContainer .ddPageCollectionSearchField .ddPageCollectionSearchFieldClear {
    height: 9.24px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddPopupPageContainer .ddPage .ddPageCollectionSearchContainer .ddPageCollectionSearchField .ddPageCollectionSearchFieldClear {
    height: 9.24px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddPopupPageContainer .ddPage .ddPageCollectionSearchContainer .ddPageCollectionSearchField .ddPageCollectionSearchFieldClear {
    right: 6.6px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddPopupPageContainer .ddPage .ddPageCollectionSearchContainer .ddPageCollectionSearchField .ddPageCollectionSearchFieldClear {
    right: 6.6px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddPopupPageContainer .ddPage .ddPageCollectionSearchContainer .ddPageCollectionSearchField .ddPageCollectionSearchFieldClear {
    margin-top: 3.3px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddPopupPageContainer .ddPage .ddPageCollectionSearchContainer .ddPageCollectionSearchField .ddPageCollectionSearchFieldClear {
    margin-top: 3.3px;
  }
}
@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .ddContainer .ddPopup .ddPopupPageContainer .ddPage .ddPageCollectionSearchContainer .ddPageCollectionSearchField .ddPageCollectionSearchFieldClear {
    background-image: url(/10c467752f839eb10cef.png);
    background-size: 100% 100%;
  }
}
.ddContainer .ddPopup .ddPopupPageContainer .ddPage .ddPageCollectionSearchContainer.noBorder {
  border: none;
}
.ddContainer .ddPopup .ddBackButton {
  position: absolute;
  padding-top: 2.7vmin;
  padding-bottom: 2.2vmin;
  padding-right: 2.2vmin;
  padding-left: 2.2vmin;
  cursor: pointer;
  z-index: 1;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddBackButton {
    padding-top: 17.82px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddBackButton {
    padding-top: 17.82px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddBackButton {
    padding-bottom: 14.52px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddBackButton {
    padding-bottom: 14.52px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddBackButton {
    padding-right: 14.52px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddBackButton {
    padding-right: 14.52px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddBackButton {
    padding-left: 14.52px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddBackButton {
    padding-left: 14.52px;
  }
}
.ddContainer .ddPopup .ddBackButton .arrowHandle {
  border-radius: 1vmin;
  height: 0.2vmin;
  width: 1vmin;
  margin-top: 0.4vmin;
  display: block;
  background-color: #34405e;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddBackButton .arrowHandle {
    border-radius: 6.6px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddBackButton .arrowHandle {
    border-radius: 6.6px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddBackButton .arrowHandle {
    height: 1.32px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddBackButton .arrowHandle {
    height: 1.32px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddBackButton .arrowHandle {
    width: 6.6px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddBackButton .arrowHandle {
    width: 6.6px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddBackButton .arrowHandle {
    margin-top: 2.64px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddBackButton .arrowHandle {
    margin-top: 2.64px;
  }
}
.ddContainer .ddPopup .ddBackButton .arrowHandle.top {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.ddContainer .ddPopup .ddBackButton .arrowHandle.bottom {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ddContainer .ddPopup .ddCollectionContent {
  padding-left: 2.9vmin;
  padding-right: 2.9vmin;
  padding-top: 3vmin;
  padding-bottom: 2.9vmin;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddCollectionContent {
    padding-left: 19.14px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddCollectionContent {
    padding-left: 19.14px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddCollectionContent {
    padding-right: 19.14px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddCollectionContent {
    padding-right: 19.14px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddCollectionContent {
    padding-top: 19.8px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddCollectionContent {
    padding-top: 19.8px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddCollectionContent {
    padding-bottom: 19.14px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddCollectionContent {
    padding-bottom: 19.14px;
  }
}
.ddContainer .ddPopup .ddCollectionContent .ddCollectionItem {
  cursor: pointer;
  width: 19.2vmin;
  height: 16.5vmin;
  border-radius: 1.5vmin;
  border: 2px dashed #9B9B9B;
  position: relative;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem {
    width: 126.72px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem {
    width: 126.72px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem {
    height: 108.9px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem {
    height: 108.9px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem {
    border-radius: 9.9px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem {
    border-radius: 9.9px;
  }
}
.ddContainer .ddPopup .ddCollectionContent .ddCollectionItem.left {
  float: left;
  margin-bottom: 3.1vmin;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem.left {
    margin-bottom: 20.46px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem.left {
    margin-bottom: 20.46px;
  }
}
.ddContainer .ddPopup .ddCollectionContent .ddCollectionItem.right {
  float: right;
  margin-bottom: 3.1vmin;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem.right {
    margin-bottom: 20.46px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem.right {
    margin-bottom: 20.46px;
  }
}
.ddContainer .ddPopup .ddCollectionContent .ddCollectionItem.noCursor {
  cursor: initial;
}
.ddContainer .ddPopup .ddCollectionContent .ddCollectionItem.error {
  border-color: red;
  border-style: solid;
}
.ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemText {
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  margin-top: 5.3vmin;
  letter-spacing: 0.08vmin;
  color: rgba(52, 64, 94, 0.6);
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemText {
    margin-top: 34.98px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemText {
    margin-top: 34.98px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemText {
    letter-spacing: 0.528px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemText {
    letter-spacing: 0.528px;
  }
}
.ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemImageDeleteButtonContainer {
  position: absolute;
  background-color: white;
  width: 2.6vmin;
  height: 2.6vmin;
  margin-top: -1.9vmin;
  margin-right: -1.9vmin;
  border-radius: 2.7vmin;
  background-size: 2.7vmin 2.7vmin;
  z-index: 2;
  top: 0;
  right: 0;
  border: 2px solid white;
  background-image: url(/ac0f53ee0032e5f0055f.svg);
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemImageDeleteButtonContainer {
    width: 17.16px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemImageDeleteButtonContainer {
    width: 17.16px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemImageDeleteButtonContainer {
    height: 17.16px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemImageDeleteButtonContainer {
    height: 17.16px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemImageDeleteButtonContainer {
    margin-top: -12.54px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemImageDeleteButtonContainer {
    margin-top: -12.54px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemImageDeleteButtonContainer {
    margin-right: -12.54px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemImageDeleteButtonContainer {
    margin-right: -12.54px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemImageDeleteButtonContainer {
    border-radius: 17.82px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemImageDeleteButtonContainer {
    border-radius: 17.82px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemImageDeleteButtonContainer {
    background-size:  17.82px 17.82px;
  }
}
.ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemImageDeleteButtonContainer .ddCollectionItemImageDeleteButtonHandle {
  width: 2px;
  height: 12px;
  background-color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -6px;
  margin-left: -1px;
}
.ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemImageDeleteButtonContainer .ddCollectionItemImageDeleteButtonHandle.handle1 {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemImageDeleteButtonContainer .ddCollectionItemImageDeleteButtonHandle.handle2 {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemImageContainer {
  position: absolute;
  top: 0;
  width: 19.9vmin;
  height: 17.2vmin;
  border-radius: 1vmin;
  margin-top: -0.4vmin;
  margin-right: -0.4vmin;
  margin-bottom: -0.4vmin;
  margin-left: -0.4vmin;
  overflow: hidden;
  background-color: white;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemImageContainer {
    width: 131.34px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemImageContainer {
    width: 131.34px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemImageContainer {
    height: 113.52px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemImageContainer {
    height: 113.52px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemImageContainer {
    border-radius: 6.6px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemImageContainer {
    border-radius: 6.6px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemImageContainer {
    margin-top: -2.64px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemImageContainer {
    margin-top: -2.64px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemImageContainer {
    margin-right: -2.64px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemImageContainer {
    margin-right: -2.64px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemImageContainer {
    margin-bottom: -2.64px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemImageContainer {
    margin-bottom: -2.64px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemImageContainer {
    margin-left: -2.64px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemImageContainer {
    margin-left: -2.64px;
  }
}
.ddContainer .ddPopup .ddCollectionContent .ddCollectionItem .ddCollectionItemImageContainer img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ddContainer .ddPopup .ddSearch,
.ddContainer .dtpPopup .ddSearch {
  position: relative;
  margin-top: 2vmin;
  background-color: #FFFFFF;
  border-radius: 0;
  border-top: 1px solid #E2E2E2;
  overflow: auto;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddSearch,
  .ddContainer .dtpPopup .ddSearch {
    margin-top: 13.2px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddSearch,
  .ddContainer .dtpPopup .ddSearch {
    margin-top: 13.2px;
  }
}
.ddContainer .ddPopup .ddSearch .ddSearchIcon,
.ddContainer .dtpPopup .ddSearch .ddSearchIcon {
  position: absolute;
  background: url(/a6c647aafc2f60b67afb.png) no-repeat;
  background-size: 100% 100%;
  width: 2.1vmin;
  height: 2.1vmin;
  left: 2.3vmin;
  top: 1.4vmin;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddSearch .ddSearchIcon,
  .ddContainer .dtpPopup .ddSearch .ddSearchIcon {
    width: 13.86px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddSearch .ddSearchIcon,
  .ddContainer .dtpPopup .ddSearch .ddSearchIcon {
    width: 13.86px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddSearch .ddSearchIcon,
  .ddContainer .dtpPopup .ddSearch .ddSearchIcon {
    height: 13.86px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddSearch .ddSearchIcon,
  .ddContainer .dtpPopup .ddSearch .ddSearchIcon {
    height: 13.86px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddSearch .ddSearchIcon,
  .ddContainer .dtpPopup .ddSearch .ddSearchIcon {
    left: 15.18px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddSearch .ddSearchIcon,
  .ddContainer .dtpPopup .ddSearch .ddSearchIcon {
    left: 15.18px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddSearch .ddSearchIcon,
  .ddContainer .dtpPopup .ddSearch .ddSearchIcon {
    top: 9.24px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddSearch .ddSearchIcon,
  .ddContainer .dtpPopup .ddSearch .ddSearchIcon {
    top: 9.24px;
  }
}
.ddContainer .ddPopup .ddSearch .ddSearchInput,
.ddContainer .dtpPopup .ddSearch .ddSearchInput {
  float: left;
  padding-top: 1.4vmin;
  padding-bottom: 1vmin;
  padding-left: 6.2vmin;
  line-height: 1.29;
  background-color: white;
}
.ddContainer .ddPopup .ddSearch .ddSearchInput::-webkit-input-placeholder,
.ddContainer .dtpPopup .ddSearch .ddSearchInput::-webkit-input-placeholder {
  color: #D8D8D8;
  opacity: 1;
  font-style: normal;
}
.ddContainer .ddPopup .ddSearch .ddSearchInput:-moz-placeholder,
.ddContainer .dtpPopup .ddSearch .ddSearchInput:-moz-placeholder {
  color: #D8D8D8;
  opacity: 1;
  font-style: normal;
}
.ddContainer .ddPopup .ddSearch .ddSearchInput::-moz-placeholder,
.ddContainer .dtpPopup .ddSearch .ddSearchInput::-moz-placeholder {
  color: #D8D8D8;
  opacity: 1;
  font-style: normal;
}
.ddContainer .ddPopup .ddSearch .ddSearchInput:-ms-input-placeholder,
.ddContainer .dtpPopup .ddSearch .ddSearchInput:-ms-input-placeholder {
  color: #D8D8D8 !important;
  opacity: 1;
  font-style: normal;
}
.ddContainer .ddPopup .ddSearch .ddSearchInput::-ms-input-placeholder,
.ddContainer .dtpPopup .ddSearch .ddSearchInput::-ms-input-placeholder {
  color: #D8D8D8 !important;
  opacity: 1;
  font-style: normal;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddSearch .ddSearchInput,
  .ddContainer .dtpPopup .ddSearch .ddSearchInput {
    padding-top: 9.24px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddSearch .ddSearchInput,
  .ddContainer .dtpPopup .ddSearch .ddSearchInput {
    padding-top: 9.24px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddSearch .ddSearchInput,
  .ddContainer .dtpPopup .ddSearch .ddSearchInput {
    padding-bottom: 6.6px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddSearch .ddSearchInput,
  .ddContainer .dtpPopup .ddSearch .ddSearchInput {
    padding-bottom: 6.6px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddSearch .ddSearchInput,
  .ddContainer .dtpPopup .ddSearch .ddSearchInput {
    padding-left: 40.92px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddSearch .ddSearchInput,
  .ddContainer .dtpPopup .ddSearch .ddSearchInput {
    padding-left: 40.92px;
  }
}
.ddContainer .ddPopup .ddSearch .ddSearchCancel,
.ddContainer .dtpPopup .ddSearch .ddSearchCancel {
  position: absolute;
  background: url(/10c467752f839eb10cef.png) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  width: 2.1vmin;
  height: 2.1vmin;
  margin: 1.6vmin;
  right: 1.2vmin;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddSearch .ddSearchCancel,
  .ddContainer .dtpPopup .ddSearch .ddSearchCancel {
    width: 13.86px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddSearch .ddSearchCancel,
  .ddContainer .dtpPopup .ddSearch .ddSearchCancel {
    width: 13.86px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddSearch .ddSearchCancel,
  .ddContainer .dtpPopup .ddSearch .ddSearchCancel {
    height: 13.86px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddSearch .ddSearchCancel,
  .ddContainer .dtpPopup .ddSearch .ddSearchCancel {
    height: 13.86px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddSearch .ddSearchCancel,
  .ddContainer .dtpPopup .ddSearch .ddSearchCancel {
    margin: 10.56px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddSearch .ddSearchCancel,
  .ddContainer .dtpPopup .ddSearch .ddSearchCancel {
    margin: 10.56px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddSearch .ddSearchCancel,
  .ddContainer .dtpPopup .ddSearch .ddSearchCancel {
    right: 7.92px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddSearch .ddSearchCancel,
  .ddContainer .dtpPopup .ddSearch .ddSearchCancel {
    right: 7.92px;
  }
}
.ddContainer .ddPopup .ddList,
.ddContainer .dtpPopup .ddList {
  padding: 1vmin 0;
  margin-top: 1.8vmin;
  max-height: 28.5vmin;
  list-style-type: none;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  background-color: #FFFFFF;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
  overflow: auto !important;
  border-top: 1px solid #E2E2E2;
  height: auto;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddList,
  .ddContainer .dtpPopup .ddList {
    padding:  6.6px 0;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddList,
  .ddContainer .dtpPopup .ddList {
    margin-top: 11.88px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddList,
  .ddContainer .dtpPopup .ddList {
    margin-top: 11.88px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddList,
  .ddContainer .dtpPopup .ddList {
    max-height: 188.1px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddList,
  .ddContainer .dtpPopup .ddList {
    max-height: 188.1px;
  }
}
.ddContainer .ddPopup .ddList.noHeader,
.ddContainer .dtpPopup .ddList.noHeader {
  max-height: none;
  margin: 0;
  border-top: none;
}
.ddContainer .ddPopup .ddList .ddItem,
.ddContainer .dtpPopup .ddList .ddItem,
.ddContainer .ddPopup .ddList .ddProductItem,
.ddContainer .dtpPopup .ddList .ddProductItem,
.ddContainer .ddPopup .ddList .ddImageItem,
.ddContainer .dtpPopup .ddList .ddImageItem,
.ddContainer .ddPopup .ddList .ddCategoryItem,
.ddContainer .dtpPopup .ddList .ddCategoryItem {
  padding-top: 1.3vmin;
  padding-right: 2.7vmin;
  padding-bottom: 1.3vmin;
  padding-left: 3vmin;
  vertical-align: middle;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddList .ddItem,
  .ddContainer .dtpPopup .ddList .ddItem,
  .ddContainer .ddPopup .ddList .ddProductItem,
  .ddContainer .dtpPopup .ddList .ddProductItem,
  .ddContainer .ddPopup .ddList .ddImageItem,
  .ddContainer .dtpPopup .ddList .ddImageItem,
  .ddContainer .ddPopup .ddList .ddCategoryItem,
  .ddContainer .dtpPopup .ddList .ddCategoryItem {
    padding-top: 8.58px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddList .ddItem,
  .ddContainer .dtpPopup .ddList .ddItem,
  .ddContainer .ddPopup .ddList .ddProductItem,
  .ddContainer .dtpPopup .ddList .ddProductItem,
  .ddContainer .ddPopup .ddList .ddImageItem,
  .ddContainer .dtpPopup .ddList .ddImageItem,
  .ddContainer .ddPopup .ddList .ddCategoryItem,
  .ddContainer .dtpPopup .ddList .ddCategoryItem {
    padding-top: 8.58px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddList .ddItem,
  .ddContainer .dtpPopup .ddList .ddItem,
  .ddContainer .ddPopup .ddList .ddProductItem,
  .ddContainer .dtpPopup .ddList .ddProductItem,
  .ddContainer .ddPopup .ddList .ddImageItem,
  .ddContainer .dtpPopup .ddList .ddImageItem,
  .ddContainer .ddPopup .ddList .ddCategoryItem,
  .ddContainer .dtpPopup .ddList .ddCategoryItem {
    padding-right: 17.82px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddList .ddItem,
  .ddContainer .dtpPopup .ddList .ddItem,
  .ddContainer .ddPopup .ddList .ddProductItem,
  .ddContainer .dtpPopup .ddList .ddProductItem,
  .ddContainer .ddPopup .ddList .ddImageItem,
  .ddContainer .dtpPopup .ddList .ddImageItem,
  .ddContainer .ddPopup .ddList .ddCategoryItem,
  .ddContainer .dtpPopup .ddList .ddCategoryItem {
    padding-right: 17.82px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddList .ddItem,
  .ddContainer .dtpPopup .ddList .ddItem,
  .ddContainer .ddPopup .ddList .ddProductItem,
  .ddContainer .dtpPopup .ddList .ddProductItem,
  .ddContainer .ddPopup .ddList .ddImageItem,
  .ddContainer .dtpPopup .ddList .ddImageItem,
  .ddContainer .ddPopup .ddList .ddCategoryItem,
  .ddContainer .dtpPopup .ddList .ddCategoryItem {
    padding-bottom: 8.58px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddList .ddItem,
  .ddContainer .dtpPopup .ddList .ddItem,
  .ddContainer .ddPopup .ddList .ddProductItem,
  .ddContainer .dtpPopup .ddList .ddProductItem,
  .ddContainer .ddPopup .ddList .ddImageItem,
  .ddContainer .dtpPopup .ddList .ddImageItem,
  .ddContainer .ddPopup .ddList .ddCategoryItem,
  .ddContainer .dtpPopup .ddList .ddCategoryItem {
    padding-bottom: 8.58px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddList .ddItem,
  .ddContainer .dtpPopup .ddList .ddItem,
  .ddContainer .ddPopup .ddList .ddProductItem,
  .ddContainer .dtpPopup .ddList .ddProductItem,
  .ddContainer .ddPopup .ddList .ddImageItem,
  .ddContainer .dtpPopup .ddList .ddImageItem,
  .ddContainer .ddPopup .ddList .ddCategoryItem,
  .ddContainer .dtpPopup .ddList .ddCategoryItem {
    padding-left: 19.8px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddList .ddItem,
  .ddContainer .dtpPopup .ddList .ddItem,
  .ddContainer .ddPopup .ddList .ddProductItem,
  .ddContainer .dtpPopup .ddList .ddProductItem,
  .ddContainer .ddPopup .ddList .ddImageItem,
  .ddContainer .dtpPopup .ddList .ddImageItem,
  .ddContainer .ddPopup .ddList .ddCategoryItem,
  .ddContainer .dtpPopup .ddList .ddCategoryItem {
    padding-left: 19.8px;
  }
}
.ddContainer .ddPopup .ddList .ddItem .ddCheckbox,
.ddContainer .dtpPopup .ddList .ddItem .ddCheckbox,
.ddContainer .ddPopup .ddList .ddProductItem .ddCheckbox,
.ddContainer .dtpPopup .ddList .ddProductItem .ddCheckbox,
.ddContainer .ddPopup .ddList .ddImageItem .ddCheckbox,
.ddContainer .dtpPopup .ddList .ddImageItem .ddCheckbox,
.ddContainer .ddPopup .ddList .ddCategoryItem .ddCheckbox,
.ddContainer .dtpPopup .ddList .ddCategoryItem .ddCheckbox {
  float: right;
  width: 18px;
  height: 18px;
  margin: 1px -23px 2px 2px;
  background-image: url(/e8d5e16e6774cddc5fc3.png);
  background-repeat: no-repeat;
}
@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .ddContainer .ddPopup .ddList .ddItem .ddCheckbox,
  .ddContainer .dtpPopup .ddList .ddItem .ddCheckbox,
  .ddContainer .ddPopup .ddList .ddProductItem .ddCheckbox,
  .ddContainer .dtpPopup .ddList .ddProductItem .ddCheckbox,
  .ddContainer .ddPopup .ddList .ddImageItem .ddCheckbox,
  .ddContainer .dtpPopup .ddList .ddImageItem .ddCheckbox,
  .ddContainer .ddPopup .ddList .ddCategoryItem .ddCheckbox,
  .ddContainer .dtpPopup .ddList .ddCategoryItem .ddCheckbox {
    background-image: url(/798328f52429f207816b.png);
    background-size: 100% 100%;
  }
}
.ddContainer .ddPopup .ddList .ddItem .ddItemArrow,
.ddContainer .dtpPopup .ddList .ddItem .ddItemArrow,
.ddContainer .ddPopup .ddList .ddProductItem .ddItemArrow,
.ddContainer .dtpPopup .ddList .ddProductItem .ddItemArrow,
.ddContainer .ddPopup .ddList .ddImageItem .ddItemArrow,
.ddContainer .dtpPopup .ddList .ddImageItem .ddItemArrow,
.ddContainer .ddPopup .ddList .ddCategoryItem .ddItemArrow,
.ddContainer .dtpPopup .ddList .ddCategoryItem .ddItemArrow {
  font-size: 0.8vmin;
  margin-right: -2.5vmin;
  float: right;
  color: rgba(52, 64, 94, 0.6);
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddList .ddItem .ddItemArrow,
  .ddContainer .dtpPopup .ddList .ddItem .ddItemArrow,
  .ddContainer .ddPopup .ddList .ddProductItem .ddItemArrow,
  .ddContainer .dtpPopup .ddList .ddProductItem .ddItemArrow,
  .ddContainer .ddPopup .ddList .ddImageItem .ddItemArrow,
  .ddContainer .dtpPopup .ddList .ddImageItem .ddItemArrow,
  .ddContainer .ddPopup .ddList .ddCategoryItem .ddItemArrow,
  .ddContainer .dtpPopup .ddList .ddCategoryItem .ddItemArrow {
    font-size: 5.28px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddList .ddItem .ddItemArrow,
  .ddContainer .dtpPopup .ddList .ddItem .ddItemArrow,
  .ddContainer .ddPopup .ddList .ddProductItem .ddItemArrow,
  .ddContainer .dtpPopup .ddList .ddProductItem .ddItemArrow,
  .ddContainer .ddPopup .ddList .ddImageItem .ddItemArrow,
  .ddContainer .dtpPopup .ddList .ddImageItem .ddItemArrow,
  .ddContainer .ddPopup .ddList .ddCategoryItem .ddItemArrow,
  .ddContainer .dtpPopup .ddList .ddCategoryItem .ddItemArrow {
    font-size: 5.28px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddList .ddItem .ddItemArrow,
  .ddContainer .dtpPopup .ddList .ddItem .ddItemArrow,
  .ddContainer .ddPopup .ddList .ddProductItem .ddItemArrow,
  .ddContainer .dtpPopup .ddList .ddProductItem .ddItemArrow,
  .ddContainer .ddPopup .ddList .ddImageItem .ddItemArrow,
  .ddContainer .dtpPopup .ddList .ddImageItem .ddItemArrow,
  .ddContainer .ddPopup .ddList .ddCategoryItem .ddItemArrow,
  .ddContainer .dtpPopup .ddList .ddCategoryItem .ddItemArrow {
    margin-right: -16.5px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddList .ddItem .ddItemArrow,
  .ddContainer .dtpPopup .ddList .ddItem .ddItemArrow,
  .ddContainer .ddPopup .ddList .ddProductItem .ddItemArrow,
  .ddContainer .dtpPopup .ddList .ddProductItem .ddItemArrow,
  .ddContainer .ddPopup .ddList .ddImageItem .ddItemArrow,
  .ddContainer .dtpPopup .ddList .ddImageItem .ddItemArrow,
  .ddContainer .ddPopup .ddList .ddCategoryItem .ddItemArrow,
  .ddContainer .dtpPopup .ddList .ddCategoryItem .ddItemArrow {
    margin-right: -16.5px;
  }
}
.ddContainer .ddPopup .ddList .ddItem .ddTaken,
.ddContainer .dtpPopup .ddList .ddItem .ddTaken,
.ddContainer .ddPopup .ddList .ddProductItem .ddTaken,
.ddContainer .dtpPopup .ddList .ddProductItem .ddTaken,
.ddContainer .ddPopup .ddList .ddImageItem .ddTaken,
.ddContainer .dtpPopup .ddList .ddImageItem .ddTaken,
.ddContainer .ddPopup .ddList .ddCategoryItem .ddTaken,
.ddContainer .dtpPopup .ddList .ddCategoryItem .ddTaken {
  float: right;
  width: 46px;
  border-radius: 4px;
  padding: 0 2px;
  background-color: #34405e;
  font-size: 0.7em;
  color: white;
  text-align: center;
}
.ddContainer .ddPopup .ddList .ddItem .ddTaken.ddTakenInactive,
.ddContainer .dtpPopup .ddList .ddItem .ddTaken.ddTakenInactive,
.ddContainer .ddPopup .ddList .ddProductItem .ddTaken.ddTakenInactive,
.ddContainer .dtpPopup .ddList .ddProductItem .ddTaken.ddTakenInactive,
.ddContainer .ddPopup .ddList .ddImageItem .ddTaken.ddTakenInactive,
.ddContainer .dtpPopup .ddList .ddImageItem .ddTaken.ddTakenInactive,
.ddContainer .ddPopup .ddList .ddCategoryItem .ddTaken.ddTakenInactive,
.ddContainer .dtpPopup .ddList .ddCategoryItem .ddTaken.ddTakenInactive {
  background-color: rgba(52, 64, 94, 0.6);
}
.ddContainer .ddPopup .ddList .ddItem:not(.disabled):not(.noHover):hover,
.ddContainer .dtpPopup .ddList .ddItem:not(.disabled):not(.noHover):hover,
.ddContainer .ddPopup .ddList .ddProductItem:not(.disabled):not(.noHover):hover,
.ddContainer .dtpPopup .ddList .ddProductItem:not(.disabled):not(.noHover):hover,
.ddContainer .ddPopup .ddList .ddImageItem:not(.disabled):not(.noHover):hover,
.ddContainer .dtpPopup .ddList .ddImageItem:not(.disabled):not(.noHover):hover,
.ddContainer .ddPopup .ddList .ddCategoryItem:not(.disabled):not(.noHover):hover,
.ddContainer .dtpPopup .ddList .ddCategoryItem:not(.disabled):not(.noHover):hover,
.ddContainer .ddPopup .ddList .ddItem.selected,
.ddContainer .dtpPopup .ddList .ddItem.selected,
.ddContainer .ddPopup .ddList .ddProductItem.selected,
.ddContainer .dtpPopup .ddList .ddProductItem.selected,
.ddContainer .ddPopup .ddList .ddImageItem.selected,
.ddContainer .dtpPopup .ddList .ddImageItem.selected,
.ddContainer .ddPopup .ddList .ddCategoryItem.selected,
.ddContainer .dtpPopup .ddList .ddCategoryItem.selected {
  background-color: #fff;
}
.ddContainer .ddPopup .ddList .ddItem:not(.disabled):not(.noHover):hover .ddCheckbox,
.ddContainer .dtpPopup .ddList .ddItem:not(.disabled):not(.noHover):hover .ddCheckbox,
.ddContainer .ddPopup .ddList .ddProductItem:not(.disabled):not(.noHover):hover .ddCheckbox,
.ddContainer .dtpPopup .ddList .ddProductItem:not(.disabled):not(.noHover):hover .ddCheckbox,
.ddContainer .ddPopup .ddList .ddImageItem:not(.disabled):not(.noHover):hover .ddCheckbox,
.ddContainer .dtpPopup .ddList .ddImageItem:not(.disabled):not(.noHover):hover .ddCheckbox,
.ddContainer .ddPopup .ddList .ddCategoryItem:not(.disabled):not(.noHover):hover .ddCheckbox,
.ddContainer .dtpPopup .ddList .ddCategoryItem:not(.disabled):not(.noHover):hover .ddCheckbox,
.ddContainer .ddPopup .ddList .ddItem.selected .ddCheckbox,
.ddContainer .dtpPopup .ddList .ddItem.selected .ddCheckbox,
.ddContainer .ddPopup .ddList .ddProductItem.selected .ddCheckbox,
.ddContainer .dtpPopup .ddList .ddProductItem.selected .ddCheckbox,
.ddContainer .ddPopup .ddList .ddImageItem.selected .ddCheckbox,
.ddContainer .dtpPopup .ddList .ddImageItem.selected .ddCheckbox,
.ddContainer .ddPopup .ddList .ddCategoryItem.selected .ddCheckbox,
.ddContainer .dtpPopup .ddList .ddCategoryItem.selected .ddCheckbox {
  background-image: url(/ded798f87102f7c9f15e.png);
}
@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .ddContainer .ddPopup .ddList .ddItem:not(.disabled):not(.noHover):hover .ddCheckbox,
  .ddContainer .dtpPopup .ddList .ddItem:not(.disabled):not(.noHover):hover .ddCheckbox,
  .ddContainer .ddPopup .ddList .ddProductItem:not(.disabled):not(.noHover):hover .ddCheckbox,
  .ddContainer .dtpPopup .ddList .ddProductItem:not(.disabled):not(.noHover):hover .ddCheckbox,
  .ddContainer .ddPopup .ddList .ddImageItem:not(.disabled):not(.noHover):hover .ddCheckbox,
  .ddContainer .dtpPopup .ddList .ddImageItem:not(.disabled):not(.noHover):hover .ddCheckbox,
  .ddContainer .ddPopup .ddList .ddCategoryItem:not(.disabled):not(.noHover):hover .ddCheckbox,
  .ddContainer .dtpPopup .ddList .ddCategoryItem:not(.disabled):not(.noHover):hover .ddCheckbox,
  .ddContainer .ddPopup .ddList .ddItem.selected .ddCheckbox,
  .ddContainer .dtpPopup .ddList .ddItem.selected .ddCheckbox,
  .ddContainer .ddPopup .ddList .ddProductItem.selected .ddCheckbox,
  .ddContainer .dtpPopup .ddList .ddProductItem.selected .ddCheckbox,
  .ddContainer .ddPopup .ddList .ddImageItem.selected .ddCheckbox,
  .ddContainer .dtpPopup .ddList .ddImageItem.selected .ddCheckbox,
  .ddContainer .ddPopup .ddList .ddCategoryItem.selected .ddCheckbox,
  .ddContainer .dtpPopup .ddList .ddCategoryItem.selected .ddCheckbox {
    background-image: url(/d27384406db9338a8efa.png);
    background-size: 100% 100%;
  }
}
.ddContainer .ddPopup .ddList .ddItem:not(.disabled):not(.noHover):hover .ddCheckbox,
.ddContainer .dtpPopup .ddList .ddItem:not(.disabled):not(.noHover):hover .ddCheckbox,
.ddContainer .ddPopup .ddList .ddProductItem:not(.disabled):not(.noHover):hover .ddCheckbox,
.ddContainer .dtpPopup .ddList .ddProductItem:not(.disabled):not(.noHover):hover .ddCheckbox,
.ddContainer .ddPopup .ddList .ddImageItem:not(.disabled):not(.noHover):hover .ddCheckbox,
.ddContainer .dtpPopup .ddList .ddImageItem:not(.disabled):not(.noHover):hover .ddCheckbox,
.ddContainer .ddPopup .ddList .ddCategoryItem:not(.disabled):not(.noHover):hover .ddCheckbox,
.ddContainer .dtpPopup .ddList .ddCategoryItem:not(.disabled):not(.noHover):hover .ddCheckbox {
  width: 18px;
  height: 18px;
  background-size: 18px 18px;
}
.ddContainer .ddPopup .ddList .ddItem.disabled,
.ddContainer .dtpPopup .ddList .ddItem.disabled,
.ddContainer .ddPopup .ddList .ddProductItem.disabled,
.ddContainer .dtpPopup .ddList .ddProductItem.disabled,
.ddContainer .ddPopup .ddList .ddImageItem.disabled,
.ddContainer .dtpPopup .ddList .ddImageItem.disabled,
.ddContainer .ddPopup .ddList .ddCategoryItem.disabled,
.ddContainer .dtpPopup .ddList .ddCategoryItem.disabled {
  padding-right: 93px;
  cursor: auto;
}
.ddContainer .ddPopup .ddList .ddItem.disabled .ddTaken,
.ddContainer .dtpPopup .ddList .ddItem.disabled .ddTaken,
.ddContainer .ddPopup .ddList .ddProductItem.disabled .ddTaken,
.ddContainer .dtpPopup .ddList .ddProductItem.disabled .ddTaken,
.ddContainer .ddPopup .ddList .ddImageItem.disabled .ddTaken,
.ddContainer .dtpPopup .ddList .ddImageItem.disabled .ddTaken,
.ddContainer .ddPopup .ddList .ddCategoryItem.disabled .ddTaken,
.ddContainer .dtpPopup .ddList .ddCategoryItem.disabled .ddTaken {
  margin-right: -55px;
}
.ddContainer .ddPopup .ddList .ddItem.disabled .ddCheckbox,
.ddContainer .dtpPopup .ddList .ddItem.disabled .ddCheckbox,
.ddContainer .ddPopup .ddList .ddProductItem.disabled .ddCheckbox,
.ddContainer .dtpPopup .ddList .ddProductItem.disabled .ddCheckbox,
.ddContainer .ddPopup .ddList .ddImageItem.disabled .ddCheckbox,
.ddContainer .dtpPopup .ddList .ddImageItem.disabled .ddCheckbox,
.ddContainer .ddPopup .ddList .ddCategoryItem.disabled .ddCheckbox,
.ddContainer .dtpPopup .ddList .ddCategoryItem.disabled .ddCheckbox {
  margin-right: -78px;
}
.ddContainer .ddPopup .ddList .ddItem.disabled .ddCheckbox,
.ddContainer .dtpPopup .ddList .ddItem.disabled .ddCheckbox,
.ddContainer .ddPopup .ddList .ddProductItem.disabled .ddCheckbox,
.ddContainer .dtpPopup .ddList .ddProductItem.disabled .ddCheckbox,
.ddContainer .ddPopup .ddList .ddImageItem.disabled .ddCheckbox,
.ddContainer .dtpPopup .ddList .ddImageItem.disabled .ddCheckbox,
.ddContainer .ddPopup .ddList .ddCategoryItem.disabled .ddCheckbox,
.ddContainer .dtpPopup .ddList .ddCategoryItem.disabled .ddCheckbox {
  background-image: url(/607c664016da2816dc16.png);
}
@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .ddContainer .ddPopup .ddList .ddItem.disabled .ddCheckbox,
  .ddContainer .dtpPopup .ddList .ddItem.disabled .ddCheckbox,
  .ddContainer .ddPopup .ddList .ddProductItem.disabled .ddCheckbox,
  .ddContainer .dtpPopup .ddList .ddProductItem.disabled .ddCheckbox,
  .ddContainer .ddPopup .ddList .ddImageItem.disabled .ddCheckbox,
  .ddContainer .dtpPopup .ddList .ddImageItem.disabled .ddCheckbox,
  .ddContainer .ddPopup .ddList .ddCategoryItem.disabled .ddCheckbox,
  .ddContainer .dtpPopup .ddList .ddCategoryItem.disabled .ddCheckbox {
    background-image: url(/5d2d855d17e21af60f1f.png);
    background-size: 100% 100%;
  }
}
.ddContainer .ddPopup .ddList .ddItem.searchHide,
.ddContainer .dtpPopup .ddList .ddItem.searchHide,
.ddContainer .ddPopup .ddList .ddProductItem.searchHide,
.ddContainer .dtpPopup .ddList .ddProductItem.searchHide,
.ddContainer .ddPopup .ddList .ddImageItem.searchHide,
.ddContainer .dtpPopup .ddList .ddImageItem.searchHide,
.ddContainer .ddPopup .ddList .ddCategoryItem.searchHide,
.ddContainer .dtpPopup .ddList .ddCategoryItem.searchHide {
  display: none;
}
.ddContainer .ddPopup .ddList .ddItem.collection,
.ddContainer .dtpPopup .ddList .ddItem.collection,
.ddContainer .ddPopup .ddList .ddProductItem.collection,
.ddContainer .dtpPopup .ddList .ddProductItem.collection,
.ddContainer .ddPopup .ddList .ddImageItem.collection,
.ddContainer .dtpPopup .ddList .ddImageItem.collection,
.ddContainer .ddPopup .ddList .ddCategoryItem.collection,
.ddContainer .dtpPopup .ddList .ddCategoryItem.collection {
  cursor: initial;
  position: relative;
}
.ddContainer .ddPopup .ddList .ddItem.collection .ddAddProductButtonContainer,
.ddContainer .dtpPopup .ddList .ddItem.collection .ddAddProductButtonContainer,
.ddContainer .ddPopup .ddList .ddProductItem.collection .ddAddProductButtonContainer,
.ddContainer .dtpPopup .ddList .ddProductItem.collection .ddAddProductButtonContainer,
.ddContainer .ddPopup .ddList .ddImageItem.collection .ddAddProductButtonContainer,
.ddContainer .dtpPopup .ddList .ddImageItem.collection .ddAddProductButtonContainer,
.ddContainer .ddPopup .ddList .ddCategoryItem.collection .ddAddProductButtonContainer,
.ddContainer .dtpPopup .ddList .ddCategoryItem.collection .ddAddProductButtonContainer {
  margin-right: 3vmin;
  margin-top: 0.6vmin;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddList .ddItem.collection .ddAddProductButtonContainer,
  .ddContainer .dtpPopup .ddList .ddItem.collection .ddAddProductButtonContainer,
  .ddContainer .ddPopup .ddList .ddProductItem.collection .ddAddProductButtonContainer,
  .ddContainer .dtpPopup .ddList .ddProductItem.collection .ddAddProductButtonContainer,
  .ddContainer .ddPopup .ddList .ddImageItem.collection .ddAddProductButtonContainer,
  .ddContainer .dtpPopup .ddList .ddImageItem.collection .ddAddProductButtonContainer,
  .ddContainer .ddPopup .ddList .ddCategoryItem.collection .ddAddProductButtonContainer,
  .ddContainer .dtpPopup .ddList .ddCategoryItem.collection .ddAddProductButtonContainer {
    margin-right: 19.8px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddList .ddItem.collection .ddAddProductButtonContainer,
  .ddContainer .dtpPopup .ddList .ddItem.collection .ddAddProductButtonContainer,
  .ddContainer .ddPopup .ddList .ddProductItem.collection .ddAddProductButtonContainer,
  .ddContainer .dtpPopup .ddList .ddProductItem.collection .ddAddProductButtonContainer,
  .ddContainer .ddPopup .ddList .ddImageItem.collection .ddAddProductButtonContainer,
  .ddContainer .dtpPopup .ddList .ddImageItem.collection .ddAddProductButtonContainer,
  .ddContainer .ddPopup .ddList .ddCategoryItem.collection .ddAddProductButtonContainer,
  .ddContainer .dtpPopup .ddList .ddCategoryItem.collection .ddAddProductButtonContainer {
    margin-right: 19.8px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddList .ddItem.collection .ddAddProductButtonContainer,
  .ddContainer .dtpPopup .ddList .ddItem.collection .ddAddProductButtonContainer,
  .ddContainer .ddPopup .ddList .ddProductItem.collection .ddAddProductButtonContainer,
  .ddContainer .dtpPopup .ddList .ddProductItem.collection .ddAddProductButtonContainer,
  .ddContainer .ddPopup .ddList .ddImageItem.collection .ddAddProductButtonContainer,
  .ddContainer .dtpPopup .ddList .ddImageItem.collection .ddAddProductButtonContainer,
  .ddContainer .ddPopup .ddList .ddCategoryItem.collection .ddAddProductButtonContainer,
  .ddContainer .dtpPopup .ddList .ddCategoryItem.collection .ddAddProductButtonContainer {
    margin-top: 3.96px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddList .ddItem.collection .ddAddProductButtonContainer,
  .ddContainer .dtpPopup .ddList .ddItem.collection .ddAddProductButtonContainer,
  .ddContainer .ddPopup .ddList .ddProductItem.collection .ddAddProductButtonContainer,
  .ddContainer .dtpPopup .ddList .ddProductItem.collection .ddAddProductButtonContainer,
  .ddContainer .ddPopup .ddList .ddImageItem.collection .ddAddProductButtonContainer,
  .ddContainer .dtpPopup .ddList .ddImageItem.collection .ddAddProductButtonContainer,
  .ddContainer .ddPopup .ddList .ddCategoryItem.collection .ddAddProductButtonContainer,
  .ddContainer .dtpPopup .ddList .ddCategoryItem.collection .ddAddProductButtonContainer {
    margin-top: 3.96px;
  }
}
.ddContainer .ddPopup .ddList .ddItem.navigation,
.ddContainer .dtpPopup .ddList .ddItem.navigation,
.ddContainer .ddPopup .ddList .ddProductItem.navigation,
.ddContainer .dtpPopup .ddList .ddProductItem.navigation,
.ddContainer .ddPopup .ddList .ddImageItem.navigation,
.ddContainer .dtpPopup .ddList .ddImageItem.navigation,
.ddContainer .ddPopup .ddList .ddCategoryItem.navigation,
.ddContainer .dtpPopup .ddList .ddCategoryItem.navigation {
  line-height: 7.3vmin;
  height: 7.3vmin;
  padding: 0 3.6vmin 0 3vmin;
  border-bottom: 0.1vmin solid #F3F3F3;
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddList .ddItem.navigation,
  .ddContainer .dtpPopup .ddList .ddItem.navigation,
  .ddContainer .ddPopup .ddList .ddProductItem.navigation,
  .ddContainer .dtpPopup .ddList .ddProductItem.navigation,
  .ddContainer .ddPopup .ddList .ddImageItem.navigation,
  .ddContainer .dtpPopup .ddList .ddImageItem.navigation,
  .ddContainer .ddPopup .ddList .ddCategoryItem.navigation,
  .ddContainer .dtpPopup .ddList .ddCategoryItem.navigation {
    line-height: 48.18px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddList .ddItem.navigation,
  .ddContainer .dtpPopup .ddList .ddItem.navigation,
  .ddContainer .ddPopup .ddList .ddProductItem.navigation,
  .ddContainer .dtpPopup .ddList .ddProductItem.navigation,
  .ddContainer .ddPopup .ddList .ddImageItem.navigation,
  .ddContainer .dtpPopup .ddList .ddImageItem.navigation,
  .ddContainer .ddPopup .ddList .ddCategoryItem.navigation,
  .ddContainer .dtpPopup .ddList .ddCategoryItem.navigation {
    line-height: 48.18px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddList .ddItem.navigation,
  .ddContainer .dtpPopup .ddList .ddItem.navigation,
  .ddContainer .ddPopup .ddList .ddProductItem.navigation,
  .ddContainer .dtpPopup .ddList .ddProductItem.navigation,
  .ddContainer .ddPopup .ddList .ddImageItem.navigation,
  .ddContainer .dtpPopup .ddList .ddImageItem.navigation,
  .ddContainer .ddPopup .ddList .ddCategoryItem.navigation,
  .ddContainer .dtpPopup .ddList .ddCategoryItem.navigation {
    height: 48.18px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddList .ddItem.navigation,
  .ddContainer .dtpPopup .ddList .ddItem.navigation,
  .ddContainer .ddPopup .ddList .ddProductItem.navigation,
  .ddContainer .dtpPopup .ddList .ddProductItem.navigation,
  .ddContainer .ddPopup .ddList .ddImageItem.navigation,
  .ddContainer .dtpPopup .ddList .ddImageItem.navigation,
  .ddContainer .ddPopup .ddList .ddCategoryItem.navigation,
  .ddContainer .dtpPopup .ddList .ddCategoryItem.navigation {
    height: 48.18px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddList .ddItem.navigation,
  .ddContainer .dtpPopup .ddList .ddItem.navigation,
  .ddContainer .ddPopup .ddList .ddProductItem.navigation,
  .ddContainer .dtpPopup .ddList .ddProductItem.navigation,
  .ddContainer .ddPopup .ddList .ddImageItem.navigation,
  .ddContainer .dtpPopup .ddList .ddImageItem.navigation,
  .ddContainer .ddPopup .ddList .ddCategoryItem.navigation,
  .ddContainer .dtpPopup .ddList .ddCategoryItem.navigation {
    padding:  0 23.76px 0 19.8px;
  }
}
.ddContainer .ddPopup .ddList .ddItem.navigation .ddItemTitleText,
.ddContainer .dtpPopup .ddList .ddItem.navigation .ddItemTitleText,
.ddContainer .ddPopup .ddList .ddProductItem.navigation .ddItemTitleText,
.ddContainer .dtpPopup .ddList .ddProductItem.navigation .ddItemTitleText,
.ddContainer .ddPopup .ddList .ddImageItem.navigation .ddItemTitleText,
.ddContainer .dtpPopup .ddList .ddImageItem.navigation .ddItemTitleText,
.ddContainer .ddPopup .ddList .ddCategoryItem.navigation .ddItemTitleText,
.ddContainer .dtpPopup .ddList .ddCategoryItem.navigation .ddItemTitleText {
  text-transform: none;
  font-variant: normal;
  float: left;
}
.ddContainer .ddPopup .ddList .ddProductItem .ddItemText,
.ddContainer .dtpPopup .ddList .ddProductItem .ddItemText,
.ddContainer .ddPopup .ddList .ddImageItem .ddItemText,
.ddContainer .dtpPopup .ddList .ddImageItem .ddItemText,
.ddContainer .ddPopup .ddList .ddCategoryItem .ddItemText,
.ddContainer .dtpPopup .ddList .ddCategoryItem .ddItemText {
  text-transform: capitalize;
  line-height: 1.29;
  max-width: 30vmin;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddList .ddProductItem .ddItemText,
  .ddContainer .dtpPopup .ddList .ddProductItem .ddItemText,
  .ddContainer .ddPopup .ddList .ddImageItem .ddItemText,
  .ddContainer .dtpPopup .ddList .ddImageItem .ddItemText,
  .ddContainer .ddPopup .ddList .ddCategoryItem .ddItemText,
  .ddContainer .dtpPopup .ddList .ddCategoryItem .ddItemText {
    max-width: 198px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddList .ddProductItem .ddItemText,
  .ddContainer .dtpPopup .ddList .ddProductItem .ddItemText,
  .ddContainer .ddPopup .ddList .ddImageItem .ddItemText,
  .ddContainer .dtpPopup .ddList .ddImageItem .ddItemText,
  .ddContainer .ddPopup .ddList .ddCategoryItem .ddItemText,
  .ddContainer .dtpPopup .ddList .ddCategoryItem .ddItemText {
    max-width: 198px;
  }
}
.ddContainer .ddPopup .ddList .ddProductItem .ddItemIDText,
.ddContainer .dtpPopup .ddList .ddProductItem .ddItemIDText,
.ddContainer .ddPopup .ddList .ddImageItem .ddItemIDText,
.ddContainer .dtpPopup .ddList .ddImageItem .ddItemIDText,
.ddContainer .ddPopup .ddList .ddCategoryItem .ddItemIDText,
.ddContainer .dtpPopup .ddList .ddCategoryItem .ddItemIDText {
  line-height: normal;
}
.ddContainer .ddPopup .ddList .ddItem,
.ddContainer .dtpPopup .ddList .ddItem {
  position: relative;
  line-height: normal;
}
.ddContainer .ddPopup .ddList .ddCategoryItem,
.ddContainer .dtpPopup .ddList .ddCategoryItem {
  height: 4.3vmin;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddList .ddCategoryItem,
  .ddContainer .dtpPopup .ddList .ddCategoryItem {
    height: 28.38px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddList .ddCategoryItem,
  .ddContainer .dtpPopup .ddList .ddCategoryItem {
    height: 28.38px;
  }
}
.ddContainer .ddPopup .ddList .ddCategoryItem .ddCheckbox,
.ddContainer .dtpPopup .ddList .ddCategoryItem .ddCheckbox {
  margin-top: 1vmin;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddList .ddCategoryItem .ddCheckbox,
  .ddContainer .dtpPopup .ddList .ddCategoryItem .ddCheckbox {
    margin-top: 6.6px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddList .ddCategoryItem .ddCheckbox,
  .ddContainer .dtpPopup .ddList .ddCategoryItem .ddCheckbox {
    margin-top: 6.6px;
  }
}
.ddContainer .ddPopup .ddList.collection,
.ddContainer .dtpPopup .ddList.collection {
  padding-bottom: 0px;
}
.ddContainer .ddPopup .ddList.navigation,
.ddContainer .dtpPopup .ddList.navigation {
  padding: 0px;
}
.ddContainer .ddPopup .ddList .ddAddProductButtonContainer,
.ddContainer .dtpPopup .ddList .ddAddProductButtonContainer {
  position: absolute;
  cursor: pointer;
  right: 0;
}
.ddContainer .ddPopup .ddDoneButton,
.ddContainer .dtpPopup .ddDoneButton {
  width: 100%;
  z-index: 100;
  display: block;
  border-radius: 0 0 0.9vmin 0.9vmin;
  background-color: #D8D8D8;
  cursor: default;
  pointer-events: none;
}
.ddContainer .ddPopup .ddDoneButton.active,
.ddContainer .dtpPopup .ddDoneButton.active {
  cursor: pointer;
  background-color: #7ED321;
  pointer-events: auto;
}
.ddContainer .ddPopup .ddDoneButton.gluedBottom,
.ddContainer .dtpPopup .ddDoneButton.gluedBottom {
  position: absolute;
  bottom: 0;
}
.ddContainer .ddPopup .ddDoneButton.draftsButton,
.ddContainer .dtpPopup .ddDoneButton.draftsButton {
  text-transform: uppercase;
  font-size: 2.1vmin;
  height: 6vmin;
  letter-spacing: 0.21vmin;
  font-weight: 500;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddDoneButton.draftsButton,
  .ddContainer .dtpPopup .ddDoneButton.draftsButton {
    font-size: 13.86px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddDoneButton.draftsButton,
  .ddContainer .dtpPopup .ddDoneButton.draftsButton {
    font-size: 13.86px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddDoneButton.draftsButton,
  .ddContainer .dtpPopup .ddDoneButton.draftsButton {
    height: 39.6px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddDoneButton.draftsButton,
  .ddContainer .dtpPopup .ddDoneButton.draftsButton {
    height: 39.6px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddDoneButton.draftsButton,
  .ddContainer .dtpPopup .ddDoneButton.draftsButton {
    letter-spacing: 1.386px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddDoneButton.draftsButton,
  .ddContainer .dtpPopup .ddDoneButton.draftsButton {
    letter-spacing: 1.386px;
  }
}
.ddContainer .ddPopup .noTopSpace,
.ddContainer .dtpPopup .noTopSpace {
  margin-top: 0;
}
.ddContainer .ddPopup .noTopBorder,
.ddContainer .dtpPopup .noTopBorder {
  border-top: none;
}
.ddPopup {
  z-index: 1000;
}
.ddContainer .ddPopup .ddListHeader {
  background-color: white;
  height: 7vmin;
  border-bottom: 1px solid #E2E2E2;
  border-radius: 0.9vmin 0.9vmin 0 0;
  z-index: 1000;
  line-height: normal;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddListHeader {
    height: 46.2px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddListHeader {
    height: 46.2px;
  }
}
.ddContainer .ddPopup .ddList .ddItem .ddTaken,
.ddContainer .ddPopup .ddList .ddItem.selected .ddTaken {
  max-width: 60%;
  width: auto;
}
.ddContainer .ddPopup .ddList .ddItem .ddCheckbox,
.ddContainer .ddPopup .ddList .ddItem.selected .ddCheckbox {
  position: absolute;
  right: 0;
  margin-right: 1.5vmin;
  width: 1.8vmin;
  height: 1.8vmin;
  background-size: 1.7vmin;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddList .ddItem .ddCheckbox,
  .ddContainer .ddPopup .ddList .ddItem.selected .ddCheckbox {
    margin-right: 9.9px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddList .ddItem .ddCheckbox,
  .ddContainer .ddPopup .ddList .ddItem.selected .ddCheckbox {
    margin-right: 9.9px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddList .ddItem .ddCheckbox,
  .ddContainer .ddPopup .ddList .ddItem.selected .ddCheckbox {
    width: 11.88px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddList .ddItem .ddCheckbox,
  .ddContainer .ddPopup .ddList .ddItem.selected .ddCheckbox {
    width: 11.88px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddList .ddItem .ddCheckbox,
  .ddContainer .ddPopup .ddList .ddItem.selected .ddCheckbox {
    height: 11.88px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddList .ddItem .ddCheckbox,
  .ddContainer .ddPopup .ddList .ddItem.selected .ddCheckbox {
    height: 11.88px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddList .ddItem .ddCheckbox,
  .ddContainer .ddPopup .ddList .ddItem.selected .ddCheckbox {
    background-size: 11.22px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddList .ddItem .ddCheckbox,
  .ddContainer .ddPopup .ddList .ddItem.selected .ddCheckbox {
    background-size: 11.22px;
  }
}
.ddContainer .ddPopup .ddList .ddItem.current,
.ddContainer .ddPopup .ddList .ddItem.selected.current {
  margin-bottom: 2.5vmin;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddList .ddItem.current,
  .ddContainer .ddPopup .ddList .ddItem.selected.current {
    margin-bottom: 16.5px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddList .ddItem.current,
  .ddContainer .ddPopup .ddList .ddItem.selected.current {
    margin-bottom: 16.5px;
  }
}
.ddContainer .ddPopup .ddList .ddItem.current p,
.ddContainer .ddPopup .ddList .ddItem.selected.current p {
  font-size: 1.1vmin;
  margin-top: 0;
  text-transform: none;
  font-variant: normal;
  font-weight: normal;
  color: #929292;
  padding-bottom: 0;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddList .ddItem.current p,
  .ddContainer .ddPopup .ddList .ddItem.selected.current p {
    font-size: 7.26px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddList .ddItem.current p,
  .ddContainer .ddPopup .ddList .ddItem.selected.current p {
    font-size: 7.26px;
  }
}
.ddContainer .ddPopup .ddList .ddItem:hover {
  cursor: pointer;
  background-color: white;
}
.ddContainer .ddPopup .ddList .ddItem:hover .ddCheckbox {
  width: 1.8vmin;
  height: 1.8vmin;
  background-size: 1.7vmin;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddList .ddItem:hover .ddCheckbox {
    width: 11.88px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddList .ddItem:hover .ddCheckbox {
    width: 11.88px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddList .ddItem:hover .ddCheckbox {
    height: 11.88px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddList .ddItem:hover .ddCheckbox {
    height: 11.88px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddList .ddItem:hover .ddCheckbox {
    background-size: 11.22px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddList .ddItem:hover .ddCheckbox {
    background-size: 11.22px;
  }
}
.ddContainer .ddPopup .ddList .ddItem:not(.disabled):not(.noHover):hover .ddCheckbox {
  width: 1.8vmin;
  height: 1.8vmin;
  background-size: 1.7vmin;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddList .ddItem:not(.disabled):not(.noHover):hover .ddCheckbox {
    width: 11.88px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddList .ddItem:not(.disabled):not(.noHover):hover .ddCheckbox {
    width: 11.88px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddList .ddItem:not(.disabled):not(.noHover):hover .ddCheckbox {
    height: 11.88px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddList .ddItem:not(.disabled):not(.noHover):hover .ddCheckbox {
    height: 11.88px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddList .ddItem:not(.disabled):not(.noHover):hover .ddCheckbox {
    background-size: 11.22px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddList .ddItem:not(.disabled):not(.noHover):hover .ddCheckbox {
    background-size: 11.22px;
  }
}
.ddContainer .ddArrow,
.tileMenuContainer .ddArrow,
.tip .ddArrow,
.popOverContainer .ddArrow,
.dtpWrapper .ddArrow {
  position: absolute;
  -webkit-transition: background-color 0.4s ease-in-out;
  -moz-transition: background-color 0.4s ease-in-out;
  -ms-transition: background-color 0.4s ease-in-out;
  -o-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out;
  width: 1.5vmin;
  height: 1.5vmin;
  border-radius: 0.3vmin;
  background-color: #ffffff;
  -webkit-box-shadow: 0.2vmin 0.2vmin 0.2vmin 0 rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0.2vmin 0.2vmin 0.2vmin 0 rgba(0, 0, 0, 0.14);
  -ms-box-shadow: 0.2vmin 0.2vmin 0.2vmin 0 rgba(0, 0, 0, 0.14);
  -o-box-shadow: 0.2vmin 0.2vmin 0.2vmin 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0.2vmin 0.2vmin 0.2vmin 0 rgba(0, 0, 0, 0.14);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
@media (max-height: 660px) {
  .ddContainer .ddArrow,
  .tileMenuContainer .ddArrow,
  .tip .ddArrow,
  .popOverContainer .ddArrow,
  .dtpWrapper .ddArrow {
    width: 9.9px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddArrow,
  .tileMenuContainer .ddArrow,
  .tip .ddArrow,
  .popOverContainer .ddArrow,
  .dtpWrapper .ddArrow {
    width: 9.9px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddArrow,
  .tileMenuContainer .ddArrow,
  .tip .ddArrow,
  .popOverContainer .ddArrow,
  .dtpWrapper .ddArrow {
    height: 9.9px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddArrow,
  .tileMenuContainer .ddArrow,
  .tip .ddArrow,
  .popOverContainer .ddArrow,
  .dtpWrapper .ddArrow {
    height: 9.9px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddArrow,
  .tileMenuContainer .ddArrow,
  .tip .ddArrow,
  .popOverContainer .ddArrow,
  .dtpWrapper .ddArrow {
    border-radius: 1.98px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddArrow,
  .tileMenuContainer .ddArrow,
  .tip .ddArrow,
  .popOverContainer .ddArrow,
  .dtpWrapper .ddArrow {
    border-radius: 1.98px;
  }
}
.ddContainer .ddArrow.arrowTop,
.tileMenuContainer .ddArrow.arrowTop,
.tip .ddArrow.arrowTop,
.popOverContainer .ddArrow.arrowTop,
.dtpWrapper .ddArrow.arrowTop {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -webkit-box-shadow: -0.1vmin -0.1vmin 0.1vmin 0vmin rgba(0, 0, 0, 0.11);
  -moz-box-shadow: -0.1vmin -0.1vmin 0.1vmin 0vmin rgba(0, 0, 0, 0.11);
  -ms-box-shadow: -0.1vmin -0.1vmin 0.1vmin 0vmin rgba(0, 0, 0, 0.11);
  -o-box-shadow: -0.1vmin -0.1vmin 0.1vmin 0vmin rgba(0, 0, 0, 0.11);
  box-shadow: -0.1vmin -0.1vmin 0.1vmin 0vmin rgba(0, 0, 0, 0.11);
  left: 50%;
  top: 0;
}
.ddContainer .ddArrow.arrowBottom,
.tileMenuContainer .ddArrow.arrowBottom,
.tip .ddArrow.arrowBottom,
.popOverContainer .ddArrow.arrowBottom,
.dtpWrapper .ddArrow.arrowBottom {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -webkit-box-shadow: 0.2vmin 0.2vmin 0.2vmin 0 rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0.2vmin 0.2vmin 0.2vmin 0 rgba(0, 0, 0, 0.14);
  -ms-box-shadow: 0.2vmin 0.2vmin 0.2vmin 0 rgba(0, 0, 0, 0.14);
  -o-box-shadow: 0.2vmin 0.2vmin 0.2vmin 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0.2vmin 0.2vmin 0.2vmin 0 rgba(0, 0, 0, 0.14);
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  left: 50%;
  background-color: #D8D8D8;
}
.ddContainer .ddArrow.arrowBottom.simple,
.tileMenuContainer .ddArrow.arrowBottom.simple,
.tip .ddArrow.arrowBottom.simple,
.popOverContainer .ddArrow.arrowBottom.simple,
.dtpWrapper .ddArrow.arrowBottom.simple {
  background-color: #FFFFFF;
}
.ddContainer .ddArrow.arrowBottom.active,
.tileMenuContainer .ddArrow.arrowBottom.active,
.tip .ddArrow.arrowBottom.active,
.popOverContainer .ddArrow.arrowBottom.active,
.dtpWrapper .ddArrow.arrowBottom.active {
  background-color: #7ED321;
}
.ddContainer .ddArrow.arrowLeft,
.tileMenuContainer .ddArrow.arrowLeft,
.tip .ddArrow.arrowLeft,
.popOverContainer .ddArrow.arrowLeft,
.dtpWrapper .ddArrow.arrowLeft {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -webkit-box-shadow: -0.2vmin 0.2vmin 0.2vmin -0.1vmin rgba(0, 0, 0, 0.14);
  -moz-box-shadow: -0.2vmin 0.2vmin 0.2vmin -0.1vmin rgba(0, 0, 0, 0.14);
  -ms-box-shadow: -0.2vmin 0.2vmin 0.2vmin -0.1vmin rgba(0, 0, 0, 0.14);
  -o-box-shadow: -0.2vmin 0.2vmin 0.2vmin -0.1vmin rgba(0, 0, 0, 0.14);
  box-shadow: -0.2vmin 0.2vmin 0.2vmin -0.1vmin rgba(0, 0, 0, 0.14);
  top: 50%;
}
.ddContainer .ddPopup .ddListHeader {
  border-bottom: none;
  height: auto;
  text-align: center;
}
.ddContainer .ddPopup .ddListHeader .ddListHeaderTitle {
  padding-top: 1.8vmin;
  font-weight: 400;
  line-height: normal;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddListHeader .ddListHeaderTitle {
    padding-top: 11.88px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddListHeader .ddListHeaderTitle {
    padding-top: 11.88px;
  }
}
.ddContainer .ddPopup .ddListHeader .ddListHeaderSubtitle {
  padding-top: 0.2vmin;
  line-height: normal;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddListHeader .ddListHeaderSubtitle {
    padding-top: 1.32px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddListHeader .ddListHeaderSubtitle {
    padding-top: 1.32px;
  }
}
.ddContainer .ddPopup .ddListHeader .ddListHeaderSubtitle.dividerBottom {
  border-bottom: 1px solid #E2E2E2;
  padding-bottom: 2vmin;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddListHeader .ddListHeaderSubtitle.dividerBottom {
    padding-bottom: 13.2px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddListHeader .ddListHeaderSubtitle.dividerBottom {
    padding-bottom: 13.2px;
  }
}
.ddContainer .ddPopup .ddList .ddItem .ddItemText img {
  width: 3vmin;
  padding-right: 1.5vmin;
  padding-bottom: 0.5vmin;
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddList .ddItem .ddItemText img {
    width: 19.8px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddList .ddItem .ddItemText img {
    width: 19.8px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddList .ddItem .ddItemText img {
    padding-right: 9.9px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddList .ddItem .ddItemText img {
    padding-right: 9.9px;
  }
}
@media (max-height: 660px) {
  .ddContainer .ddPopup .ddList .ddItem .ddItemText img {
    padding-bottom: 3.3px;
  }
}
@media (max-width: 660px) {
  .ddContainer .ddPopup .ddList .ddItem .ddItemText img {
    padding-bottom: 3.3px;
  }
}
.ddContainer .ddPopup .ddDoneButton.draftsButton {
  border-radius: 0;
}
/* Date Time Picker (dtp) */
.dtpWrapper {
  width: 30vmin;
  /*
      dtpOldPopup is specific made only for the setting-tile-schedule-container in order to 
      overwrite some css that are coming from the ComponentCalendar CSS
    */
}
@media (max-height: 660px) {
  .dtpWrapper {
    width: 198px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper {
    width: 198px;
  }
}
.dtpWrapper .ddBtn {
  width: 30vmin;
}
@media (max-height: 660px) {
  .dtpWrapper .ddBtn {
    width: 198px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .ddBtn {
    width: 198px;
  }
}
.dtpWrapper .ddArrow.arrowBottom {
  left: 35%;
}
.dtpWrapper .dtpOldPopup {
  position: relative;
  width: 45vmin !important;
  left: 35% !important;
}
@media (max-height: 660px) {
  .dtpWrapper .dtpOldPopup {
    width:  297px !important;
  }
}
.dtpWrapper .dtpPopup {
  position: relative;
  width: 45vmin;
  border-radius: 0.9vmin;
  height: 0;
  left: 35%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: white;
  -webkit-box-shadow: 0 0.1vmin 0.8vmin 0 rgba(0, 0, 0, 0.17);
  -moz-box-shadow: 0 0.1vmin 0.8vmin 0 rgba(0, 0, 0, 0.17);
  -ms-box-shadow: 0 0.1vmin 0.8vmin 0 rgba(0, 0, 0, 0.17);
  -o-box-shadow: 0 0.1vmin 0.8vmin 0 rgba(0, 0, 0, 0.17);
  box-shadow: 0 0.1vmin 0.8vmin 0 rgba(0, 0, 0, 0.17);
  overflow: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup {
    width: 297px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup {
    width: 297px;
  }
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup {
    border-radius: 5.94px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup {
    border-radius: 5.94px;
  }
}
.dtpWrapper .dtpPopup .dtpPopupHeader {
  height: 2.8vmin;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 2.4vmin;
  width: 19.7vmin;
  margin: 0 auto;
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupHeader {
    height: 18.48px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupHeader {
    height: 18.48px;
  }
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupHeader {
    padding-top: 15.84px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupHeader {
    padding-top: 15.84px;
  }
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupHeader {
    width: 130.02px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupHeader {
    width: 130.02px;
  }
}
.dtpWrapper .dtpPopup .dtpPopupHeader .dtpPopupHeaderTitle {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  white-space: nowrap;
}
.dtpWrapper .dtpPopup .dtpPopupHeader .dtpPopupHeaderRightButton,
.dtpWrapper .dtpPopup .dtpPopupHeader .dtpPopupHeaderLeftButton {
  width: 1vmin;
  padding-top: 0.7vmin;
  cursor: pointer;
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupHeader .dtpPopupHeaderRightButton,
  .dtpWrapper .dtpPopup .dtpPopupHeader .dtpPopupHeaderLeftButton {
    width: 6.6px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupHeader .dtpPopupHeaderRightButton,
  .dtpWrapper .dtpPopup .dtpPopupHeader .dtpPopupHeaderLeftButton {
    width: 6.6px;
  }
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupHeader .dtpPopupHeaderRightButton,
  .dtpWrapper .dtpPopup .dtpPopupHeader .dtpPopupHeaderLeftButton {
    padding-top: 4.62px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupHeader .dtpPopupHeaderRightButton,
  .dtpWrapper .dtpPopup .dtpPopupHeader .dtpPopupHeaderLeftButton {
    padding-top: 4.62px;
  }
}
.dtpWrapper .dtpPopup .dtpPopupHeader .dtpPopupHeaderRightButton .inactive,
.dtpWrapper .dtpPopup .dtpPopupHeader .dtpPopupHeaderLeftButton .inactive {
  opacity: 0.4;
}
.dtpWrapper .dtpPopup .dtpPopupHeader .dtpPopupHeaderRightButton {
  float: right;
}
.dtpWrapper .dtpPopup .dtpPopupHeader .dtpPopupHeaderLeftButton {
  padding-right: 1vmin;
  float: left;
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupHeader .dtpPopupHeaderLeftButton {
    padding-right: 6.6px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupHeader .dtpPopupHeaderLeftButton {
    padding-right: 6.6px;
  }
}
.dtpWrapper .dtpPopup .dtpPopupHeader .dtpPopupArrowContainer {
  display: inline-block;
  -webkit-mask-image: url(/06ae6629f306a92d5464.svg);
  -moz-mask-image: url(/06ae6629f306a92d5464.svg);
  -ms-mask-image: url(/06ae6629f306a92d5464.svg);
  -o-mask-image: url(/06ae6629f306a92d5464.svg);
  mask-image: url(/06ae6629f306a92d5464.svg);
  -webkit-mask-size: 100% 100%;
  -moz-mask-size: 100% 100%;
  -ms-mask-size: 100% 100%;
  -o-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -moz-mask-repeat: no-repeat;
  -ms-mask-repeat: no-repeat;
  -o-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: #718086;
  width: 1vmin;
  height: 1.5vmin;
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupHeader .dtpPopupArrowContainer {
    width: 6.6px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupHeader .dtpPopupArrowContainer {
    width: 6.6px;
  }
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupHeader .dtpPopupArrowContainer {
    height: 9.9px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupHeader .dtpPopupArrowContainer {
    height: 9.9px;
  }
}
.dtpWrapper .dtpPopup .dtpPopupHeader .dtpPopupArrowContainer.right {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.dtpWrapper .dtpPopup table {
  border-collapse: collapse;
  position: absolute;
  text-align: center;
  top: 14.3vmin;
  margin-left: 6%;
  margin-right: 6%;
  width: 88%;
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup table {
    top: 94.38px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup table {
    top: 94.38px;
  }
}
.dtpWrapper .dtpPopup table tr {
  font-weight: 400;
}
.dtpWrapper .dtpPopup table tr.header {
  border-bottom: 1px solid #fcfcfc;
}
.dtpWrapper .dtpPopup table tr th {
  text-transform: uppercase;
  color: #7ed1f3;
  padding-bottom: 0;
  font-weight: normal;
  font-size: 2.1vmin;
  padding-bottom: 0.8vmin;
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup table tr th {
    font-size: 13.86px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup table tr th {
    font-size: 13.86px;
  }
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup table tr th {
    padding-bottom: 5.28px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup table tr th {
    padding-bottom: 5.28px;
  }
}
.dtpWrapper .dtpPopup table tr td {
  font-size: 2vmin;
  padding-top: 0.7vmin;
  padding-bottom: 0.7vmin;
  line-height: normal;
  padding-left: 0;
  padding-right: 0;
  cursor: pointer;
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup table tr td {
    font-size: 13.2px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup table tr td {
    font-size: 13.2px;
  }
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup table tr td {
    padding-top: 4.62px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup table tr td {
    padding-top: 4.62px;
  }
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup table tr td {
    padding-bottom: 4.62px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup table tr td {
    padding-bottom: 4.62px;
  }
}
.dtpWrapper .dtpPopup table tr td.inactive {
  color: #CCCCCC;
  cursor: default;
}
.dtpWrapper .dtpPopup table tr td.active {
  position: relative;
  color: white;
}
.dtpWrapper .dtpPopup table tr td.active::before {
  content: '';
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #26A9FA;
  border-radius: 4.1vmin;
  height: 4.1vmin;
  width: 4.1vmin;
  top: -0.1vmin;
  z-index: -1;
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup table tr td.active::before {
    border-radius: 27.06px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup table tr td.active::before {
    border-radius: 27.06px;
  }
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup table tr td.active::before {
    height: 27.06px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup table tr td.active::before {
    height: 27.06px;
  }
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup table tr td.active::before {
    width: 27.06px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup table tr td.active::before {
    width: 27.06px;
  }
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup table tr td.active::before {
    top: -0.66px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup table tr td.active::before {
    top: -0.66px;
  }
}
.dtpWrapper .dtpPopup table tr td.active:first-child {
  margin-left: 0.6vmin;
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup table tr td.active:first-child {
    margin-left: 3.96px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup table tr td.active:first-child {
    margin-left: 3.96px;
  }
}
.dtpWrapper .dtpPopup .dtpPopupTimeContainer {
  background-color: #FFFFFF;
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  width: 100%;
  margin-top: 30.4vmin;
  height: 10.7vmin;
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer {
    margin-top: 200.64px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer {
    margin-top: 200.64px;
  }
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer {
    height: 70.62px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer {
    height: 70.62px;
  }
}
.dtpWrapper .dtpPopup .dtpPopupTimeContainer input[type=number]::-webkit-inner-spin-button,
.dtpWrapper .dtpPopup .dtpPopupTimeContainer input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.dtpWrapper .dtpPopup .dtpPopupTimeContainer .dtpPopupTimeInput {
  background-color: #FFFFFF;
  text-align: center;
  border: solid 1px #d8d8d8;
  width: 11.2vmin;
  height: 3.6vmin;
  border-radius: 0.9vmin;
  padding-top: 0.1vmin;
  padding-bottom: 0.1vmin;
  margin-bottom: 0.5vmin;
  margin-top: 1.2vmin;
  font-size: 2.1vmin;
  padding-right: 0;
  padding-left: 0;
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer .dtpPopupTimeInput {
    width: 73.92px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer .dtpPopupTimeInput {
    width: 73.92px;
  }
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer .dtpPopupTimeInput {
    height: 23.76px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer .dtpPopupTimeInput {
    height: 23.76px;
  }
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer .dtpPopupTimeInput {
    border-radius: 5.94px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer .dtpPopupTimeInput {
    border-radius: 5.94px;
  }
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer .dtpPopupTimeInput {
    padding-top: 0.66px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer .dtpPopupTimeInput {
    padding-top: 0.66px;
  }
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer .dtpPopupTimeInput {
    padding-bottom: 0.66px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer .dtpPopupTimeInput {
    padding-bottom: 0.66px;
  }
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer .dtpPopupTimeInput {
    margin-bottom: 3.3px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer .dtpPopupTimeInput {
    margin-bottom: 3.3px;
  }
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer .dtpPopupTimeInput {
    margin-top: 7.92px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer .dtpPopupTimeInput {
    margin-top: 7.92px;
  }
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer .dtpPopupTimeInput {
    font-size: 13.86px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer .dtpPopupTimeInput {
    font-size: 13.86px;
  }
}
.dtpWrapper .dtpPopup .dtpPopupTimeContainer .dtpPopupTimeInput.right {
  float: right;
  margin-right: 7.3vmin;
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer .dtpPopupTimeInput.right {
    margin-right: 48.18px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer .dtpPopupTimeInput.right {
    margin-right: 48.18px;
  }
}
.dtpWrapper .dtpPopup .dtpPopupTimeContainer .dtpPopupTimeInput.left {
  float: left;
  margin-left: 7.3vmin;
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer .dtpPopupTimeInput.left {
    margin-left: 48.18px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer .dtpPopupTimeInput.left {
    margin-left: 48.18px;
  }
}
.dtpWrapper .dtpPopup .dtpPopupTimeContainer span {
  position: absolute;
  font-size: 2vmin;
  margin-top: 1.6vmin;
  margin-right: 0;
  margin-bottom: 0.7vmin;
  margin-left: 0.9vmin;
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer span {
    font-size: 13.2px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer span {
    font-size: 13.2px;
  }
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer span {
    margin-top: 10.56px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer span {
    margin-top: 10.56px;
  }
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer span {
    margin-bottom: 4.62px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer span {
    margin-bottom: 4.62px;
  }
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer span {
    margin-left: 5.94px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer span {
    margin-left: 5.94px;
  }
}
.dtpWrapper .dtpPopup .dtpPopupTimeContainer h4 {
  text-align: center;
  text-transform: capitalize;
  line-height: normal;
  padding-top: 1.2vmin;
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer h4 {
    padding-top: 7.92px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupTimeContainer h4 {
    padding-top: 7.92px;
  }
}
.dtpWrapper .dtpPopup .dtpPopupFooter {
  width: 100%;
  text-align: center;
  font-weight: 200;
}
.dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterLeftButton,
.dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterCenterButton {
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 2.1vmin;
  line-height: 6.3vmin;
  float: none;
  width: 100%;
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterLeftButton,
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterCenterButton {
    font-size: 13.86px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterLeftButton,
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterCenterButton {
    font-size: 13.86px;
  }
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterLeftButton,
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterCenterButton {
    line-height: 41.58px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterLeftButton,
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterCenterButton {
    line-height: 41.58px;
  }
}
.dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterLeftButton .scheduleArrow,
.dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterCenterButton .scheduleArrow {
  float: right;
  position: relative;
  padding-top: 4.9vmin;
  right: 2.3vmin;
  -webkit-mask-image: url(/06ae6629f306a92d5464.svg);
  -moz-mask-image: url(/06ae6629f306a92d5464.svg);
  -ms-mask-image: url(/06ae6629f306a92d5464.svg);
  -o-mask-image: url(/06ae6629f306a92d5464.svg);
  mask-image: url(/06ae6629f306a92d5464.svg);
  -webkit-mask-size: 100% 100%;
  -moz-mask-size: 100% 100%;
  -ms-mask-size: 100% 100%;
  -o-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -moz-mask-repeat: no-repeat;
  -ms-mask-repeat: no-repeat;
  -o-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  width: 1vmin;
  height: 1.5vmin;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  background-color: #333333;
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterLeftButton .scheduleArrow,
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterCenterButton .scheduleArrow {
    padding-top: 32.34px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterLeftButton .scheduleArrow,
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterCenterButton .scheduleArrow {
    padding-top: 32.34px;
  }
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterLeftButton .scheduleArrow,
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterCenterButton .scheduleArrow {
    right: 15.18px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterLeftButton .scheduleArrow,
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterCenterButton .scheduleArrow {
    right: 15.18px;
  }
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterLeftButton .scheduleArrow,
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterCenterButton .scheduleArrow {
    width: 6.6px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterLeftButton .scheduleArrow,
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterCenterButton .scheduleArrow {
    width: 6.6px;
  }
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterLeftButton .scheduleArrow,
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterCenterButton .scheduleArrow {
    height: 9.9px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterLeftButton .scheduleArrow,
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterCenterButton .scheduleArrow {
    height: 9.9px;
  }
}
.dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterRightButton {
  float: none;
  width: 100%;
  line-height: 5.7vmin;
  height: 5.7vmin;
  border-radius: 0;
  cursor: pointer;
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterRightButton {
    line-height: 37.62px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterRightButton {
    line-height: 37.62px;
  }
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterRightButton {
    height: 37.62px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterRightButton {
    height: 37.62px;
  }
}
.dtpWrapper .dtpPopup.show {
  height: 65.1vmin;
  z-index: 10;
}
@media (max-height: 660px) {
  .dtpWrapper .dtpPopup.show {
    height: 429.66px;
  }
}
@media (max-width: 660px) {
  .dtpWrapper .dtpPopup.show {
    height: 429.66px;
  }
}
.dtpWrapper.left {
  left: 50%;
  margin-left: -120px;
}
.dtpWrapper.right {
  right: 50%;
  margin-right: -120px;
}
.tooltip .tooltip-arrow {
  border-right-color: #FFFFFF !important;
}
.tooltip .tooltip-inner {
  max-width: 250px;
  background-color: #FFFFFF !important;
}
.tooltip.right .tooltip-arrow {
  -webkit-box-shadow: -0.2vmin 0.2vmin 0.2vmin -0.1vmin rgba(0, 0, 0, 0.14);
  -moz-box-shadow: -0.2vmin 0.2vmin 0.2vmin -0.1vmin rgba(0, 0, 0, 0.14);
  -ms-box-shadow: -0.2vmin 0.2vmin 0.2vmin -0.1vmin rgba(0, 0, 0, 0.14);
  -o-box-shadow: -0.2vmin 0.2vmin 0.2vmin -0.1vmin rgba(0, 0, 0, 0.14);
  box-shadow: -0.2vmin 0.2vmin 0.2vmin -0.1vmin rgba(0, 0, 0, 0.14);
}
.tooltip-inner {
  -webkit-box-shadow: 0 0.2vmin 0.6vmin 0 rgba(0, 0, 0, 0.17);
  -moz-box-shadow: 0 0.2vmin 0.6vmin 0 rgba(0, 0, 0, 0.17);
  -ms-box-shadow: 0 0.2vmin 0.6vmin 0 rgba(0, 0, 0, 0.17);
  -o-box-shadow: 0 0.2vmin 0.6vmin 0 rgba(0, 0, 0, 0.17);
  box-shadow: 0 0.2vmin 0.6vmin 0 rgba(0, 0, 0, 0.17);
}
#changeLocalePopup .ddPopup {
  margin-bottom: 4vmin;
}
@media (max-height: 660px) {
  #changeLocalePopup .ddPopup {
    margin-bottom: 26.4px;
  }
}
@media (max-width: 660px) {
  #changeLocalePopup .ddPopup {
    margin-bottom: 26.4px;
  }
}
#changeLocalePopup .ddPopup .toggleContainer .toggle .check {
  width: 88%;
}
#changeLocalePopup .ddPopup .ddList {
  padding-top: 0.8vmin;
  padding-bottom: 3vmin;
}
@media (max-height: 660px) {
  #changeLocalePopup .ddPopup .ddList {
    padding-top: 5.28px;
  }
}
@media (max-width: 660px) {
  #changeLocalePopup .ddPopup .ddList {
    padding-top: 5.28px;
  }
}
@media (max-height: 660px) {
  #changeLocalePopup .ddPopup .ddList {
    padding-bottom: 19.8px;
  }
}
@media (max-width: 660px) {
  #changeLocalePopup .ddPopup .ddList {
    padding-bottom: 19.8px;
  }
}
#changeLocalePopup .ddPopup .ddList .ddItem {
  margin-top: 1.6vmin;
  padding-top: 0.8vmin;
  padding-right: 5.3vmin;
  padding-bottom: 0.8vmin;
  padding-left: 2.4vmin;
}
@media (max-height: 660px) {
  #changeLocalePopup .ddPopup .ddList .ddItem {
    margin-top: 10.56px;
  }
}
@media (max-width: 660px) {
  #changeLocalePopup .ddPopup .ddList .ddItem {
    margin-top: 10.56px;
  }
}
@media (max-height: 660px) {
  #changeLocalePopup .ddPopup .ddList .ddItem {
    padding-top: 5.28px;
  }
}
@media (max-width: 660px) {
  #changeLocalePopup .ddPopup .ddList .ddItem {
    padding-top: 5.28px;
  }
}
@media (max-height: 660px) {
  #changeLocalePopup .ddPopup .ddList .ddItem {
    padding-right: 34.98px;
  }
}
@media (max-width: 660px) {
  #changeLocalePopup .ddPopup .ddList .ddItem {
    padding-right: 34.98px;
  }
}
@media (max-height: 660px) {
  #changeLocalePopup .ddPopup .ddList .ddItem {
    padding-bottom: 5.28px;
  }
}
@media (max-width: 660px) {
  #changeLocalePopup .ddPopup .ddList .ddItem {
    padding-bottom: 5.28px;
  }
}
@media (max-height: 660px) {
  #changeLocalePopup .ddPopup .ddList .ddItem {
    padding-left: 15.84px;
  }
}
@media (max-width: 660px) {
  #changeLocalePopup .ddPopup .ddList .ddItem {
    padding-left: 15.84px;
  }
}
#addLocalePopup {
  position: absolute;
}
#addLocalePopup .ddContainer {
  position: absolute;
  left: 2.2vmin;
  bottom: 8.8vmin;
}
@media (max-height: 660px) {
  #addLocalePopup .ddContainer {
    left: 14.52px;
  }
}
@media (max-width: 660px) {
  #addLocalePopup .ddContainer {
    left: 14.52px;
  }
}
@media (max-height: 660px) {
  #addLocalePopup .ddContainer {
    bottom: 58.08px;
  }
}
@media (max-width: 660px) {
  #addLocalePopup .ddContainer {
    bottom: 58.08px;
  }
}
#addLocalePopup .ddContainer .ddPopup {
  width: 35.3vmin;
}
@media (max-height: 660px) {
  #addLocalePopup .ddContainer .ddPopup {
    width: 232.98px;
  }
}
@media (max-width: 660px) {
  #addLocalePopup .ddContainer .ddPopup {
    width: 232.98px;
  }
}
#addLocalePopup .ddContainer .ddPopup .ddList {
  padding-top: 1.9vmin;
  padding-bottom: 1.8vmin;
  margin-top: 1.4vmin;
  max-height: 21.1vmin;
}
@media (max-height: 660px) {
  #addLocalePopup .ddContainer .ddPopup .ddList {
    padding-top: 12.54px;
  }
}
@media (max-width: 660px) {
  #addLocalePopup .ddContainer .ddPopup .ddList {
    padding-top: 12.54px;
  }
}
@media (max-height: 660px) {
  #addLocalePopup .ddContainer .ddPopup .ddList {
    padding-bottom: 11.88px;
  }
}
@media (max-width: 660px) {
  #addLocalePopup .ddContainer .ddPopup .ddList {
    padding-bottom: 11.88px;
  }
}
@media (max-height: 660px) {
  #addLocalePopup .ddContainer .ddPopup .ddList {
    margin-top: 9.24px;
  }
}
@media (max-width: 660px) {
  #addLocalePopup .ddContainer .ddPopup .ddList {
    margin-top: 9.24px;
  }
}
@media (max-height: 660px) {
  #addLocalePopup .ddContainer .ddPopup .ddList {
    max-height: 139.26px;
  }
}
@media (max-width: 660px) {
  #addLocalePopup .ddContainer .ddPopup .ddList {
    max-height: 139.26px;
  }
}
#addLocalePopup .ddContainer .ddPopup .ddListHeaderTitle {
  padding-top: 2vmin;
}
@media (max-height: 660px) {
  #addLocalePopup .ddContainer .ddPopup .ddListHeaderTitle {
    padding-top: 13.2px;
  }
}
@media (max-width: 660px) {
  #addLocalePopup .ddContainer .ddPopup .ddListHeaderTitle {
    padding-top: 13.2px;
  }
}
#addLocalePopup .ddContainer .ddPopup .ddListHeaderSubtitle {
  padding-top: 0.6vmin;
}
@media (max-height: 660px) {
  #addLocalePopup .ddContainer .ddPopup .ddListHeaderSubtitle {
    padding-top: 3.96px;
  }
}
@media (max-width: 660px) {
  #addLocalePopup .ddContainer .ddPopup .ddListHeaderSubtitle {
    padding-top: 3.96px;
  }
}
#changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup .ddListHeader .ddListHeaderTitle,
#settingLocalePopup .ddContainer .ddPopup .ddListHeader .ddListHeaderTitle {
  padding-top: 1.9vmin;
}
@media (max-height: 660px) {
  #changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup .ddListHeader .ddListHeaderTitle,
  #settingLocalePopup .ddContainer .ddPopup .ddListHeader .ddListHeaderTitle {
    padding-top: 12.54px;
  }
}
@media (max-width: 660px) {
  #changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup .ddListHeader .ddListHeaderTitle,
  #settingLocalePopup .ddContainer .ddPopup .ddListHeader .ddListHeaderTitle {
    padding-top: 12.54px;
  }
}
#changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup .ddListHeader .ddListHeaderSubtitle,
#settingLocalePopup .ddContainer .ddPopup .ddListHeader .ddListHeaderSubtitle {
  padding-top: 0.6vmin;
}
@media (max-height: 660px) {
  #changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup .ddListHeader .ddListHeaderSubtitle,
  #settingLocalePopup .ddContainer .ddPopup .ddListHeader .ddListHeaderSubtitle {
    padding-top: 3.96px;
  }
}
@media (max-width: 660px) {
  #changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup .ddListHeader .ddListHeaderSubtitle,
  #settingLocalePopup .ddContainer .ddPopup .ddListHeader .ddListHeaderSubtitle {
    padding-top: 3.96px;
  }
}
#changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup .ddList,
#settingLocalePopup .ddContainer .ddPopup .ddList {
  margin-top: 1.4vmin;
  max-height: 24.8vmin;
  cursor: default;
}
@media (max-height: 660px) {
  #changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup .ddList,
  #settingLocalePopup .ddContainer .ddPopup .ddList {
    margin-top: 9.24px;
  }
}
@media (max-width: 660px) {
  #changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup .ddList,
  #settingLocalePopup .ddContainer .ddPopup .ddList {
    margin-top: 9.24px;
  }
}
@media (max-height: 660px) {
  #changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup .ddList,
  #settingLocalePopup .ddContainer .ddPopup .ddList {
    max-height: 163.68px;
  }
}
@media (max-width: 660px) {
  #changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup .ddList,
  #settingLocalePopup .ddContainer .ddPopup .ddList {
    max-height: 163.68px;
  }
}
#changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup .ddList li,
#settingLocalePopup .ddContainer .ddPopup .ddList li {
  cursor: default;
}
#changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup toggle-switch .scheduleArrow,
#settingLocalePopup .ddContainer .ddPopup toggle-switch .scheduleArrow {
  opacity: 0.7;
  width: 2.4vmin;
  right: 0.8vmin;
  padding: 0.7vmin;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}
@media (max-height: 660px) {
  #changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup toggle-switch .scheduleArrow,
  #settingLocalePopup .ddContainer .ddPopup toggle-switch .scheduleArrow {
    width: 15.84px;
  }
}
@media (max-width: 660px) {
  #changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup toggle-switch .scheduleArrow,
  #settingLocalePopup .ddContainer .ddPopup toggle-switch .scheduleArrow {
    width: 15.84px;
  }
}
@media (max-height: 660px) {
  #changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup toggle-switch .scheduleArrow,
  #settingLocalePopup .ddContainer .ddPopup toggle-switch .scheduleArrow {
    right: 5.28px;
  }
}
@media (max-width: 660px) {
  #changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup toggle-switch .scheduleArrow,
  #settingLocalePopup .ddContainer .ddPopup toggle-switch .scheduleArrow {
    right: 5.28px;
  }
}
@media (max-height: 660px) {
  #changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup toggle-switch .scheduleArrow,
  #settingLocalePopup .ddContainer .ddPopup toggle-switch .scheduleArrow {
    padding: 4.62px;
  }
}
@media (max-width: 660px) {
  #changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup toggle-switch .scheduleArrow,
  #settingLocalePopup .ddContainer .ddPopup toggle-switch .scheduleArrow {
    padding: 4.62px;
  }
}
#changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup toggle-switch .scheduleArrow.inactive,
#settingLocalePopup .ddContainer .ddPopup toggle-switch .scheduleArrow.inactive {
  cursor: default;
  pointer-events: none;
}
#changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup toggle-switch .scheduleTime,
#settingLocalePopup .ddContainer .ddPopup toggle-switch .scheduleTime {
  position: absolute;
  right: 5.2vmin;
  top: 0.8vmin;
  color: #f2b000;
  cursor: pointer;
  font-size: 2vmin;
  display: inline-block;
  float: right;
  font-weight: 400;
  text-transform: capitalize;
  font-variant: none;
}
@media (max-height: 660px) {
  #changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup toggle-switch .scheduleTime,
  #settingLocalePopup .ddContainer .ddPopup toggle-switch .scheduleTime {
    right: 34.32px;
  }
}
@media (max-width: 660px) {
  #changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup toggle-switch .scheduleTime,
  #settingLocalePopup .ddContainer .ddPopup toggle-switch .scheduleTime {
    right: 34.32px;
  }
}
@media (max-height: 660px) {
  #changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup toggle-switch .scheduleTime,
  #settingLocalePopup .ddContainer .ddPopup toggle-switch .scheduleTime {
    top: 5.28px;
  }
}
@media (max-width: 660px) {
  #changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup toggle-switch .scheduleTime,
  #settingLocalePopup .ddContainer .ddPopup toggle-switch .scheduleTime {
    top: 5.28px;
  }
}
@media (max-height: 660px) {
  #changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup toggle-switch .scheduleTime,
  #settingLocalePopup .ddContainer .ddPopup toggle-switch .scheduleTime {
    font-size: 13.2px;
  }
}
@media (max-width: 660px) {
  #changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup toggle-switch .scheduleTime,
  #settingLocalePopup .ddContainer .ddPopup toggle-switch .scheduleTime {
    font-size: 13.2px;
  }
}
#changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup .draftsButton,
#settingLocalePopup .ddContainer .ddPopup .draftsButton {
  background-color: #FFFFFF;
  color: #9B9B9B;
  border-top: 1px solid #E2E2E2;
  cursor: pointer;
  pointer-events: auto;
}
#changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup .ddDoneButton.drafts,
#settingLocalePopup .ddContainer .ddPopup .ddDoneButton.drafts {
  line-height: 2.7vmin;
}
@media (max-height: 660px) {
  #changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup .ddDoneButton.drafts,
  #settingLocalePopup .ddContainer .ddPopup .ddDoneButton.drafts {
    line-height: 17.82px;
  }
}
@media (max-width: 660px) {
  #changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup .ddDoneButton.drafts,
  #settingLocalePopup .ddContainer .ddPopup .ddDoneButton.drafts {
    line-height: 17.82px;
  }
}
#changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup .ddDoneButton.drafts span,
#settingLocalePopup .ddContainer .ddPopup .ddDoneButton.drafts span {
  display: block;
  text-transform: lowercase;
  line-height: 0.7vmin;
  font-size: 1vmin;
}
@media (max-height: 660px) {
  #changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup .ddDoneButton.drafts span,
  #settingLocalePopup .ddContainer .ddPopup .ddDoneButton.drafts span {
    line-height: 4.62px;
  }
}
@media (max-width: 660px) {
  #changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup .ddDoneButton.drafts span,
  #settingLocalePopup .ddContainer .ddPopup .ddDoneButton.drafts span {
    line-height: 4.62px;
  }
}
@media (max-height: 660px) {
  #changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup .ddDoneButton.drafts span,
  #settingLocalePopup .ddContainer .ddPopup .ddDoneButton.drafts span {
    font-size: 6.6px;
  }
}
@media (max-width: 660px) {
  #changeLocalePopup .localeResourcePopupContainer.ddContainer .ddPopup .ddDoneButton.drafts span,
  #settingLocalePopup .ddContainer .ddPopup .ddDoneButton.drafts span {
    font-size: 6.6px;
  }
}
#selectStorefrontOrderPopupContainer {
  position: absolute;
  top: 9.8vmin;
  right: 6.8vmin;
}
@media (max-height: 660px) {
  #selectStorefrontOrderPopupContainer {
    top: 64.68px;
  }
}
@media (max-width: 660px) {
  #selectStorefrontOrderPopupContainer {
    top: 64.68px;
  }
}
@media (max-height: 660px) {
  #selectStorefrontOrderPopupContainer {
    right: 44.88px;
  }
}
@media (max-width: 660px) {
  #selectStorefrontOrderPopupContainer {
    right: 44.88px;
  }
}
#selectStorefrontOrderPopupContainer .ddPopup {
  width: 30.3vmin;
}
@media (max-height: 660px) {
  #selectStorefrontOrderPopupContainer .ddPopup {
    width: 199.98px;
  }
}
@media (max-width: 660px) {
  #selectStorefrontOrderPopupContainer .ddPopup {
    width: 199.98px;
  }
}
#selectStorefrontOrderPopupContainer .ddPopup .ddList {
  max-height: 26.5vmin;
}
@media (max-height: 660px) {
  #selectStorefrontOrderPopupContainer .ddPopup .ddList {
    max-height: 174.9px;
  }
}
@media (max-width: 660px) {
  #selectStorefrontOrderPopupContainer .ddPopup .ddList {
    max-height: 174.9px;
  }
}
.ddContainer .scheduleWrapper {
  position: static;
}
.ddContainer .scheduleWrapper.timezoneWrapper {
  position: relative;
  bottom: auto;
}
.ddContainer .scheduleWrapper.timezoneWrapper .dtpPopup .item {
  padding-left: 3.3vmin;
  padding-top: 1.3vmin;
}
@media (max-height: 660px) {
  .ddContainer .scheduleWrapper.timezoneWrapper .dtpPopup .item {
    padding-left: 21.78px;
  }
}
@media (max-width: 660px) {
  .ddContainer .scheduleWrapper.timezoneWrapper .dtpPopup .item {
    padding-left: 21.78px;
  }
}
@media (max-height: 660px) {
  .ddContainer .scheduleWrapper.timezoneWrapper .dtpPopup .item {
    padding-top: 8.58px;
  }
}
@media (max-width: 660px) {
  .ddContainer .scheduleWrapper.timezoneWrapper .dtpPopup .item {
    padding-top: 8.58px;
  }
}
.ddContainer .scheduleWrapper.timezoneWrapper .dtpPopup .ddList {
  max-height: 45.4vmin;
}
@media (max-height: 660px) {
  .ddContainer .scheduleWrapper.timezoneWrapper .dtpPopup .ddList {
    max-height: 299.64px;
  }
}
@media (max-width: 660px) {
  .ddContainer .scheduleWrapper.timezoneWrapper .dtpPopup .ddList {
    max-height: 299.64px;
  }
}
.ddContainer .scheduleWrapper.timezoneWrapper .dtpPopup .ddList .ddItem .toggleContainer .content {
  width: 28vmin;
}
@media (max-height: 660px) {
  .ddContainer .scheduleWrapper.timezoneWrapper .dtpPopup .ddList .ddItem .toggleContainer .content {
    width: 184.8px;
  }
}
@media (max-width: 660px) {
  .ddContainer .scheduleWrapper.timezoneWrapper .dtpPopup .ddList .ddItem .toggleContainer .content {
    width: 184.8px;
  }
}
.ddContainer .scheduleWrapper.timezoneWrapper .dtpPopup .ddPageCollectionSearchField .ddSearchCancel {
  margin: 1.4vmin;
}
@media (max-height: 660px) {
  .ddContainer .scheduleWrapper.timezoneWrapper .dtpPopup .ddPageCollectionSearchField .ddSearchCancel {
    margin: 9.24px;
  }
}
@media (max-width: 660px) {
  .ddContainer .scheduleWrapper.timezoneWrapper .dtpPopup .ddPageCollectionSearchField .ddSearchCancel {
    margin: 9.24px;
  }
}
.ddContainer .scheduleWrapper .dtpPopup.show {
  bottom: auto;
  z-index: auto;
}
.ddContainer .scheduleWrapper .dtpPopup {
  transition: none;
  border-radius: 0.9vmin;
  /*&.ng-hide.ng-hide-animate {
                display: none !important;
            }*/
}
@media (max-height: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup {
    border-radius: 5.94px;
  }
}
@media (max-width: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup {
    border-radius: 5.94px;
  }
}
.ddContainer .scheduleWrapper .dtpPopup .timezones {
  padding: 1.3vmin;
  max-height: 26vmin;
  overflow: auto;
}
@media (max-height: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .timezones {
    padding: 8.58px;
  }
}
@media (max-width: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .timezones {
    padding: 8.58px;
  }
}
@media (max-height: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .timezones {
    max-height: 171.6px;
  }
}
@media (max-width: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .timezones {
    max-height: 171.6px;
  }
}
.ddContainer .scheduleWrapper .dtpPopup .timezones .timezone {
  width: 100%;
  height: 4vmin;
  line-height: 4vmin;
  font-size: 1.2vmin;
  cursor: pointer;
}
@media (max-height: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .timezones .timezone {
    height: 26.4px;
  }
}
@media (max-width: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .timezones .timezone {
    height: 26.4px;
  }
}
@media (max-height: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .timezones .timezone {
    line-height: 26.4px;
  }
}
@media (max-width: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .timezones .timezone {
    line-height: 26.4px;
  }
}
@media (max-height: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .timezones .timezone {
    font-size: 7.92px;
  }
}
@media (max-width: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .timezones .timezone {
    font-size: 7.92px;
  }
}
.ddContainer .scheduleWrapper .dtpPopup .timezones .timezone .name {
  float: left;
  font-weight: 600;
}
.ddContainer .scheduleWrapper .dtpPopup .timezones .timezone .value {
  float: right;
  font-weight: 600;
  color: rgba(52, 64, 94, 0.5);
}
.ddContainer .scheduleWrapper .dtpPopup .timezones .timezone.current .name {
  font-weight: 800;
}
.ddContainer .scheduleWrapper .dtpPopup .timezones .timezone.current .value {
  font-weight: 800;
}
.ddContainer .scheduleWrapper .dtpPopup .dtpListHeader {
  text-align: center;
  border-bottom: 1px solid #D8D8D8;
  border-radius: 0.9vmin 0.9vmin 0 0;
  height: 6.4vmin;
}
@media (max-height: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .dtpListHeader {
    height: 42.24px;
  }
}
@media (max-width: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .dtpListHeader {
    height: 42.24px;
  }
}
.ddContainer .scheduleWrapper .dtpPopup .dtpListHeader img {
  position: absolute;
  padding-top: 2.6vmin;
  padding-right: 2vmin;
  padding-bottom: 2.6vmin;
  padding-left: 2vmin;
  width: 0.9vmin;
  cursor: pointer;
}
@media (max-height: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .dtpListHeader img {
    padding-top: 17.16px;
  }
}
@media (max-width: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .dtpListHeader img {
    padding-top: 17.16px;
  }
}
@media (max-height: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .dtpListHeader img {
    padding-right: 13.2px;
  }
}
@media (max-width: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .dtpListHeader img {
    padding-right: 13.2px;
  }
}
@media (max-height: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .dtpListHeader img {
    padding-bottom: 17.16px;
  }
}
@media (max-width: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .dtpListHeader img {
    padding-bottom: 17.16px;
  }
}
@media (max-height: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .dtpListHeader img {
    padding-left: 13.2px;
  }
}
@media (max-width: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .dtpListHeader img {
    padding-left: 13.2px;
  }
}
@media (max-height: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .dtpListHeader img {
    width: 5.94px;
  }
}
@media (max-width: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .dtpListHeader img {
    width: 5.94px;
  }
}
.ddContainer .scheduleWrapper .dtpPopup .dtpListHeader img.trash {
  top: 0;
  right: 0;
  width: 3.5vmin;
  padding-top: 1.5vmin;
  padding-right: 1.2vmin;
  padding-bottom: 1.6vmin;
}
@media (max-height: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .dtpListHeader img.trash {
    width: 23.1px;
  }
}
@media (max-width: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .dtpListHeader img.trash {
    width: 23.1px;
  }
}
@media (max-height: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .dtpListHeader img.trash {
    padding-top: 9.9px;
  }
}
@media (max-width: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .dtpListHeader img.trash {
    padding-top: 9.9px;
  }
}
@media (max-height: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .dtpListHeader img.trash {
    padding-right: 7.92px;
  }
}
@media (max-width: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .dtpListHeader img.trash {
    padding-right: 7.92px;
  }
}
@media (max-height: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .dtpListHeader img.trash {
    padding-bottom: 10.56px;
  }
}
@media (max-width: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .dtpListHeader img.trash {
    padding-bottom: 10.56px;
  }
}
.ddContainer .scheduleWrapper .dtpPopup .dtpListHeader .dtpListHeaderTitle {
  display: inline-block;
  padding-top: 1.6vmin;
  width: 100%;
  font-weight: 400;
}
@media (max-height: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .dtpListHeader .dtpListHeaderTitle {
    padding-top: 10.56px;
  }
}
@media (max-width: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .dtpListHeader .dtpListHeaderTitle {
    padding-top: 10.56px;
  }
}
.ddContainer .scheduleWrapper .dtpPopup .dtpPopupFooter {
  height: 3.8vmin;
  letter-spacing: 0.05vmin;
}
@media (max-height: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .dtpPopupFooter {
    height: 25.08px;
  }
}
@media (max-width: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .dtpPopupFooter {
    height: 25.08px;
  }
}
@media (max-height: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .dtpPopupFooter {
    letter-spacing: 0.33px;
  }
}
@media (max-width: 660px) {
  .ddContainer .scheduleWrapper .dtpPopup .dtpPopupFooter {
    letter-spacing: 0.33px;
  }
}
.ddContainer .scheduleWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterRightButton {
  background-color: #f2b000;
}
@keyframes changeWidthAnimation {
  from {
    width: 0%;
    background-color: rgba(255, 255, 255, 0.4);
  }
  to {
    width: 100%;
    background-color: rgba(255, 255, 255, 0);
  }
}
.shine:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 3.6vmin;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
@media (max-height: 660px) {
  .shine:after {
    height: 23.76px;
  }
}
@media (max-width: 660px) {
  .shine:after {
    height: 23.76px;
  }
}
.shine:after {
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  -ms-animation-duration: 0.6s;
  -o-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-name: changeWidthAnimation;
  -moz-animation-name: changeWidthAnimation;
  -ms-animation-name: changeWidthAnimation;
  -o-animation-name: changeWidthAnimation;
  animation-name: changeWidthAnimation;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  height: 100%;
}
.nameContainer {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.inputTitleContainer .transform {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
#localeResourcePopupContainer,
#addLocalePopup,
#settingLocalePopup {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
@-webkit-keyframes localePopupStart {
  from {
    max-height: 0;
  }
  to {
    max-height: 51vmin;
  }
}
@keyframes localePopupStart {
  from {
    max-height: 0;
  }
  to {
    max-height: 51vmin;
  }
}
@-webkit-keyframes localePopupEnd {
  from {
    max-height: 51vmin;
  }
  to {
    max-height: 0;
  }
}
@keyframes localePopupEnd {
  from {
    max-height: 51vmin;
  }
  to {
    max-height: 0;
  }
}
#localeResourcePopupContainer .ddPopup.ng-hide-remove,
#addLocalePopup .ddPopup.ng-hide-remove,
#settingLocalePopup .ddPopup.ng-hide-remove {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: localePopupStart;
  -moz-animation-name: localePopupStart;
  -ms-animation-name: localePopupStart;
  -o-animation-name: localePopupStart;
  animation-name: localePopupStart;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
#localeResourcePopupContainer .ddPopup.ng-hide-add,
#addLocalePopup .ddPopup.ng-hide-add,
#settingLocalePopup .ddPopup.ng-hide-add {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: localePopupEnd;
  -moz-animation-name: localePopupEnd;
  -ms-animation-name: localePopupEnd;
  -o-animation-name: localePopupEnd;
  animation-name: localePopupEnd;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
#selectStorefrontOrderPopupContainer {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
@-webkit-keyframes orderStorefrontStart {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes orderStorefrontStart {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes orderStorefrontEnd {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes orderStorefrontEnd {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
#selectStorefrontOrderPopupContainer .popup.ng-hide-remove {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: orderStorefrontStart;
  -moz-animation-name: orderStorefrontStart;
  -ms-animation-name: orderStorefrontStart;
  -o-animation-name: orderStorefrontStart;
  animation-name: orderStorefrontStart;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
#selectStorefrontOrderPopupContainer .popup.ng-hide-add {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: orderStorefrontEnd;
  -moz-animation-name: orderStorefrontEnd;
  -ms-animation-name: orderStorefrontEnd;
  -o-animation-name: orderStorefrontEnd;
  animation-name: orderStorefrontEnd;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.ddContainerCollection {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
@-webkit-keyframes containerCollectionStart {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes containerCollectionStart {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes containerCollectionEnd {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes containerCollectionEnd {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.ddContainerCollection .ddPopup.ng-hide-remove {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: containerCollectionStart;
  -moz-animation-name: containerCollectionStart;
  -ms-animation-name: containerCollectionStart;
  -o-animation-name: containerCollectionStart;
  animation-name: containerCollectionStart;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.ddContainerCollection .ddPopup.ng-hide-add {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: containerCollectionEnd;
  -moz-animation-name: containerCollectionEnd;
  -ms-animation-name: containerCollectionEnd;
  -o-animation-name: containerCollectionEnd;
  animation-name: containerCollectionEnd;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
#titleTranslationsAnimation {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
@-webkit-keyframes containerCollectionStart {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes containerCollectionStart {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes containerCollectionEnd {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes containerCollectionEnd {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
#titleTranslationsAnimation .ddPopup.ng-hide-remove {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: containerCollectionStart;
  -moz-animation-name: containerCollectionStart;
  -ms-animation-name: containerCollectionStart;
  -o-animation-name: containerCollectionStart;
  animation-name: containerCollectionStart;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
#titleTranslationsAnimation .ddPopup.ng-hide-add {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: containerCollectionEnd;
  -moz-animation-name: containerCollectionEnd;
  -ms-animation-name: containerCollectionEnd;
  -o-animation-name: containerCollectionEnd;
  animation-name: containerCollectionEnd;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-size: 1.8vmin;
  line-height: 1.5;
  visibility: visible;
  filter: alpha(opacity=0);
  opacity: 0;
  text-transform: uppercase;
}
.tooltip.in {
  filter: alpha(opacity=1);
  opacity: 1;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 4px;
  margin-left: 23px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 7px 8px;
  color: #333333;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  right: 5px;
  bottom: 0;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -3px;

  box-sizing: border-box;
  transform: rotate(45deg);
  border: 4px solid black;
  border-color: transparent transparent white white;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.colError.ng-hide-remove, .colError.ng-hide-add {
  transition: 0.1s linear all;

  display: block!important;
  overflow: hidden;

  max-height: 0px;
}

.colError.ng-hide, .colError.ng-hide-add-active {
  max-height: 0;
}

.colError.ng-hide-remove-active {
  max-height: 2vh;
}

.crumb.ng-hide-add, .crumb.ng-hide-remove {
  transition: 0.5s linear all;

  display: block!important;
  opacity: 1;
}

.crumb.ng-hide {
  opacity: 0;
}

.hidePromotionThumbnail.ng-hide-add, .hidePromotionThumbnail.ng-hide-remove {
  transition: 0.5s linear all;

  display: block!important;
  opacity: 1;
}

.hidePromotionThumbnail.ng-hide {
  opacity: 0;
}


.hideUpdatedBox.ng-hide-add, .hideUpdatedBox.ng-hide-remove {
  display: block!important;
}

.hideUpdatedBox.ng-hide-add {
  animation:0.5s bounceOut;
}

@keyframes growUp {
  0% {
    max-height: 0;
  }

  100% {
    max-height: 420px;
  }
}

@keyframes shrinkDown {
  0% {
    max-height: 420px;
  }

  100% {
    max-height: 0px;
  }
}


.ddPopup.ng-hide-add, .ddPopup.ng-hide-remove{
  display: block!important;
}

.ddPopup.ng-hide-remove {
  animation:0.5s growUp;
}

.ddPopup.ng-hide-add {
  animation:0.5s shrinkDown;
}

/* Eventuell rausschmeißen */
.slideOutRight.ng-hide-add, .slideOutRight.ng-hide-remove {
  transition: 0.5s linear all;

  width: 100%;
  left: 0px;
}

.slideOutRight.ng-hide {
  width: 0%;
  left: -100%;
}

/* Animation for zooming out picture in iPad */

@keyframes zoomOutPad {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  70% {
    opacity: 1;
  }

  100% {
    transform: scale(1);
    opacity: 0;
  }
}

.zoomOutPad {
  animation-name: zoomOutPad;
}

.list--q4VaURXm {
  text-align: center;
  display: grid;
  padding: 60px;
  grid-template-columns: repeat(auto-fill, 100px);
  grid-gap: 0 100px;
  place-items: center;
  place-content: center;
}
.merchant--jmvbvhmG {
  display: block;
  width: 100px;
  height: 175px;
  cursor: pointer;
  font-size: 12px;
  color: #718086;
}
.logo--gVKH4YHL {
  width: 100px;
  height: 100px;
  border: 1px solid rgba(197, 197, 197, 0.6);
  border-radius: 25px;
  display: block;
  margin-bottom: 9px;
}

.container--dmUlzEjL {
  width: 80%;
  margin: 15.2vmin auto;
  display: flex;
  justify-content: flex-start;
  flex-flow: row wrap;
}
.container--dmUlzEjL .manager--QLmVpFox {
  flex-basis: 33.3%;
  margin-bottom: 2vmin;
}
.container--dmUlzEjL .manager--QLmVpFox.disabled--a5PaDlUR {
  opacity: 0.5;
  cursor: not-allowed;
}
.container--dmUlzEjL .manager--QLmVpFox.disabled--a5PaDlUR img {
  pointer-events: none;
}
.container--dmUlzEjL .manager--QLmVpFox img {
  height: 100%;
  width: 100%;
  border-radius: 1.5vmin;
  cursor: pointer;
}

.confirm-button--Y8VzlsCY {
  position: absolute;
  bottom: 14px;
  left: 0;
  right: 0;
  margin-left: 14px;
  margin-right: 14px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 18px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  box-sizing: border-box;
  border-radius: 6px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  transition: all 0.2s ease;
  display: none;
  letter-spacing: 0.03em;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}
.confirm-button--Y8VzlsCY.visible--dEJvtTui {
  display: inline-flex;
}
.confirm-button--Y8VzlsCY.green-theme--hizCP9ix {
  background: #7ED321;
  color: #FFFFFF;
}
.confirm-button--Y8VzlsCY.green-theme--hizCP9ix:active {
  box-shadow: 0 0.2vmin 0.2vmin 0 #68b80f;
}
.confirm-button--Y8VzlsCY.green-theme--hizCP9ix:hover {
  background: #95D94C;
}
.confirm-button--Y8VzlsCY.green-theme--hizCP9ix.disabled--bjNP4UR2 {
  background: #C4EBAC;
  cursor: default;
}
.confirm-button--Y8VzlsCY.green-theme--hizCP9ix.disabled--bjNP4UR2:active {
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
}
.confirm-button--Y8VzlsCY.red-theme--udq0b9ys {
  background: #D0021B;
  color: #FFFFFF;
}
.confirm-button--Y8VzlsCY.red-theme--udq0b9ys:active {
  box-shadow: 0 0.2vmin 0.2vmin 0 #CA2B39;
}
.confirm-button--Y8VzlsCY.red-theme--udq0b9ys:hover {
  background: #E71932;
}
.confirm-button--Y8VzlsCY.red-theme--udq0b9ys.disabled--bjNP4UR2 {
  background: #F3C0C6;
  cursor: default;
}
.confirm-button--Y8VzlsCY.red-theme--udq0b9ys.disabled--bjNP4UR2:active {
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
}
.confirm-button--Y8VzlsCY.gray-theme--w40q7xRA {
  background: #FFFFFF;
  border: 1px solid #666666;
  color: #666666;
}
.confirm-button--Y8VzlsCY.gray-theme--w40q7xRA:hover {
  cursor: pointer;
  border-color: #333;
  color: #333;
}
.confirm-button--Y8VzlsCY.gray-theme--w40q7xRA.disabled--bjNP4UR2 {
  border-color: #ccc;
  color: #ccc;
  cursor: not-allowed;
}
.confirm-button--Y8VzlsCY.gray-theme--w40q7xRA.disabled--bjNP4UR2:hover {
  cursor: not-allowed;
}

.position-relative--V4Vd5oPI {
  position: relative;
  display: inline-block;
  height: max-content;
}
.basePopover {
  background: #FFFFFF;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05), 0px 6px 20px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  opacity: 0;
  position: absolute;
  overflow: hidden;
}
.basePopover.position-top--Vaw4qzUb {
  left: 50%;
  bottom: 20px;
  transform: translate(-50%);
}
.basePopover.position-bottom--tRyliM6A {
  left: 50%;
  top: 20px;
  transform: translate(-50%);
}
.basePopover.position-right--Urf7oyso {
  top: -100%;
  left: 100%;
}
.basePopover.position-left--N1wkxTgI {
  transform: translate(-100%);
  left: 0;
  top: -100%;
}
.small-popover--cTzsyEMl {
  width: 213px;
  height: 139px;
}
.medium-popover--X1FG5ABb {
  width: 260px;
  height: 300px;
}
.large-popover--K1KWfBDa {
  width: 360px;
  height: 460px;
}
.fade-out--GvNJR5HY {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.fade-in--vZwMzA1c {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

.main--CCR2Uww7 {
  padding: 0 60px;
  height: max-content;
  margin-top: 20px;
  padding-bottom: 40px;
}
.top-distance--s1D_wvB8 {
  margin-top: 40px;
}
.top-distance--s1D_wvB8,
.section-container--BD5yZ3Y1 {
  min-height: 136px;
}
.section-container--BD5yZ3Y1 {
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.18);
  border-radius: 4px;
}
.section-container--BD5yZ3Y1 .internal-container--t4Vsc4Qr {
  padding: 20px !important;
}
.section-container--BD5yZ3Y1 .internal-container--t4Vsc4Qr .last-request--Jkp5_MXW {
  margin-bottom: 8px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #748085;
}
.section-container--BD5yZ3Y1 .internal-container--t4Vsc4Qr .last-request--Jkp5_MXW img {
  margin-right: 8px;
}
.section-container--BD5yZ3Y1 .internal-container--t4Vsc4Qr .header--MwgqgO1u {
  display: flex;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 18px;
  color: #333333;
  font-weight: 500;
  text-align: left;
  margin-bottom: 8px;
}
.section-container--BD5yZ3Y1 .internal-container--t4Vsc4Qr .row-container--I7LUUAfN {
  align-items: center;
  justify-content: space-between;
}
.section-container--BD5yZ3Y1 .internal-container--t4Vsc4Qr .description--_1WDFUri {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 19px;
  color: #748085;
  font-feature-settings: 'pnum' on, 'lnum' on;
  text-align: left;
}
.section-container--BD5yZ3Y1 .internal-container--t4Vsc4Qr .description--_1WDFUri a {
  color: #748085;
  text-decoration: underline;
}
.section-container--BD5yZ3Y1 .internal-container--t4Vsc4Qr .flushCacheWithWarning--SqCS_v8k {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.section-container--BD5yZ3Y1 .internal-container--t4Vsc4Qr .warning--Pnxlzwtm {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 19px;
  color: #748085;
  font-feature-settings: 'pnum' on, 'lnum' on;
  text-align: left;
  margin-top: 8px;
  color: #D0021B;
  display: flex;
  align-items: baseline;
  margin-right: 10px;
}
.section-container--BD5yZ3Y1 .internal-container--t4Vsc4Qr .warning--Pnxlzwtm img {
  margin-right: 4px;
}
.section-container--BD5yZ3Y1 .internal-container--t4Vsc4Qr .element-container--Kf9danfN {
  padding-right: 10px;
  max-width: 300px;
  margin-right: auto;
}
.section-container--BD5yZ3Y1 .internal-container--t4Vsc4Qr .button-container--qcvHUVvi {
  max-width: 205px;
  margin-right: 35px;
}
@media only screen and (max-width: 720px) {
  .section-container--BD5yZ3Y1 .internal-container--t4Vsc4Qr .element-container--Kf9danfN,
  .section-container--BD5yZ3Y1 .internal-container--t4Vsc4Qr .button-container--qcvHUVvi {
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0;
  }
}
.schedule-list-container--qXAcnPPZ {
  border-top: 1px solid #e2e2e2;
  padding: 20px !important;
}
.schedule-list-container--qXAcnPPZ .schedule-title--ks_RPhA_ {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 18px;
  color: #333333;
  text-align: left;
  margin-bottom: 8px;
}
.schedule-list-container--qXAcnPPZ .item-container--PUY6HTWW {
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.18);
  background-color: #FFFFFF;
  max-width: 298px;
  margin-right: 20px;
  margin-bottom: 20px;
  height: 100%;
}
.schedule-list-container--qXAcnPPZ .item-container--PUY6HTWW .item-header--MP4bVfO_ {
  padding: 8px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid #e2e2e2;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
}
.schedule-list-container--qXAcnPPZ .item-container--PUY6HTWW .item-header--MP4bVfO_ .icon-hidden--GNJnVcnu {
  visibility: hidden;
}
.schedule-list-container--qXAcnPPZ .item-container--PUY6HTWW .pills--zYHSLGEr {
  padding: 8px;
  display: flex;
}
.storefront-item--iZda_ytR {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 16px;
}
.storefront-item--iZda_ytR:hover {
  cursor: pointer;
  background: #F9F9F9;
}
.storefront-item--iZda_ytR .flag-container--Jk_UuWiq {
  width: 24px;
  height: 24px;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.storefront-item--iZda_ytR .flag-container--Jk_UuWiq img {
  width: 100%;
  height: 100%;
}
.storefront-item--iZda_ytR .info-container--NKRUQ6bd {
  margin-left: 10px;
  display: flex;
  flex-direction: column;
  align-items: start;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
}
.storefront-item--iZda_ytR .info-container--NKRUQ6bd .title--_eKq8h7H {
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  text-transform: uppercase;
}
.storefront-item--iZda_ytR .info-container--NKRUQ6bd .last-flushed--iFAfEpas {
  color: #666666;
}
.delete-button--YwfmPyiu {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.delete-button--YwfmPyiu image {
  width: 20px;
  height: 20px;
}
.delete-button--YwfmPyiu:hover {
  cursor: pointer;
  background: rgba(208, 2, 27, 0.05);
  border-radius: 100%;
}
.schedule-flush--HllTl9_o {
  width: 228px;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 14px;
}
.schedule-flush--HllTl9_o .title--_eKq8h7H {
  font-weight: 500;
  line-height: 21px;
  text-align: center;
  color: #000000;
  font-size: 17px;
}
.schedule-flush--HllTl9_o .description-popover--XE_LdPUo {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 19px;
  color: #748085;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 13px;
  margin-top: 4px;
  margin-bottom: 4px;
  text-align: center;
}
.schedule-flush--HllTl9_o .actions-container--F099tEzu {
  font-size: 14px;
  line-height: 18px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 14px;
  width: 100%;
  margin-top: 8px;
  justify-content: space-evenly;
}
.schedule-flush--HllTl9_o .actions-container--F099tEzu .cancel--hKhyr6ic {
  color: #333333;
  border: 1px solid #979797;
}
.schedule-flush--HllTl9_o .actions-container--F099tEzu .confirm--AjZgN9no {
  border: 1px solid #D0021B;
  border-radius: 4px;
  color: #D0021B;
}
.schedule-flush--HllTl9_o .actions-container--F099tEzu .cancel--hKhyr6ic,
.schedule-flush--HllTl9_o .actions-container--F099tEzu .confirm--AjZgN9no {
  height: 32px;
  width: 118px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  box-sizing: border-box;
}
.schedule-flush--HllTl9_o .actions-container--F099tEzu .cancel--hKhyr6ic:hover,
.schedule-flush--HllTl9_o .actions-container--F099tEzu .confirm--AjZgN9no:hover {
  text-decoration: underline;
  cursor: pointer;
}
.schedule-flush--HllTl9_o .actions-container--F099tEzu .cancel--hKhyr6ic,
.schedule-flush--HllTl9_o .actions-container--F099tEzu .confirm--AjZgN9no {
  font-size: 13px;
  font-weight: 500;
  width: 88px;
  height: 24px;
}

.grid-container {
  width: 100%;
  height: auto;
  padding: 0;
  flex-direction: column;
  display: flex;
}
.grid-container .row {
  width: 100%;
  margin: 0;
}
.grid-container [class^="col-"] {
  padding: 0;
}

.pill-container {
  width: 100%;
  height: 100%;
  background: #E2E2E2;
  border-radius: 68px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 4px 6px;
  min-width: 60px;
  box-sizing: border-box;
}
.pill-container .flag {
  height: 10px;
}
.pill-container .pill-country {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 10px;
  color: #333333;
}

.pills-wrapper--DQOmbZr8 {
  display: flex;
  flex-wrap: wrap;
  height: auto;
}
.pills-wrapper--DQOmbZr8.full-wrapper--zy9_w0we {
  transition: max-height 0.25s ease-in;
}
.pills-wrapper--DQOmbZr8 .pill-container--xBx_K4G8 {
  margin-top: 4px;
  margin-bottom: 4px;
  padding-right: 4px;
  height: 27px;
  max-width: 120px;
  min-width: 86px;
}
.pills-wrapper--DQOmbZr8 .flag-name--hy8hvo5t {
  height: 12px;
}
.pills-wrapper--DQOmbZr8 .country-name--dbxGo3Nl {
  font-size: 12px;
  letter-spacing: 0.5px;
}
.more-button--of1JjVwz {
  margin-top: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 27px;
  width: 27px;
  background: #e2e2e2;
  border-radius: 14px;
  font-size: 12px;
  line-height: 15px;
}
.more-button--of1JjVwz:hover {
  cursor: pointer;
  background: #D2D2D2;
}
.more-button--of1JjVwz.disabled--eWyCwyqY {
  pointer-events: none;
  user-select: none;
}

.base-box--fLcoFXTx {
  border: 1px solid #D8D8D8;
  box-sizing: border-box;
  border-radius: 4px;
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.base-box--fLcoFXTx.selected--NT6_aQOo {
  background: #26A9FA;
  border: none;
}
.base-box--fLcoFXTx img {
  width: 10px;
  height: 10px;
}

.list-container--E5DIPQeB {
  max-height: 100%;
  display: flex;
  height: 100%;
  width: 100%;
}
.list-container--E5DIPQeB .list-wrapper--RlFhHSMp {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.list-container--E5DIPQeB .list-wrapper--RlFhHSMp .list-item--wsTEcN0N {
  width: 100%;
  box-sizing: border-box;
}
.list-container--E5DIPQeB .list-wrapper--RlFhHSMp .list-item-bordered--rgKgKaYm {
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #f3f3f3;
}

.simple-item--n4JFbYr6 {
  padding: 12px 16px;
  box-sizing: border-box;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.simple-item--n4JFbYr6.bordered--RfEE_1ji {
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #f3f3f3;
}
.simple-item--n4JFbYr6:hover {
  cursor: pointer;
  background: #F9F9F9;
}
.simple-item--n4JFbYr6 img {
  width: 10px;
  height: 10px;
}

.toggle-list-item--LAwtRRv2 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  box-sizing: border-box;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
}
.toggle-list-item--LAwtRRv2.selected--Ea8Sz4bg {
  background: #F5F9FC;
}
.toggle-list-item--LAwtRRv2.bordered--L5gcsgHk {
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #f3f3f3;
}
.toggle-list-item--LAwtRRv2:hover {
  cursor: pointer;
  background: #F9F9F9;
}
.toggle-list-item--LAwtRRv2 .content--IEtgPyYv {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 16px;
}
.toggle-list-item--LAwtRRv2 .content--IEtgPyYv .title--Q4adg386 {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  text-align: left;
}
.toggle-list-item--LAwtRRv2 .content--IEtgPyYv .description--uMy8JkFL {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 13px;
  line-height: 16px;
  color: #666666;
  text-align: left;
}

.scrollable-list-item--jWJ8trIy {
  overflow: auto;
  flex-direction: column;
  position: relative;
  min-height: 52px;
  padding: 0px;
}

.multi-select-container--qcEHyRZq {
  padding-bottom: 56px;
}
.multi-select-container--qcEHyRZq.without-confirm--XpfEgsV9 {
  padding-bottom: 0;
}
.multi-select-container--qcEHyRZq.with-draft-button--R_fVzc3o {
  padding-bottom: 120px;
}
.multi-select-container--qcEHyRZq.emptyContainer--_G7Z5vaM {
  padding-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.multi-select-container--qcEHyRZq .select-all--ruldc47A {
  padding: 12px 16px;
  box-sizing: border-box;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.multi-select-container--qcEHyRZq .select-all--ruldc47A.bordered--XqeFGi1Q {
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #f3f3f3;
}
.multi-select-container--qcEHyRZq .select-all--ruldc47A:hover {
  cursor: pointer;
  background: #F9F9F9;
}
.multi-select-container--qcEHyRZq .select-all--ruldc47A .select-all-title--ySDneZJW {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  margin-left: 8px;
}
.multi-select-container--qcEHyRZq .divider--ljiJ9VKH {
  margin: 0px 16px;
  border-bottom: 1px solid #EEEEEE;
}
.warning--kXQnlp4U {
  padding: 10px;
  font-size: 13px;
  color: white;
  background: #D22A2A;
  text-align: left;
}

.simpleListItem--KdVcRRts {
  padding: 12px 16px;
  box-sizing: border-box;
}
.simpleListItem--KdVcRRts.bordered--oyYsB1HD {
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #f3f3f3;
}
.simpleListItem--KdVcRRts.hovered--BrGC7NDg:hover {
  cursor: pointer;
  background: #F9F9F9;
}
.simpleListItem--KdVcRRts .list-title--so6ZSk6D {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
}
.simpleListItem--KdVcRRts .list-icon--Gf3lOI_G {
  transform: rotate(180deg);
}

.toggle-list-item--bpgETn_G {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  box-sizing: border-box;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
}
.toggle-list-item--bpgETn_G.selected--N7tJvEnz {
  background: #F5F9FC;
}
.toggle-list-item--bpgETn_G.bordered--ytUZipp7 {
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #f3f3f3;
}
.toggle-list-item--bpgETn_G:hover {
  cursor: pointer;
  background: #F9F9F9;
}
.toggle-list-item--bpgETn_G .content--jkfJj7jP {
  display: flex;
  flex-direction: column;
}
.toggle-list-item--bpgETn_G .content--jkfJj7jP .title--asupyihi {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  text-align: left;
}
.toggle-list-item--bpgETn_G .content--jkfJj7jP .description--Zl6Vs_sz {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 13px;
  line-height: 16px;
  color: #666666;
  text-align: left;
}

.slider-container--NKdL6wPm {
  width: 100%;
  height: 100%;
  position: relative;
}
.slider-container--NKdL6wPm .tabs-wrapper--tTn8wLzL {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}
.slider-container--NKdL6wPm .tabs-wrapper--tTn8wLzL .tab--SLjy36oO {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  position: absolute;
}

.info-button--oQKlAsKE {
  position: relative;
  height: 20px;
  width: auto;
  display: flex;
  align-items: center;
}
.info-button--oQKlAsKE img {
  width: 20px;
  height: 20px;
}
.info-button--oQKlAsKE:hover {
  cursor: pointer;
}
.info-container--bEb2TXAm {
  background: rgba(51, 51, 51, 0.9);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(30px);
  color: #FFFFFF;
  border-radius: 6px;
  padding: 14px !important;
  font-family: Source Sans Pro;
  font-style: normal;
  width: 230px;
}
.info-container--bEb2TXAm .title--VXq_7ext {
  text-align: left;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  display: flex;
  justify-content: flex-start;
  text-transform: none;
}
.info-container--bEb2TXAm .description--MPrnsudc {
  margin-top: 4px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 13px;
  line-height: 16px;
  color: #666666;
  color: #DCE3E6;
  text-align: left;
  letter-spacing: normal;
  text-transform: none;
}
.info-container--bEb2TXAm .learn-more--U9pGgJtJ {
  margin-top: 8px;
  display: flex;
  width: 100%;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: #FFFFFF;
  height: 38px;
}
.info-container--bEb2TXAm .learn-more--U9pGgJtJ:hover {
  cursor: pointer;
}

.tab-header-wrapper--jtN40uy0 {
  position: relative;
  display: flex;
  align-items: center;
  padding: 14px 12px;
  border-bottom: 1px solid #f3f3f3;
}
.tab-header-wrapper--jtN40uy0 .header-title--p38ZpmZx {
  /* H4 */
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
  /* identical to box height */
  font-feature-settings: 'pnum' on, 'lnum' on;
  /* textColor1 */
  color: #000000;
  flex: 1;
  text-align: center;
}
.tab-header-wrapper--jtN40uy0 .headerIconContainer--ufLr2Gs8 {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tab-header-wrapper--jtN40uy0 .headerIconContainer--ufLr2Gs8 .header-icon-image--AuVa1bJs {
  width: 10px;
  height: 10px;
}
.tab-header-wrapper--jtN40uy0 .headerIconContainer--ufLr2Gs8:hover {
  border-radius: 100%;
  background: #EDEDED;
  cursor: pointer;
}

.storefront-option--WqXxKBHT {
  padding: 12px 16px;
  box-sizing: border-box;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  padding: 8px 16px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-transform: uppercase;
}
.storefront-option--WqXxKBHT.bordered--PGeCrEHp {
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #f3f3f3;
}
.storefront-option--WqXxKBHT:hover {
  cursor: pointer;
  background: #F9F9F9;
}
.storefront-option--WqXxKBHT.disabled--WMW2B0Bm {
  opacity: 0.5;
  pointer-events: none;
}
.storefront-option--WqXxKBHT .flag-container--EbFLqlWb {
  width: 24px;
  height: 24px;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.storefront-option--WqXxKBHT .flag-container--EbFLqlWb img {
  width: 100%;
  height: 100%;
}
.storefront-option--WqXxKBHT .title--DugVqMnX {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  margin-left: 6px;
}
.storefront-option--WqXxKBHT .date--YYAA7Ngg {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  color: #F5A623;
}
.storefront-option--WqXxKBHT .schedule-icon-position--IOmThcmt {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.storefront-option--WqXxKBHT .schedule-icon-position--IOmThcmt .schedule-icon--NpeCl9e9 {
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.storefront-option--WqXxKBHT .schedule-icon-position--IOmThcmt .schedule-icon--NpeCl9e9:hover {
  border-radius: 100%;
  background: #DCE3E5;
}
.storefront-option--WqXxKBHT .schedule-icon-position--IOmThcmt .schedule-icon--NpeCl9e9.disabled--WMW2B0Bm {
  opacity: 0.5;
  position: none;
  cursor: default;
}
.storefront-option--WqXxKBHT .schedule-icon-position--IOmThcmt .schedule-icon--NpeCl9e9.disabled--WMW2B0Bm:hover {
  background: none;
}
.storefront-option--WqXxKBHT .schedule-icon-position--IOmThcmt .schedule-icon--NpeCl9e9 img {
  width: 20px;
  height: 20px;
}

.storefrontsPicker {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 73vmin;
  width: 0;
  transition: all 0.3s ease;
  z-index: 1000;
  background: white;
}
.storefrontsPicker.open {
  width: 100%;
  height: 100%;
}
.storefrontsPicker .storefrontSelectorScrollableContainer {
  height: 100%;
}
.storefrontsPicker .storefrontSelectorScrollableContainer > :last-child {
  margin-bottom: 164px;
}
.storefrontsPicker .selectAllContainer {
  padding: 12px 16px;
  box-sizing: border-box;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #EEEEEE;
}
.storefrontsPicker .selectAllContainer.bordered {
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #f3f3f3;
}
.storefrontsPicker .selectAllContainer:hover {
  cursor: pointer;
  background: #F9F9F9;
}
.storefrontsPicker .selectAllContainer .selectAllTitle {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  margin-left: 8px;
}
.storefrontsPicker .selectItemText {
  padding: 0;
  font-weight: 300;
  color: #333333;
}

.search-container {
  width: 100%;
  height: 36px;
  min-height: 36px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
}
.search-container .search-input.textarea:focus,
.search-container input:focus {
  outline: none;
}
.search-container .search-wrapper {
  display: flex;
  flex: 1 1 0%;
}
.search-container .search-input {
  border: 0px;
  width: 100%;
  padding: 8px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  box-sizing: border-box;
  border-radius: 8px;
}
.search-container .search-icon {
  margin-left: 8px;
  display: flex;
  align-items: center;
}
.search-container .search-input::placeholder {
  color: #BCBCBC;
}
.search-container .pill-with-indicator {
  display: flex;
  align-items: center;
}
.search-container .pill-with-indicator .vertical-indicator {
  height: 27px;
  border: 1px solid #EFEFEF;
  margin-right: 4px;
}
.search-container .addons-wrapper {
  height: 28px;
}
.search-container .addons-wrapper .addon {
  border-left: 1px solid #EFEFEF;
  padding: 0px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: none;
}
.search-container .clear-button-wrapper {
  padding: 0;
  height: 100%;
  display: flex;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity, padding 0.2s ease-out;
  width: 0;
}
.search-container .clear-button-wrapper.visible {
  opacity: 1;
  visibility: visible;
  padding-right: 10px;
  width: auto;
}
.search-container .clear-button-wrapper .clear-button {
  cursor: pointer;
}

@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}.calendarComponent .toggleContainer .content {
  width: 17vmin;
}
.calendarComponent .dtpPopupTimeInputContainer {
  display: flex;
  justify-content: center;
  align-items: center;
}
.calendarComponent .dtpWrapper .dtpPopup .ddSearch {
  overflow: hidden;
  margin-top: 5px;
}
.calendarComponent .dtpWrapper .dtpPopup .ddList {
  max-height: none;
  height: 50vmin;
  margin-top: 1vmin;
}
.calendarComponent .visible {
  display: none;
}
.calendarComponent .uppCaseNone {
  text-transform: none;
}

.scroll-item-height--HM8RQNy6 {
  height: 100%;
}
.reset-button--_VltnYgQ {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  color: #D0021B;
}
.reset-button--_VltnYgQ:hover {
  cursor: pointer;
  text-decoration: underline;
}
.reset-button--_VltnYgQ.disabled--eK41MS8Q {
  pointer-events: none;
  opacity: 0.5;
}

@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}.popoverComponent {
  width: 40vmin;
}
.calendarComponentWrapper {
  height: 100%;
  position: relative;
}
.calendarComponentWrapper .timeZonePickerContainer {
  height: 100%;
}
.calendarComponentWrapper .dtpPopupTimeInputContainer {
  display: flex;
  justify-content: center;
  align-items: center;
}
.calendarComponentWrapper .dtpPopupTimeInputContainer span {
  position: absolute;
  font-size: 2vmin;
  margin: 0.3vmin 0 0 0 !important;
}
.calendarComponentWrapper .resetButton {
  position: absolute;
  right: 5%;
  color: #D0021B;
  cursor: pointer;
}
.calendarComponentWrapper .dtpWrapper {
  width: unset;
}
.calendarComponentWrapper .dtpWrapper .timeZonePickerContainer .ddList {
  height: 100%;
}
.calendarComponentWrapper .dtpWrapper .timeZonePickerContainer .ddList .ddItem {
  padding-right: 2.3vmin !important;
}
.calendarComponentWrapper .dtpWrapper .dtpPopupTimeContainer {
  background-color: #fff;
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
  width: 100%;
  margin-top: 30.4vmin;
  height: 10.7vmin;
  margin-top: 0;
}
.calendarComponentWrapper .dtpWrapper .dtpPopupTimeContainer .hintText {
  text-align: center;
  text-transform: capitalize;
  line-height: normal;
  padding-top: 1.2vmin;
}
.calendarComponentWrapper .dtpWrapper .dtpPopupTimeContainer .dtpPopupTimeInputContainer {
  display: flex;
  justify-content: center;
  align-items: center;
}
.calendarComponentWrapper .dtpWrapper .dtpPopupTimeContainer .dtpPopupTimeInputContainer .dtpPopupTimeInput {
  background-color: #fff;
  text-align: center;
  border: 1px solid #f3f3f3;
  width: 11.2vmin;
  height: 3.6vmin;
  border-radius: 0.9vmin;
  margin-bottom: 0.5vmin;
  margin-top: 1.2vmin;
  font-size: 2.1vmin;
  padding: 0.1vmin 0;
}
.calendarComponentWrapper .dtpWrapper .dtpPopupTimeContainer .dtpPopupTimeInputContainer .dtpPopupTimeInput.timeInputLeft {
  margin-right: 15px;
}
.calendarComponentWrapper .dtpWrapper .dtpPopupTimeContainer .dtpPopupTimeInputContainer .dtpPopupTimeInput.timeInputRight {
  margin-left: 15px;
}
.calendarComponentWrapper .dtpWrapper .dtpPopupTimeContainer span {
  margin: 0;
}
.calendarComponentWrapper .dtpWrapper .dtpPopupFooter {
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-bottom: 64px;
}
.calendarComponentWrapper .dtpWrapper .dtpPopupFooter .dtpPopupFooterLeftButton {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  cursor: pointer;
  text-transform: uppercase;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  float: none;
  width: 100%;
  border-bottom: 1px solid #f3f3f3;
}
.calendarComponentWrapper .dtpWrapper .dtpPopupFooter .scheduleArrow {
  transform: rotate(180deg);
  float: right;
  position: relative;
}
.calendarComponentWrapper .dtpWrapper .dtpPopupFooter .dtpPopupFooterStorefrontsButton {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  float: none;
  width: 100%;
  margin-bottom: 5px;
  text-align: left;
  box-sizing: border-box;
  cursor: pointer;
  border-bottom: 1px solid #f3f3f3;
}
.calendarComponentWrapper .dtpWrapper .dtpPopupFooter .dtpPopupFooterStorefrontsButton .dtpPopupFooterStorefrontsDescription {
  color: #26A9FA;
  font-weight: bold;
}
.calendarComponentWrapper .timeInputLeft {
  margin-right: 15px;
}
.calendarComponentWrapper .timeInputRight {
  margin-left: 15px;
}
.calendarComponentWrapper .calendarHeader {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #f3f3f3;
}
.calendarComponentWrapper .react-datepicker__navigation--next {
  border: 1px solid;
  border-color: #333333 transparent transparent #333333;
  width: 7px;
  height: 7px;
  margin-top: 5px;
}
.calendarComponentWrapper .react-datepicker__navigation {
  border: 1px solid;
  border-color: #718086 transparent transparent #718086;
  width: 0.7vmin;
  height: 0.7vmin;
  margin-top: 10px;
}
.calendarComponentWrapper .react-datepicker__navigation--next {
  transform: rotate(135deg);
  right: 50px;
  border: 1px solid;
  border-color: #333333 transparent transparent #333333;
  width: 8px;
  height: 8px;
  margin-top: 5px;
}
.calendarComponentWrapper .react-datepicker__navigation--previous {
  transform: rotate(-45deg);
  left: 50px;
}
.calendarComponentWrapper .react-datepicker__navigation--previous:hover {
  border-right-color: transparent;
}
.calendarComponentWrapper .datePickerContainer {
  display: flex;
  justify-content: center;
  align-content: center;
}
.calendarComponentWrapper .react-datepicker {
  border: none;
  font-size: 2vmin;
  background-color: transparent;
}
.calendarComponentWrapper .react-datepicker__header {
  background-color: transparent;
  border-bottom: none;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.calendarComponentWrapper .calendarHeaderTitle {
  color: #333333;
  font-size: 20px;
  padding-top: 2vmin;
  padding-bottom: 2vmin;
}
.calendarComponentWrapper .react-datepicker__day-names {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
  padding-left: 16px;
  padding-right: 12px;
}
.calendarComponentWrapper .react-datepicker__day-name {
  text-transform: uppercase;
  color: #7ED1F3;
  padding-bottom: 0;
  font-weight: normal;
  font-size: 16px;
}
.calendarComponentWrapper .react-datepicker__day {
  font-size: 16px;
  line-height: normal;
  margin: 0;
  padding: 0 6px;
  background: transparent;
}
.calendarComponentWrapper .react-datepicker__day:hover {
  border-radius: 0;
}
.calendarComponentWrapper .react-datepicker__day.react-datepicker__day--highlighted__days:hover {
  border-radius: 0;
}
.calendarComponentWrapper .datePickerCustomDay {
  width: 3vmin;
  height: 3vmin;
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.calendarComponentWrapper .react-datepicker__current-month {
  color: #666666;
  font-size: 13px;
  letter-spacing: 0.5px;
  font-weight: normal;
  padding: 4px 0;
}
.calendarComponentWrapper .react-datepicker__month {
  margin-top: 5px;
}
.calendarComponentWrapper .react-datepicker__day--selected {
  font-weight: 500;
  border-radius: 0;
  background: transparent;
}
.calendarComponentWrapper .react-datepicker__day--selected .datePickerCustomDay {
  background: white;
  border: 1px solid #26A9FA;
  color: #26A9FA;
  border-radius: 50%;
}
.calendarComponentWrapper .react-datepicker__day--selected .datePickerCustomDay:hover {
  background: white;
}
.calendarComponentWrapper .react-datepicker__day--selected:hover {
  border-radius: 0;
  background: unset;
}
.calendarComponentWrapper .react-datepicker__day--selected:focus {
  border-radius: 0;
  background: unset;
}
.calendarComponentWrapper .react-datepicker__day--highlighted__days {
  background: rgba(38, 169, 250, 0.2);
}
.calendarComponentWrapper .react-datepicker__day--highlighted__days .datePickerCustomDay {
  background: transparent;
}
.calendarComponentWrapper .react-datepicker__day--highlighted__days--start {
  background: white;
  color: #26A9FA;
  transform-style: preserve-3d;
  font-weight: 400;
  border-radius: 0;
}
.calendarComponentWrapper .react-datepicker__day--highlighted__days--start .datePickerCustomDay {
  background: white !important;
  color: #26A9FA;
  border-radius: 50%;
  transform: translateZ(10px);
}
.calendarComponentWrapper .react-datepicker__day--highlighted__days--start .datePickerCustomDay:hover {
  background: white;
}
.calendarComponentWrapper .react-datepicker__day--highlighted__days--start .datePickerCustomDay .customDay {
  display: flex;
  justify-content: center;
  align-items: center;
  background: white;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 20;
  width: 3vmin;
  height: 3vmin;
  border: 1px solid #26A9FA;
  box-sizing: border-box;
}
.calendarComponentWrapper .react-datepicker__day--highlighted__days--start .datePickerCustomDay::before {
  background: #D8EEFE;
  content: "";
  position: absolute;
  height: 100%;
  left: 0;
  right: -1vmin;
  top: 0px;
  border-radius: 50% 0 0 50%;
  transform: translateZ(-10px);
}
.calendarComponentWrapper .react-datepicker__day--highlighted__days--start:hover {
  border-radius: 0;
  background: unset;
}
.calendarComponentWrapper .react-datepicker__day--highlighted__days--start:focus {
  border-radius: 0;
  background: unset;
}
.calendarComponentWrapper .react-datepicker__day--highlighted__days--end {
  background: rgba(38, 169, 250, 0.2) !important;
  border-radius: 0 100% 100% 0 !important;
}
.calendarComponentWrapper .react-datepicker__day--highlighted__days--end .datePickerCustomDay {
  background: #26A9FA;
  color: white;
  font-weight: bold;
  border-radius: 50%;
  transform-style: preserve-3d;
  transform: translateZ(10px);
}
.calendarComponentWrapper .react-datepicker__day--highlighted__days--end .datePickerCustomDay:hover {
  background: #26A9FA;
}
.calendarComponentWrapper .react-datepicker__day--highlighted__days--end .datePickerCustomDay::before {
  content: "";
  background: #D8EEFE;
  position: absolute;
  height: 100%;
  left: -1vmin;
  right: 0;
  border-radius: 0 33px 33px 0;
  transform: translateZ(-10px);
}
.calendarComponentWrapper .react-datepicker__day--highlighted__days--end:hover {
  background: rgba(38, 169, 250, 0.2) !important;
}
.calendarComponentWrapper .react-datepicker__week {
  margin-top: 5px;
  margin-bottom: 5px;
}
.calendarComponentWrapper .react-datepicker__week .react-datepicker__day--outside-month {
  opacity: 0;
  visibility: hidden;
}
.footerItem:last-child .popoverCalendarComponent .ddArrow {
  z-index: 0;
  bottom: -1.5vmin;
}
.footerItem:last-child .popoverCalendarComponent .dtpPopup.show {
  height: 70.1vmin;
}

.notification-button--OOQqP8kw {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 5.5vmin;
  border-radius: 0.9vmin;
  border: 1px solid #9b9b9b;
  color: #9B9B9B;
  align-items: center;
  justify-content: space-between;
  font-size: 15px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  cursor: pointer;
}
.notification-button--OOQqP8kw .text--VkcEla1M {
  margin-left: 14px;
}
.notification-button--OOQqP8kw .schedule-arrow--ak8O53cs {
  margin-right: 14px;
}
.notification-button--OOQqP8kw .schedule-arrow--ak8O53cs img {
  width: 10px;
  height: 10px;
  filter: opacity(0.5);
}
.notification-button--OOQqP8kw.active--kumgRxzZ {
  color: #333;
}
.notification-button--OOQqP8kw.active--kumgRxzZ .schedule-arrow--ak8O53cs img {
  filter: none;
}

@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}.calendarWrapper {
  height: 100%;
  width: 100%;
  padding-bottom: 40px;
}
.calendarWrapper .selectedItem {
  background-color: #E2E2E2;
}
.calendarWrapper .ddContainer .ddArrow {
  z-index: 10;
  background-color: #7ED321;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time {
  border-radius: 0.3rem;
}

.react-datepicker--time-only .react-datepicker__time-box {
  border-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}

.react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 10px;
}

.react-datepicker-popper[data-placement^="top"] {
  margin-bottom: 10px;
}

.react-datepicker-popper[data-placement^="right"] {
  margin-left: 8px;
}

.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^="left"] {
  margin-right: 8px;
}

.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  background: none;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  padding: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
  height: 10px;
  width: 10px;
  text-indent: -999em;
  overflow: hidden;
}

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc;
}

.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 80px;
}

.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}

.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: 85px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] {
  -moz-appearance: textfield;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0px;
  padding-left: 0px;
  width: 100%;
  box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}

.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text {
  cursor: pointer;
}

.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}

.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range ,
.react-datepicker__month-text--in-selecting-range ,
.react-datepicker__quarter-text--in-selecting-range {
  background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range , .react-datepicker__month--selecting-range
.react-datepicker__month-text--in-range , .react-datepicker__month--selecting-range
.react-datepicker__quarter-text--in-range {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}

.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45rem;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0px 6px 0px 0px;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "\00d7";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}

.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.trigger-button--fMmIZa9g {
  position: relative;
  border: 1px solid #9b9b9b;
  border-radius: 6px;
  height: 5.5vmin;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 100px;
  padding: 0px 14px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  color: #858585;
}
.trigger-button--fMmIZa9g:hover {
  cursor: pointer;
}
.trigger-button--fMmIZa9g.active-button--PxzkrewV {
  color: #333;
  border-color: #9b9b9b;
}
.trigger-button--fMmIZa9g.active-button--PxzkrewV img {
  filter: opacity(1);
}
.trigger-button--fMmIZa9g img {
  width: 10px;
  height: 10px;
  filter: opacity(0.5);
}
.trigger-button--fMmIZa9g:hover {
  cursor: pointer;
}
.trigger-button--fMmIZa9g.disabled--ft1vFPpb {
  cursor: default;
  pointer-events: none;
  opacity: 0.5;
}

.trigger-button--GPFlHfOG {
  width: 200px;
  text-align: center;
  height: 30px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  font-family: Source Sans Pro;
  font-style: normal;
  font-size: 16px;
  line-height: 23px;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-weight: 500;
}
.trigger-button--GPFlHfOG .arrow-container--Wm_IWR3U {
  width: 15px;
  height: 15px;
  margin-left: 6px;
}
.trigger-button--GPFlHfOG .arrow-container--Wm_IWR3U img {
  height: 100%;
  width: 100%;
  margin-bottom: 4px;
}
.trigger-button--GPFlHfOG.lookbook-order-inactive--EsSJq62p {
  letter-spacing: 0.2vmin;
  color: #718086;
}
.trigger-button--GPFlHfOG.lookbook-order-inactive--EsSJq62p .arrow-container--Wm_IWR3U img {
  width: 2vmin;
  height: 1.2vmin;
  filter: opacity(0.5);
}
.trigger-button--GPFlHfOG.lookbook-order-active--hjUdzzxe {
  letter-spacing: 0.2vmin;
  font-weight: 500;
  color: #333;
  display: flex;
  border-bottom: 0.3vmin #26A9FA solid;
  padding-left: 4px;
  width: 100%;
  align-items: center;
  padding-right: 4px;
}
.trigger-button--GPFlHfOG.lookbook-order-active--hjUdzzxe img {
  width: 2vmin;
  height: 1.2vmin;
}

.empty-container--bEyU7K9L {
  width: 100%;
  height: 8vmin;
  position: relative;
}

.buttons-container--GjkjodxF {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 112px;
  width: 100%;
  background: #FFFFFF;
}

.storefront-item--Mv6Ptecd {
  padding: 12px 16px;
  box-sizing: border-box;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-transform: uppercase;
}
.storefront-item--Mv6Ptecd.bordered--cN6NUSSZ {
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #f3f3f3;
}
.storefront-item--Mv6Ptecd:hover {
  cursor: pointer;
  background: #F9F9F9;
}
.storefront-item--Mv6Ptecd.selected--IEZ2jHTm {
  background: #F5F9FC;
}
.storefront-item--Mv6Ptecd .flag-container--KEHFDTUe {
  width: 24px;
  height: 24px;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.storefront-item--Mv6Ptecd .flag-container--KEHFDTUe img {
  width: 100%;
  height: 100%;
}
.storefront-item--Mv6Ptecd .title--FrTa1azr {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  margin-left: 6px;
}
.storefront-item--Mv6Ptecd .check--_jDs36l2 {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}

@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}.responsive-wrapper--f5WYS6ek {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 2.5vmin;
}
.responsive-wrapper--f5WYS6ek .input-wrapper--UViVr8ag {
  width: 354px;
  height: 46px;
  position: relative;
}
.base-input-container--u6yKcTfL {
  width: 100%;
  height: 100%;
  position: relative;
}
.base-input-container--u6yKcTfL .input--o2QJ8lsf {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  padding: 0px 20px;
  box-sizing: border-box;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: 0.01em;
  font-style: normal;
  font-weight: 400;
  transition: all 0.3s ease;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.base-input-container--u6yKcTfL .input--o2QJ8lsf::placeholder {
  color: #9B9B9B;
}
.base-input-container--u6yKcTfL .input--o2QJ8lsf:hover {
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
}
.base-input-container--u6yKcTfL .input--o2QJ8lsf:active {
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
}
.base-input-container--u6yKcTfL .input--o2QJ8lsf:focus {
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
}
.base-input-container--u6yKcTfL .clear-button--O9Bj5ZbL {
  position: absolute;
  cursor: pointer;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto 0;
  width: 12px;
  height: 12px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease;
}
.base-input-container--u6yKcTfL .clear-button--O9Bj5ZbL.visible--n4haL2IW {
  visibility: visible;
  opacity: 1;
}

.reset--JLPCYIoU {
  width: 228px;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 6px;
  padding-right: 6px;
}
.reset--JLPCYIoU .title--ruKzza7c {
  font-weight: 500;
  font-size: 17px;
  line-height: 21px;
  text-align: center;
  color: #000000;
  font-size: 15px;
  font-weight: 400;
}
.reset--JLPCYIoU .actions-container--MMjVS1Z2 {
  font-size: 14px;
  line-height: 18px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 14px;
  width: 100%;
  margin-top: 8px;
  justify-content: space-evenly;
}
.reset--JLPCYIoU .actions-container--MMjVS1Z2 .cancel--JrOVSa1U {
  color: #333333;
  border: 1px solid #979797;
}
.reset--JLPCYIoU .actions-container--MMjVS1Z2 .confirm--ApBc9SU3 {
  border: 1px solid #D0021B;
  border-radius: 4px;
  color: #D0021B;
}
.reset--JLPCYIoU .actions-container--MMjVS1Z2 .cancel--JrOVSa1U,
.reset--JLPCYIoU .actions-container--MMjVS1Z2 .confirm--ApBc9SU3 {
  height: 32px;
  width: 118px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  box-sizing: border-box;
}
.reset--JLPCYIoU .actions-container--MMjVS1Z2 .cancel--JrOVSa1U:hover,
.reset--JLPCYIoU .actions-container--MMjVS1Z2 .confirm--ApBc9SU3:hover {
  text-decoration: underline;
  cursor: pointer;
}
.reset--JLPCYIoU .actions-container--MMjVS1Z2 .cancel--JrOVSa1U,
.reset--JLPCYIoU .actions-container--MMjVS1Z2 .confirm--ApBc9SU3 {
  width: 88px;
  height: 24px;
}
.icon-container--znrpZc3P {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.15);
}
.icon-container--znrpZc3P:hover {
  cursor: pointer;
}
.icon-container--znrpZc3P img {
  width: 14px;
  height: 14px;
}

.close-button--G1Vmcimf {
  padding-top: 12px;
  padding-right: 12px;
}
.close-button--G1Vmcimf img:hover {
  cursor: pointer;
  background: #DCE3E5;
  border-radius: 50%;
}
.title--ossc99d7 {
  margin-top: 12px;
  /* H4 */
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
  /* identical to box height */
  font-feature-settings: 'pnum' on, 'lnum' on;
  /* textColor1 */
  color: #000000;
  color: #D0021B;
}
.description--rOcUXYgK {
  margin-top: 4px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 19px;
  color: #748085;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: #555555;
}
.edit-container--UlZERRPO {
  margin-top: 30px;
  height: 50px;
  border: 1px solid #EEEEEE;
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.edit-container--UlZERRPO.small-margin-top--Massnjaa {
  margin-top: 10px;
}
.edit-container--UlZERRPO .edit-text--mT5CbdwN {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 19px;
  color: #748085;
  font-feature-settings: 'pnum' on, 'lnum' on;
  height: 26px;
  padding-left: 14px;
  color: #333333;
  display: flex;
  align-items: center;
  color: #555555;
}
.edit-container--UlZERRPO .actions--SMrB3zCz {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  width: 80px;
}
.edit-container--UlZERRPO .actions--SMrB3zCz .icon-container--nK4sPwKV {
  width: 26px;
  height: 26px;
  background: #FFFFFF;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.edit-container--UlZERRPO .actions--SMrB3zCz .icon-container--nK4sPwKV img {
  height: 16px;
  width: 16px;
  padding-right: 0;
}
.edit-container--UlZERRPO:hover {
  background: #EDEDED;
  cursor: pointer;
}
.edit-container--UlZERRPO img {
  padding-right: 4px;
}
.confirm-input--FyupDYLA {
  margin-top: 60px;
  height: 48px;
}
.confirm-input--FyupDYLA input {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 19px;
  color: #748085;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px !important;
  color: #333333 !important;
}

.modal-header--PIP7qq9f {
  padding: 0px 14px;
  position: relative;
}
.modal-header--PIP7qq9f .prev-container--xrLGdDAw {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 20%;
  right: 95%;
  width: 24px;
  height: 24px;
}
.modal-header--PIP7qq9f .prev-container--xrLGdDAw:hover {
  border-radius: 100%;
  background: #EDEDED;
  cursor: pointer;
}
.modal-header--PIP7qq9f .modal-title-container--aZJXhy5W {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modal-header--PIP7qq9f .modal-title-container--aZJXhy5W .title--gMDScAwA {
  padding-bottom: 3px;
  padding-top: 14px;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  color: #333333;
}
.modal-header--PIP7qq9f .modal-title-container--aZJXhy5W .tip--ZdHIbZwp {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #718086;
  padding-bottom: 14px;
}
.modal-header--PIP7qq9f .icon-container--ksao6twS {
  display: flex;
  align-items: center;
  position: absolute;
  top: 20%;
  left: 95%;
}
.modal-header--PIP7qq9f .icon-container--ksao6twS .close-button--B2UQvhMJ:hover {
  cursor: pointer;
  background: #DCE3E5;
  border-radius: 50%;
}
.modal-header--PIP7qq9f .icon-container--ksao6twS .close-button--B2UQvhMJ img {
  width: 100%;
  height: 100%;
}
.modal-header--PIP7qq9f .icon-container--ksao6twS:hover {
  cursor: pointer;
}

.footer-container--pL5MSH3b {
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  align-items: center;
  padding-top: 12px;
}
.footer-container--pL5MSH3b.without-clear-all--xmCZkMhr {
  justify-content: flex-end;
}
.footer-container--pL5MSH3b .clear-button--DyKVMBBx {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  color: #333333;
}
.footer-container--pL5MSH3b .clear-button--DyKVMBBx.inactiveButton--BJXwq5Dk {
  color: #9B9B9B;
}
.footer-container--pL5MSH3b .clear-button--DyKVMBBx:hover {
  cursor: pointer;
}
.footer-container--pL5MSH3b .save-button-container--Hymcczsw {
  display: flex;
  justify-content: flex-end;
}
.footer-container--pL5MSH3b .save-button-container--Hymcczsw .save-button--FxLbPQm9 {
  height: 32px;
  width: 82px;
  font-style: normal;
  line-height: 1em;
  align-items: center;
  text-align: center;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
}
.footer-container--pL5MSH3b .save-button-container--Hymcczsw .save-button--FxLbPQm9.disabled--Nel0LLso {
  pointer-events: none;
  background-color: #D2D2D2;
  box-shadow: none;
}

.divider--OsGDzQrj {
  border-bottom: 1px solid #E0E0E0;
}

.buttons-container--ONGHwinR {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 112px;
  width: 100%;
  background: #FFFFFF;
}
.wrapper-body--JbkVpG1q {
  height: 460px;
}
.header--trzPlDEl > div:last-child {
  width: 26px;
  height: 26px;
  top: 12px;
  right: 12px;
  left: auto;
}

.toggle-button--MVdFjc5W {
  box-sizing: border-box;
  width: 80px;
  height: 44px;
  background: #CCCCCC;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 3px;
}
.toggle-button--MVdFjc5W .circle--oxOxPQHc {
  width: 36px;
  height: 36px;
  background: #FFFFFF;
  border-radius: 100%;
}
.toggle-button--MVdFjc5W:hover {
  cursor: pointer;
}
.toggle-button--MVdFjc5W[disabled] {
  cursor: not-allowed;
  opacity: 0.7;
}
.toggle-button--MVdFjc5W .text--RR25TDm3 {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  padding-right: 6px;
  text-align: center;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: #FFFFFF;
}
.toggle-button--MVdFjc5W .text--RR25TDm3[disabled] {
  pointer-events: none;
  opacity: 0.7;
}
.header--RpglNp7P > div:last-child {
  width: 26px;
  height: 26px;
  top: 12px;
  right: 12px;
  left: auto;
}
.header--RpglNp7P > div:last-child[disabled] {
  pointer-events: none;
  opacity: 0.7;
}

.wrapper-container--m269Kce6 {
  width: 100%;
  height: 100%;
}
.wrapper-container--m269Kce6 .modal-title--vUrd2YJi {
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 21px;
  text-align: center;
  color: #333333;
}
.wrapper-container--m269Kce6 .wrapper-body--hSBcbrMn {
  overflow-y: scroll;
  height: 472px;
  line-height: 16px;
  padding-left: 34px !important;
  padding-right: 34px !important;
}
@media only screen and (min-height: 700px) {
  .wrapper-container--m269Kce6 .wrapper-body--hSBcbrMn {
    font-size: 20px;
  }
}
@media only screen and (max-height: 700px) {
  .wrapper-container--m269Kce6 .wrapper-body--hSBcbrMn {
    font-size: 15px;
  }
}
@media only screen and (min-height: 700px) {
  .wrapper-container--m269Kce6 .wrapper-body--hSBcbrMn .default-title-container--hdLOgf4X {
    margin-top: 20px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-height: 700px) {
  .wrapper-container--m269Kce6 .wrapper-body--hSBcbrMn .default-title-container--hdLOgf4X {
    margin-top: 10px;
  }
}
.wrapper-container--m269Kce6 .wrapper-body--hSBcbrMn .default-title-container--hdLOgf4X .default-message-container--OxXtfb0y {
  margin-top: 8px;
}
.wrapper-container--m269Kce6 .wrapper-body--hSBcbrMn .default-title-container--hdLOgf4X .default-title--fem4xDnQ {
  font-weight: normal;
  font-size: 0.75em;
  font-weight: 600;
  font-style: normal;
  line-height: 1.6em;
  color: #333333;
}
@media only screen and (min-height: 700px) {
  .wrapper-container--m269Kce6 .wrapper-body--hSBcbrMn .default-title-container--hdLOgf4X .default-title--fem4xDnQ {
    padding-top: 8px;
    padding-bottom: 4px;
  }
}
@media only screen and (max-height: 700px) {
  .wrapper-container--m269Kce6 .wrapper-body--hSBcbrMn .default-title-container--hdLOgf4X .default-title--fem4xDnQ {
    padding-top: 4px;
    padding-bottom: 2px;
  }
}
.wrapper-container--m269Kce6 .wrapper-body--hSBcbrMn .default-title-container--hdLOgf4X .default-title-description--g0nrha24 {
  padding-left: 2px;
  padding-top: 8px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 0.6em;
  line-height: 1.6em;
  color: #718086;
  text-align: left;
}

.modal-window--HAyRAVS2 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100004;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease;
}
.modal-window--HAyRAVS2.opened--mVWqH4eC {
  z-index: 100005;
  visibility: visible;
  opacity: 1;
}
.modal-window--HAyRAVS2 .modal-Content--tmcAjYj9 {
  background: #FFFFFF;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  max-width: 650px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease;
}
.modal-window--HAyRAVS2 .modal-Content--tmcAjYj9:last-child {
  padding-bottom: 16px;
}
.modal-window--HAyRAVS2 .modal-Content--tmcAjYj9.contentOpened--cusWmJ4x {
  z-index: 100005;
  visibility: visible;
  opacity: 1;
}

.regional-container--V2ptINQM {
  display: flex;
}
.regional-container--V2ptINQM .regional-item--VRL_9O48 {
  margin-bottom: 8px;
  border-radius: 0px 0px 8px 8px;
}
.regional-container--V2ptINQM .add-button--gTyNeRWZ {
  padding-top: 8px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 0.65em;
  line-height: 0.7em;
  color: #718086;
  min-width: 100px;
  display: flex;
  justify-content: flex-end;
  transition: all 0.2s ease;
}
.regional-container--V2ptINQM .add-button--gTyNeRWZ:hover {
  cursor: pointer;
  text-decoration: underline;
}
.regional-container--V2ptINQM .add-button--gTyNeRWZ.hidden-button--fQeV2Yd8 {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.regional-container--V2ptINQM .add-button--gTyNeRWZ.disabled-button--VTgoQs_T {
  opacity: 0.5;
}
.regional-container--V2ptINQM .add-button--gTyNeRWZ.disabled-button--VTgoQs_T:hover {
  cursor: not-allowed;
  text-decoration: none;
}
.regional-media-container--cfrT5yoB {
  margin: 75px 0 0 0 !important;
}
.regional-media-container--cfrT5yoB .regionalItem--N_R4iAEk {
  margin-bottom: 8px;
  border-radius: 0px 0px 8px 8px;
}
.regional-media-container--cfrT5yoB .regionalItem--N_R4iAEk .media-input--MJ8Wd7lG:first-child {
  padding-top: 14px;
}
.regional-media-container--cfrT5yoB .regionalItem--N_R4iAEk .media-input--MJ8Wd7lG .dropzone--UWKmYMRG {
  font-family: Source Sans Pro;
  width: 100%;
  height: 70px;
  font-size: 14px;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 8px;
  color: #718086;
  margin-left: 0vmin;
}
.regional-media-container--cfrT5yoB .regionalItem--N_R4iAEk .media-input--MJ8Wd7lG .dropzoneFilled--A6FTjICH {
  font-family: Source Sans Pro;
  background: #FFFFFF;
  border: 0.8px solid #D8D8D8;
  border-radius: 8px;
  width: 100%;
  height: 70px;
  font-size: 14px;
  cursor: pointer;
  box-sizing: border-box;
  color: #718086;
  margin-left: 0vmin;
}
.regional-media-container--cfrT5yoB .regionalItem--N_R4iAEk .media-input--MJ8Wd7lG .dropzone--UWKmYMRG .row-empty-container--yOI01pyb,
.regional-media-container--cfrT5yoB .regionalItem--N_R4iAEk .media-input--MJ8Wd7lG .dropzoneFilled--A6FTjICH .row-empty-container--yOI01pyb {
  width: 100%;
  height: 100%;
  border: 0.8px dashed #D8D8D8;
  border-radius: 8px;
  display: flex;
  align-items: center;
}
.regional-media-container--cfrT5yoB .regionalItem--N_R4iAEk .media-input--MJ8Wd7lG .dropzone--UWKmYMRG .row-empty-container--yOI01pyb.error--bPQAVXm2,
.regional-media-container--cfrT5yoB .regionalItem--N_R4iAEk .media-input--MJ8Wd7lG .dropzoneFilled--A6FTjICH .row-empty-container--yOI01pyb.error--bPQAVXm2 {
  border-color: #D0021B;
}
.regional-media-container--cfrT5yoB .regionalItem--N_R4iAEk .media-input--MJ8Wd7lG .dropzone--UWKmYMRG .row-renderer--hBxmTH3O,
.regional-media-container--cfrT5yoB .regionalItem--N_R4iAEk .media-input--MJ8Wd7lG .dropzoneFilled--A6FTjICH .row-renderer--hBxmTH3O {
  width: 100%;
  height: 100%;
  align-items: center;
}
.regional-media-container--cfrT5yoB .regionalItem--N_R4iAEk .media-input--MJ8Wd7lG .dropzone--UWKmYMRG .dropzone-title-container--T3OHpQNX,
.regional-media-container--cfrT5yoB .regionalItem--N_R4iAEk .media-input--MJ8Wd7lG .dropzoneFilled--A6FTjICH .dropzone-title-container--T3OHpQNX {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  line-height: 2vmin;
}
.regional-media-container--cfrT5yoB .regionalItem--N_R4iAEk .media-input--MJ8Wd7lG .dropzone--UWKmYMRG .dropzone-title-container--T3OHpQNX .dropzone-title--naBlnA9e,
.regional-media-container--cfrT5yoB .regionalItem--N_R4iAEk .media-input--MJ8Wd7lG .dropzoneFilled--A6FTjICH .dropzone-title-container--T3OHpQNX .dropzone-title--naBlnA9e {
  color: #333333;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
}
.regional-media-container--cfrT5yoB .regionalItem--N_R4iAEk .media-input--MJ8Wd7lG .dropzone--UWKmYMRG .dropzone-title-container--T3OHpQNX .dropzone-hint--YQiUbUjP,
.regional-media-container--cfrT5yoB .regionalItem--N_R4iAEk .media-input--MJ8Wd7lG .dropzoneFilled--A6FTjICH .dropzone-title-container--T3OHpQNX .dropzone-hint--YQiUbUjP {
  font-family: Source Sans Pro;
  font-size: 1.3vmin;
  color: #718086;
  display: flex;
  justify-content: flex-start;
  margin-left: 0.5vmin;
}
.regional-media-container--cfrT5yoB .regionalItem--N_R4iAEk .media-input--MJ8Wd7lG .imageName--iGF_i802 {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 1.8vmin;
  line-height: 2.4vmin;
  align-items: center;
  color: #333333;
  min-width: 0px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 0px;
  text-align: left;
}
.regional-media-container--cfrT5yoB .regionalItem--N_R4iAEk .media-input--MJ8Wd7lG .dropzone-image-container--niHcJKCb {
  display: flex;
  justify-content: center;
  position: relative;
  align-items: center;
  height: 100%;
}
.regional-media-container--cfrT5yoB .regionalItem--N_R4iAEk .media-input--MJ8Wd7lG .dropzone-image-container--niHcJKCb .dropzone-spinner--oaYrQdZf {
  position: absolute;
  top: 50%;
  left: 50%;
}
.regional-media-container--cfrT5yoB .regionalItem--N_R4iAEk .media-input--MJ8Wd7lG .dropzone-image-container--niHcJKCb .image-preview--nJtCFUpy {
  border-radius: 2px;
  object-fit: cover;
  width: 80%;
  height: 80%;
}
.regional-media-container--cfrT5yoB .regionalItem--N_R4iAEk .media-input--MJ8Wd7lG .dropzone-image-container--niHcJKCb .image-bar-preview--GDD4TKsG {
  border-radius: 2px;
  width: 80%;
  height: 80%;
  background: #EEEEEE;
  object-fit: scale-down;
}
.regional-media-container--cfrT5yoB .add-button--gTyNeRWZ {
  padding-top: 4px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 0.65em;
  line-height: 0.7em;
  color: #718086;
  min-width: 100px;
  display: flex;
  justify-content: flex-end;
  transition: all 0.2s ease;
}
.regional-media-container--cfrT5yoB .add-button--gTyNeRWZ:hover {
  cursor: pointer;
  text-decoration: underline;
}
.regional-media-container--cfrT5yoB .add-button--gTyNeRWZ.hidden-button--fQeV2Yd8 {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.regional-media-container--cfrT5yoB .add-button--gTyNeRWZ.disabled-button--VTgoQs_T {
  opacity: 0.5;
}
.regional-media-container--cfrT5yoB .add-button--gTyNeRWZ.disabled-button--VTgoQs_T:hover {
  cursor: not-allowed;
  text-decoration: none;
}
.default-title-description--ExNvQr05 {
  padding-left: 2px;
  padding-top: 8px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 0.6em;
  line-height: 1.6em;
  color: #718086;
  text-align: left;
}

.dropdownContainer--WNNKyPjM {
  visibility: hidden;
  background: #FFFFFF;
  box-shadow: 0px 0.614583px 3px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  display: inline-block;
  z-index: 10000;
  position: absolute;
  top: 0;
  left: 0;
}
.dropdownContainer--WNNKyPjM.opened--oVXFr9MF {
  visibility: visible;
}
.story-container--s6xbqIPM {
  position: relative;
  margin-top: 100px;
  margin-left: 100px;
  padding: 10px;
}

.regional-container--jt79OsPh {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  background: #F9F9F9;
  display: flex;
  align-items: flex-start;
}
.regional-container--jt79OsPh:last-child {
  border-radius: 0px 0px 8px 8px;
}
.regional-container--jt79OsPh .dropdown-container--p640vkxb {
  position: relative;
  border-radius: 11px;
  margin-top: 4px;
}
.regional-container--jt79OsPh .dropdown-container--p640vkxb .dropdown-button--stBfJkGu {
  display: flex;
  align-items: center;
  margin-right: 8px;
  max-width: 88px;
}
.regional-container--jt79OsPh .dropdown-container--p640vkxb .dropdown-button--stBfJkGu .dropdown-arrow--brRH4wcw {
  display: flex;
  align-items: center;
}
.regional-container--jt79OsPh .dropdown-container--p640vkxb .dropdown-button--stBfJkGu .dropdown-arrow--brRH4wcw:hover {
  cursor: pointer;
}
.regional-container--jt79OsPh .dropdown-container--p640vkxb .dropdown-button--stBfJkGu .dropdown-arrow--brRH4wcw img {
  width: 12px;
  height: 12px;
  margin-left: 4px;
}
.regional-container--jt79OsPh .dropdown-container--p640vkxb .dropdown-element--A5zhGcO6 {
  display: flex;
  width: 70px;
  height: 34px;
  padding-top: 4px;
  padding-bottom: 4px;
  justify-content: space-around;
  align-items: center;
}
.regional-container--jt79OsPh .dropdown-container--p640vkxb .dropdown-element--A5zhGcO6 .dropdown-element-image--RBK0Qya0 {
  height: 14px;
  width: 21px;
  padding-bottom: 5px;
}
.regional-container--jt79OsPh .dropdown-container--p640vkxb .dropdown-element--A5zhGcO6 .dropdown-element-image--RBK0Qya0 img {
  max-width: 100%;
  max-height: 100%;
}
.regional-container--jt79OsPh .dropdown-container--p640vkxb .dropdown-element--A5zhGcO6 .dropdown-element-text--kepqaLaU {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #333333;
  margin-right: 8px;
}
.regional-container--jt79OsPh .dropdown-container--p640vkxb .dropdown-element--A5zhGcO6:hover {
  cursor: pointer;
  background: rgba(80, 169, 244, 0.1);
}
.regional-container--jt79OsPh .trash-icon--SXDAlUj1 {
  display: flex;
  justify-content: flex-end;
  padding-right: 1vmin;
  padding-top: 4px;
}
.regional-container--jt79OsPh .trash-icon--SXDAlUj1 img {
  height: 20px;
}

.spinnerComponent {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.dropzone-container--R7k8VRQi {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dropzone-container--R7k8VRQi .dropzone-content--uJ4Wbsvu {
  padding: 0px;
  height: 100%;
  width: 100%;
}
.dropzone-container--R7k8VRQi .dropzone-content--uJ4Wbsvu.disabled--FJrJEvrt {
  opacity: 0.5;
  pointer-events: none;
}
.dropzone-container--R7k8VRQi .dropzone-content--uJ4Wbsvu .upload-preview--gj8AFhaw {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dropzone-container--R7k8VRQi .dropzone-content--uJ4Wbsvu .upload-preview--gj8AFhaw.file-uploaded--Li7qoDui {
  border: 0px;
}
.dropzone-container--R7k8VRQi .dropzone-content--uJ4Wbsvu .upload-preview--gj8AFhaw:focus {
  outline: none;
}
.dropzone-container--R7k8VRQi .dropzone-content--uJ4Wbsvu .upload-preview--gj8AFhaw.with-file--VoU6Yo6Y {
  border: none;
  overflow: hidden;
}
.dropzone-container--R7k8VRQi .dropzone-content--uJ4Wbsvu .upload-preview--gj8AFhaw .uploader-title--ObrqNFHE {
  flex-direction: column;
  justify-content: center;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-align: center;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: #666666;
  padding-left: 4px;
  padding-right: 4px;
}
.dropzone-container--R7k8VRQi .dropzone-content--uJ4Wbsvu .upload-preview--gj8AFhaw .uploader-title--ObrqNFHE .image-placeholder--XQqIYx1q {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  text-align: center;
  padding-bottom: 5px;
}
.dropzone-container--R7k8VRQi .dropzone-content--uJ4Wbsvu .upload-preview--gj8AFhaw .uploader-title--ObrqNFHE .hint-text--MIf1kNB7 {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  display: flex;
  align-items: center;
  text-align: center;
}
.dropzone-container--R7k8VRQi .dropzone-content--uJ4Wbsvu .upload-preview--gj8AFhaw .image-preview--Aoslh_b2 {
  width: 100%;
  height: 100%;
}
.dropzone-container--R7k8VRQi .dropzone-content--uJ4Wbsvu .upload-preview--gj8AFhaw .video-preview--rx_98NA5 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dropzone-container--R7k8VRQi .dropzone-content--uJ4Wbsvu .upload-preview--gj8AFhaw .shadow--A8k34DhV {
  position: relative;
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  height: 100%;
}
.dropzone-container--R7k8VRQi .dropzone-content--uJ4Wbsvu .upload-preview--gj8AFhaw .shadow--A8k34DhV:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 47px;
  background: #000;
  opacity: 0.5;
  z-index: 1;
}
.dropzone-container--R7k8VRQi .dropzone-content--uJ4Wbsvu .upload-preview--gj8AFhaw .shadow--A8k34DhV:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 47px;
  background: #000;
  opacity: 0.5;
  z-index: 1;
}
.dropzone-container--R7k8VRQi .dropzone-content--uJ4Wbsvu:hover {
  cursor: pointer;
}

.wrapper-container--S4L9cmt6 {
  max-width: 650px;
  height: 100%;
}
.wrapper-container--S4L9cmt6 .modal-title--nZqkz6G4 {
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 21px;
  text-align: center;
  color: #333333;
}
.wrapper-container--S4L9cmt6 .wrapper-body--UFpia5bn {
  overflow-y: scroll;
  height: 472px;
  line-height: 16px;
  padding-left: 34px !important;
  padding-right: 34px !important;
}
@media only screen and (min-height: 700px) {
  .wrapper-container--S4L9cmt6 .wrapper-body--UFpia5bn {
    font-size: 20px;
  }
}
@media only screen and (max-height: 700px) {
  .wrapper-container--S4L9cmt6 .wrapper-body--UFpia5bn {
    font-size: 15px;
  }
}
@media only screen and (min-height: 700px) {
  .wrapper-container--S4L9cmt6 .wrapper-body--UFpia5bn .default-title-container--zZ5Bit5N {
    margin-top: 20px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-height: 700px) {
  .wrapper-container--S4L9cmt6 .wrapper-body--UFpia5bn .default-title-container--zZ5Bit5N {
    margin-top: 10px;
  }
}
.wrapper-container--S4L9cmt6 .wrapper-body--UFpia5bn .default-title-container--zZ5Bit5N .default-title--X0wkTsbM {
  font-weight: normal;
  font-size: 0.8em;
  font-weight: 600;
  font-style: normal;
  line-height: 1.6em;
  color: #333333;
}
@media only screen and (min-height: 700px) {
  .wrapper-container--S4L9cmt6 .wrapper-body--UFpia5bn .default-title-container--zZ5Bit5N .default-title--X0wkTsbM {
    padding-top: 8px;
    padding-bottom: 4px;
    padding-left: 8px;
  }
}
@media only screen and (max-height: 700px) {
  .wrapper-container--S4L9cmt6 .wrapper-body--UFpia5bn .default-title-container--zZ5Bit5N .default-title--X0wkTsbM {
    padding-top: 4px;
    padding-bottom: 2px;
    padding-left: 4px;
  }
}
.wrapper-container--S4L9cmt6 .wrapper-body--UFpia5bn .default-title-container--zZ5Bit5N .default-title-description--gq7pSw01 {
  padding-left: 2px;
  padding-top: 8px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 0.6em;
  line-height: 1.6em;
  color: #718086;
  text-align: left;
}
.translations-container--tf4YaTZm .headerContainer--tSS4EpIN {
  font-family: Source Sans Pro;
}
@media only screen and (max-height: 700px) {
  .translations-container--tf4YaTZm .headerContainer--tSS4EpIN {
    padding-top: 17px;
  }
}
@media only screen and (min-height: 700px) {
  .translations-container--tf4YaTZm .headerContainer--tSS4EpIN {
    padding-top: 34px;
  }
}
.translations-container--tf4YaTZm .headerContainer--tSS4EpIN .headerText--q6DlMnIy {
  text-align: start;
  font-weight: 600;
  padding-bottom: 10px;
  font-size: 0.75em;
  font-style: normal;
  line-height: 0.75em;
  color: #333333;
}
.translations-container--tf4YaTZm .headerContainer--tSS4EpIN .info-header--KKWOl5h2 {
  font-weight: 600;
  padding-bottom: 10px;
  font-size: 0.75em;
  font-style: normal;
  line-height: 0.75em;
  color: #333333;
  min-height: 240px;
  text-decoration: underline;
}
.translations-container--tf4YaTZm .header-divider--tWvzVzDr {
  border-bottom: 1px solid #E0E0E0;
}
@media only screen and (max-height: 700px) {
  .translations-container--tf4YaTZm .translations-body--lkOZW8Js:first-child {
    padding-top: 10px;
  }
}
@media only screen and (min-height: 700px) {
  .translations-container--tf4YaTZm .translations-body--lkOZW8Js:first-child {
    padding-top: 20px;
  }
}
@media only screen and (max-height: 700px) {
  .translations-container--tf4YaTZm .translations-body--lkOZW8Js .translations-item--MAPfKylo {
    padding-bottom: 7px;
  }
}
@media only screen and (min-height: 700px) {
  .translations-container--tf4YaTZm .translations-body--lkOZW8Js .translations-item--MAPfKylo {
    padding-bottom: 14px;
  }
}
.translations-container--tf4YaTZm .translations-body--lkOZW8Js .translations-item--MAPfKylo .translations-item-title--n8DNng8m {
  text-align: start;
  font-weight: normal;
  font-size: 0.8em;
  font-family: Source Sans Pro;
  font-style: normal;
  line-height: 1.6em;
  color: #333333;
}
.translations-container--tf4YaTZm .translations-body--lkOZW8Js .translations-item--MAPfKylo .wrapper--uh8WhBZH {
  position: relative;
}
.translations-container--tf4YaTZm .translations-body--lkOZW8Js .translations-item--MAPfKylo .wrapper--uh8WhBZH .search--YM6m6vRe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-radius: 8px 8px 0 0;
}
.translations-container--tf4YaTZm .translations-body--lkOZW8Js .translations-item--MAPfKylo .wrapper--uh8WhBZH .search--YM6m6vRe.withItem--k0gwTCM3 {
  background: transparent;
}
.translations-container--tf4YaTZm .translations-body--lkOZW8Js .translations-item--MAPfKylo .wrapper--uh8WhBZH .search--YM6m6vRe .grid-container {
  padding: 0;
}
.default-title-description--gq7pSw01 {
  padding-left: 2px;
  padding-top: 8px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 0.6em;
  line-height: 1.6em;
  color: #718086;
  text-align: left;
}

.trigger-button--AOsqAn9v {
  border: 1px solid #9B9B9B;
  box-sizing: border-box;
  border-radius: 8px;
  width: 100%;
  height: 6vmin;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 2vmin;
  line-height: 5.1vmin;
  text-align: center;
  letter-spacing: 0.01em;
  color: #9B9B9B;
  padding: 0 1vmin;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.trigger-button--AOsqAn9v:hover {
  cursor: pointer;
  color: #333333;
  border-color: #333333;
}
.trigger-button--AOsqAn9v[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.chips-container--YZ7iFKP0 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20px, 20px));
}
.chips-container--YZ7iFKP0 .chip--BwxKWWlB {
  background: #FFFFFF;
  border: 1px solid #D5D5D5;
  border-radius: 100%;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.chips-container--YZ7iFKP0 .chip--BwxKWWlB .chip-text--ccYYgARL {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 14px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #000000;
}
.chips-container--YZ7iFKP0 .chip--BwxKWWlB .chip-text-new-version--kh7GRdvM {
  font-weight: bold;
}
.new-version--jq7ubYnd {
  display: flex;
  flex-direction: row;
  margin-left: 4px;
}
.new-version-chip--rWAWXCns:not(:first-child) {
  margin-left: -5px;
}
.stories-container--j97Xi8YT {
  width: 100px;
  height: 50px;
}

.localise-preview--TfFBbhfn {
  background: #FFFFFF;
  border: 1px solid #D5D5D5;
  box-sizing: border-box;
  border-radius: 8px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 0.01em;
  color: #333333;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  height: auto;
  justify-content: space-between;
  align-items: center;
  display: flex;
  min-width: 160px;
  max-width: 340px;
}
.localise-preview--TfFBbhfn.new-version--iNIHWePL {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  border: none;
  background: none;
  padding: 0;
  width: 100%;
  max-width: 100%;
}
.localise-preview--TfFBbhfn .preview-body--EtDYLheU {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 100%;
  background-color: #F9F9F9;
}
.localise-preview--TfFBbhfn .preview-body--EtDYLheU.new-body--fex2g2JN {
  padding: 8px 10px;
  border-radius: 6px;
}
.localise-preview--TfFBbhfn .preview-body--EtDYLheU .title--KDM6bC9R {
  font-weight: 500;
  padding-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.localise-preview--TfFBbhfn .preview-body--EtDYLheU .title--KDM6bC9R.new-title--SRRAmQd6 {
  padding: 0;
}
.localise-preview--TfFBbhfn .preview-actions--tCk4Zuvf {
  display: flex;
  flex-direction: row;
}
.localise-preview--TfFBbhfn .preview-actions--tCk4Zuvf.new-edit-actions--XW6lkhyG {
  margin-left: 10px;
}
.localise-preview--TfFBbhfn .preview-actions--tCk4Zuvf .edit-icon--xIG0R25s {
  margin-bottom: 7px;
}
.localise-preview--TfFBbhfn .preview-actions--tCk4Zuvf .new-edit-icon--VMMIf1cA {
  margin: 0;
  margin-right: 4px;
}
.localise-preview--TfFBbhfn .preview-actions--tCk4Zuvf .icon-container--yO55OuGD {
  width: 26px;
  height: 26px;
  background: #FFFFFF;
  border-radius: 100%;
  display: flex;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  justify-content: center;
  align-items: center;
}
.localise-preview--TfFBbhfn .preview-actions--tCk4Zuvf .icon-container--yO55OuGD img {
  width: 18px;
  height: 18px;
}
.localise-preview--TfFBbhfn .preview-actions--tCk4Zuvf .icon-container--yO55OuGD:hover {
  cursor: pointer;
}
.localise-preview--TfFBbhfn .preview-actions--tCk4Zuvf .reset-popover--TQaFZyGP {
  width: 220px;
  height: 104px;
  display: table;
}
.localise-preview--TfFBbhfn .preview-actions--tCk4Zuvf .reset-popover--TQaFZyGP .reset-popover-message--Mdk5uvQB {
  text-align: center;
  padding-top: 10px;
  padding-right: 7px;
  padding-left: 7px;
}
.localise-preview--TfFBbhfn .preview-actions--tCk4Zuvf .reset-popover--TQaFZyGP .reset-buttons-container--h6QRdCO7 {
  display: flex;
  justify-content: space-evenly;
  padding-top: 10px;
}
.localise-preview--TfFBbhfn .preview-actions--tCk4Zuvf .reset-popover--TQaFZyGP .reset-buttons-container--h6QRdCO7 .reset-button--OH8G8s07 {
  background: #FFFFFF;
  border: 1px solid #D0021B;
  box-sizing: border-box;
  border-radius: 4px;
  height: 24px;
  width: 95px;
  text-align: center;
  color: #D0021B;
}
.localise-preview--TfFBbhfn .preview-actions--tCk4Zuvf .reset-popover--TQaFZyGP .reset-buttons-container--h6QRdCO7 .reset-button--OH8G8s07:hover {
  cursor: pointer;
}
.localise-preview--TfFBbhfn .preview-actions--tCk4Zuvf .reset-popover--TQaFZyGP .reset-buttons-container--h6QRdCO7 .cancel-button--TwjKA0nW {
  background: #FFFFFF;
  border: 1px solid #9B9B9B;
  box-sizing: border-box;
  border-radius: 4px;
  height: 24px;
  width: 95px;
  text-align: center;
}
.localise-preview--TfFBbhfn .preview-actions--tCk4Zuvf .reset-popover--TQaFZyGP .reset-buttons-container--h6QRdCO7 .cancel-button--TwjKA0nW:hover {
  cursor: pointer;
}

.needle-wrapper--qXErzSnT {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 0px;
  height: 110px;
}
.needle-wrapper--qXErzSnT:hover {
  cursor: col-resize;
  box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.02);
}
.needle-wrapper--qXErzSnT .needle-bar--IAenCtAG {
  border-left: 1px solid #666666;
  height: 110px;
  position: relative;
}
.needle-wrapper--qXErzSnT .needle-circle--FIFxIwxg {
  background: #666666;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 0;
}

.needle-wrapper--jACAEDjP {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 0px;
  height: 132px;
}
.needle-wrapper--jACAEDjP:hover {
  cursor: pointer;
  box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.02);
}
.needle-wrapper--jACAEDjP .needle-bar--uwZsgjcr {
  border-left: 1px solid #979797;
  height: 110px;
  position: relative;
}
.needle-wrapper--jACAEDjP .needle-time--eHTXktEQ {
  background: #979797;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 16px;
  position: absolute;
  top: 0;
  font-family: Source Sans Pro;
  border-radius: 2px;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 14px;
  text-transform: uppercase;
  color: #FFFFFF;
}

.product-indicator--oiyb3kYo {
  position: relative;
  width: 100%;
  height: 38px;
}
.product-indicator--oiyb3kYo .frame--OYylbS88 {
  width: 100%;
  height: 100%;
  background: repeating-linear-gradient(45deg, #E3E3E3 14px, #E3E3E3 18px, #CCCCCC 18px, #CCCCCC 20px);
  border-left: 1px solid #9B9B9B;
}
.product-indicator--oiyb3kYo .has-broken-link--dqRGfXkE {
  background: repeating-linear-gradient(45deg, #DEABB1 14px, #DEABB1 18px, #CD999F 18px, #CD999F 20px);
}
.product-indicator--oiyb3kYo .shirt-styles--vnjPssPE {
  position: absolute;
  transform: translateX(-50%);
  top: 25%;
  left: 0;
  z-index: 2;
}
.product-indicator--oiyb3kYo img {
  pointer-events: none;
}
.popover-wrapper--e816RhpL {
  background: #FFFFFF;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 6px 20px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  width: 240px;
  height: 66px;
  padding: 6px;
  display: flex;
  align-items: center;
}
.popover-wrapper--e816RhpL img {
  height: 50px;
  object-fit: contain;
  width: 66px;
  border-radius: 6px;
}
.popover-wrapper--e816RhpL .data-container--MmB_BpsJ {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-left: 10px;
  text-align: left;
  flex: 1;
  overflow: hidden;
}
.popover-wrapper--e816RhpL .data-container--MmB_BpsJ .name--vzqe5t1J {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 13px;
  line-height: 16px;
  color: #666666;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.popover-wrapper--e816RhpL .data-container--MmB_BpsJ .sku--ZeuTaEN_ {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: #666666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.popover-wrapper--e816RhpL .data-container--MmB_BpsJ .timestamp-container--u7R7neh8 {
  margin-top: 2px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.popover-wrapper--e816RhpL .data-container--MmB_BpsJ .timestamp-container--u7R7neh8 img {
  width: 15px;
  height: 15px;
  margin-right: 4px;
}
.popover-wrapper--e816RhpL .data-container--MmB_BpsJ .timestamp-container--u7R7neh8 .timestamp--dpY5mgYY {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: #666666;
  color: #979797;
}
.popover-wrapper--e816RhpL .actions--ttzGFOfv {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-evenly;
  align-items: center;
}
.popover-wrapper--e816RhpL .actions--ttzGFOfv .icon-container--eB2tABeK {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.15);
}
.popover-wrapper--e816RhpL .actions--ttzGFOfv .icon-container--eB2tABeK:hover {
  cursor: pointer;
}
.popover-wrapper--e816RhpL .actions--ttzGFOfv .icon-container--eB2tABeK img {
  width: 14px;
  height: 14px;
}
.popover-wrapper--e816RhpL .confirm-delete--iIbyY1QB {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.popover-wrapper--e816RhpL .confirm-delete--iIbyY1QB .title--Rht5WNqF {
  font-weight: 500;
  font-size: 17px;
  line-height: 21px;
  text-align: center;
  color: #000000;
}
.popover-wrapper--e816RhpL .confirm-delete--iIbyY1QB .actions-container--MvWYOTn6 {
  font-size: 14px;
  line-height: 18px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 14px;
  font-size: 13px;
  margin-top: 8px;
  justify-content: space-evenly;
}
.popover-wrapper--e816RhpL .confirm-delete--iIbyY1QB .actions-container--MvWYOTn6 .cancel--fZXuR3nz {
  color: #333333;
  border: 1px solid #979797;
}
.popover-wrapper--e816RhpL .confirm-delete--iIbyY1QB .actions-container--MvWYOTn6 .confirm--Dm6IK3Mk {
  border: 1px solid #D0021B;
  border-radius: 4px;
  color: #D0021B;
}
.popover-wrapper--e816RhpL .confirm-delete--iIbyY1QB .actions-container--MvWYOTn6 .cancel--fZXuR3nz,
.popover-wrapper--e816RhpL .confirm-delete--iIbyY1QB .actions-container--MvWYOTn6 .confirm--Dm6IK3Mk {
  height: 32px;
  width: 118px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  box-sizing: border-box;
}
.popover-wrapper--e816RhpL .confirm-delete--iIbyY1QB .actions-container--MvWYOTn6 .cancel--fZXuR3nz:hover,
.popover-wrapper--e816RhpL .confirm-delete--iIbyY1QB .actions-container--MvWYOTn6 .confirm--Dm6IK3Mk:hover {
  text-decoration: underline;
  cursor: pointer;
}
.popover-wrapper--e816RhpL .confirm-delete--iIbyY1QB .actions-container--MvWYOTn6 .cancel--fZXuR3nz,
.popover-wrapper--e816RhpL .confirm-delete--iIbyY1QB .actions-container--MvWYOTn6 .confirm--Dm6IK3Mk {
  width: 96px;
  height: 24px;
}

.wrapper--ccstQxwx {
  position: relative;
  display: flex;
  flex-direction: column;
  border-left: 1px solid #EEEEEE;
  border-right: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
}
.wrapper--ccstQxwx .slider-section--Owsa9HEr {
  height: 38px;
  background: #F6F6F6;
  position: relative;
  display: flex;
  border-radius: 6px;
  margin-bottom: 8px;
}
.wrapper--ccstQxwx .slider-section--Owsa9HEr:hover {
  cursor: pointer;
}
.wrapper--ccstQxwx .slider-section--Owsa9HEr .overflow-container--GwY1VH5e {
  overflow: hidden;
  z-index: 2;
  border-radius: 6px;
  width: 520px;
  position: relative;
}
.wrapper--ccstQxwx .slider-section--Owsa9HEr .overflow-container--GwY1VH5e .resize-bound--Q0Nijr24 {
  position: absolute;
  display: flex;
}
.wrapper--ccstQxwx .frames-container--lpIcc4PA {
  display: flex;
  height: 38px;
  border-top: 1px solid #EEEEEE;
  padding: 5px 0;
}
.wrapper--ccstQxwx .frames-container--lpIcc4PA .frames-inner-wrapper--kDL882zJ {
  display: flex;
  border-radius: 0.5rem;
  overflow: hidden;
}
.wrapper--ccstQxwx .frames-container--lpIcc4PA .frames-inner-wrapper--kDL882zJ .frame-image--h87kZqWB {
  width: 25px;
  height: 38px;
  margin-left: 1px;
  pointer-events: none;
}
.wrapper--ccstQxwx .frames-container--lpIcc4PA .video-icon-container--Hdaob2Q0 {
  width: 60px;
  display: flex;
  align-items: center;
}
.wrapper--ccstQxwx .frames-container--lpIcc4PA .video-icon-container--Hdaob2Q0 img {
  margin-left: 8px;
}

.addFrameButton--WBRHUCZg {
  background: #26A9FA;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-left: 4px;
  margin-right: 4px;
}
.addFrameButton--WBRHUCZg.disabled--dRUUil0m {
  background: #CCCCCC;
  pointer-events: none;
  cursor: block;
}
.addFrameButton--WBRHUCZg:hover {
  cursor: pointer;
  background: #068cdf;
}
.addFrameButton--WBRHUCZg img {
  height: 12px;
  width: 12px;
}

.slider-wrapper--CeUDwR_G {
  display: flex;
  position: relative;
}
.editor-wrapper--eXpZdrDj {
  display: flex;
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
}
.editor-wrapper--eXpZdrDj .actions-wrapper--fDild8rn {
  display: flex;
  flex-direction: column;
  height: 96px;
}
.editor-wrapper--eXpZdrDj .actions-wrapper--fDild8rn .video-icon-container--vqG0ZJLv {
  height: 48px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #EEEEEE;
  margin-left: 4px;
}
.editor-wrapper--eXpZdrDj .actions-wrapper--fDild8rn .actions-container--AZAY2xW7 {
  display: flex;
  height: 46px;
  width: 60px;
  align-items: center;
  border-bottom: 1px solid #EEEEEE;
}
.editor-wrapper--eXpZdrDj .slider-wrapper--CeUDwR_G {
  width: 100%;
  position: relative;
}
.video-container--V6EhZZXI {
  height: 340px;
  display: flex;
  justify-content: center;
  background: #000000;
}
.video-container--V6EhZZXI video {
  width: 260px;
  height: 100%;
}
.timeline--Co30ckSa {
  margin-top: 16px;
  display: flex;
  padding-right: 38px;
  padding-left: 90px;
  flex-direction: row;
  justify-content: space-between;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #666666;
}
.timeline--Co30ckSa .time-start--eOu4hgZe {
  padding-left: 8px;
  border-left: 1px solid #EEEEEE;
  padding-bottom: 14px;
}
.timeline--Co30ckSa .time-end--iAQp7NZy {
  padding-right: 8px;
  border-right: 1px solid #EEEEEE;
  padding-bottom: 14px;
}

.toggle-button--lOeJCQjR {
  box-sizing: border-box;
  width: 80px;
  height: 44px;
  background: #7ED321;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 3px;
}
.toggle-button--lOeJCQjR:hover {
  cursor: pointer;
}
.toggle-button--lOeJCQjR[disabled] {
  cursor: not-allowed;
  opacity: 0.7;
}
.toggle-button--lOeJCQjR .circle--Vf2gogW2 {
  width: 36px;
  height: 36px;
  background: #FFFFFF;
  border-radius: 100%;
}
.toggle-button--lOeJCQjR .circle--Vf2gogW2[disabled] {
  pointer-events: none;
  opacity: 0.7;
}
.toggle-button--lOeJCQjR .text--yEdCCHFv {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  padding-left: 10px;
  text-align: center;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: #FFFFFF;
}
.toggle-button--lOeJCQjR .text--yEdCCHFv[disabled] {
  pointer-events: none;
  opacity: 0.7;
}
.body-wrapper--bj43t0k0 {
  min-width: 228px;
  padding: 16px;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-family: Source Sans Pro;
  font-style: normal;
}
.body-wrapper--bj43t0k0 .title--EjsZ48zY {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #333333;
}
.body-wrapper--bj43t0k0 .description--Ga4lT8Kn {
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #748085;
}
.body-wrapper--bj43t0k0 .button-container--vhkq1FcE {
  margin-top: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
}
.body-wrapper--bj43t0k0 .button-container--vhkq1FcE .cancel--Ps4WGFO8 {
  width: 100px;
  height: 28px;
  border-radius: 4px;
  border: 1px solid #9B9B9B;
  color: #333333;
}
.body-wrapper--bj43t0k0 .button-container--vhkq1FcE .turn-off--Uou2Lon9 {
  width: 100px;
  height: 28px;
  border-radius: 4px;
  border: 1px solid #D0021B;
  color: #D0021B;
}
.body-wrapper--bj43t0k0 .button-container--vhkq1FcE .cancel--Ps4WGFO8,
.body-wrapper--bj43t0k0 .button-container--vhkq1FcE .turn-off--Uou2Lon9 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.body-wrapper--bj43t0k0 .button-container--vhkq1FcE .cancel--Ps4WGFO8:hover,
.body-wrapper--bj43t0k0 .button-container--vhkq1FcE .turn-off--Uou2Lon9:hover {
  cursor: pointer;
  text-decoration: underline;
}

@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}.buttonComponent {
  border: none;
}
.buttonComponent.disabled {
  background-color: #D8D8D8;
  cursor: default;
  pointer-events: none;
  opacity: 1 !important;
}

@keyframes changeWidthAnimation {
  from {
    width: 0%;
    background-color: rgba(255, 255, 255, 0.4);
  }
  to {
    width: 100%;
    background-color: rgba(255, 255, 255, 0);
  }
}
.button-shine:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 48px;
  transition: none;
}
.button-shine:after {
  animation-duration: 0.6s;
  animation-name: changeWidthAnimation;
  animation-iteration-count: infinite;
  height: 48px;
}

.button-container--CfP1ZYyb {
  margin-top: 1vmin;
  border: none;
  position: relative;
  max-width: 220px;
  height: 48px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
}
.button-container--CfP1ZYyb.green-theme--as5magP2 {
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  color: #FFFFFF;
  background: #7ED321;
}
.button-container--CfP1ZYyb.green-theme--as5magP2:hover {
  background: #96DA4C;
}
.button-container--CfP1ZYyb.green-theme--as5magP2.disabled--RF4JMWcJ {
  pointer-events: none;
  background: #D8D8D8;
  box-shadow: none;
}
.button-container--CfP1ZYyb.green-theme--as5magP2:active {
  box-shadow: 0 0.2vmin 0.2vmin 0 #68b80f;
}
.button-container--CfP1ZYyb.nutral-theme--Cuw2o0of {
  background: #FFFFFF;
  border: 1px solid #666666;
  color: #666666;
  box-shadow: none;
  font-weight: 600;
  text-transform: none;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.03em;
  font-feature-settings: 'pnum' on, 'lnum' on;
}
.button-container--CfP1ZYyb.nutral-theme--Cuw2o0of:hover {
  background: #FFFFFF;
  box-shadow: none;
  color: #000000;
  border-color: #000000;
  cursor: pointer;
}
.button-container--CfP1ZYyb.nutral-theme--Cuw2o0of.disabled--RF4JMWcJ {
  color: #CCCCCC;
  border: 1px solid #CCCCCC;
  pointer-events: none;
}

.maintenance-container--S6e6LD1O {
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.18);
  border-radius: 4px;
  padding: 20px;
}
.maintenance-container--S6e6LD1O > div {
  align-items: center;
}
.maintenance-container--S6e6LD1O .header--sjVB4EdY {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 18px;
  color: #333333;
  font-weight: 500;
  text-align: left;
  margin-bottom: 8px;
}
.maintenance-container--S6e6LD1O .description--gqz0vnOg {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 19px;
  color: #748085;
  font-feature-settings: 'pnum' on, 'lnum' on;
  text-align: left;
  max-width: 400px;
}
.maintenance-container--S6e6LD1O .warning--jsYeb7lu {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 19px;
  color: #748085;
  font-feature-settings: 'pnum' on, 'lnum' on;
  text-align: left;
  margin-top: 8px;
  color: #D0021B;
  display: flex;
  align-items: center;
}
.maintenance-container--S6e6LD1O .warning--jsYeb7lu img {
  margin-right: 4px;
}
.maintenance-container--S6e6LD1O .triggerContainer--kgDkLWtl {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 300px;
  width: 100%;
  border: 1px solid #333333;
  border-radius: 7px;
  height: 5.5vmin;
}
.maintenance-container--S6e6LD1O .triggerContainer--kgDkLWtl .edit-text--uOdy7Khu {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.maintenance-container--S6e6LD1O .toggle-container--WnUXfCDG {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  max-width: 300px;
}
.button-container--BlpOlaYY {
  padding-right: 10px;
  max-width: 300px;
  margin-right: auto;
  height: 100%;
  align-items: flex-end;
  display: flex;
}
.spinner--TUr9uDG2 {
  position: relative;
  margin-right: 30px;
}

.container--M_eDLr7J {
  padding: 2rem;
  text-align: center;
  transition: top 0.7s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.container--M_eDLr7J .icon--FxPm1mq3 {
  width: 4vmin;
  height: 4vmin;
}
.container--M_eDLr7J .title--DpVq8CCZ {
  font-weight: 600;
  color: #333;
  font-size: 2.6vmin;
}
.container--M_eDLr7J .subtitle--dNIkKS7O {
  padding-top: 1.5vmin;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.43;
}
.container--M_eDLr7J .secondSubtitle--vcq3980y {
  margin: 2vmin 0;
  color: #718086;
  font-size: 1.8vmin;
}
.container--M_eDLr7J .actions--BGNRWJ7_ {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: auto;
}

.container--HjMfoWfX {
  position: relative;
  padding: 2rem;
  text-align: center;
  transition: top 0.7s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.container--HjMfoWfX .icon--HIkAtQ2J {
  color: #333;
  height: 1vmin;
}
.container--HjMfoWfX .title--WUWAfaII {
  font-weight: 600;
  color: #333;
  font-size: 2.6vmin;
}
.container--HjMfoWfX .subtitle--KdrPoXHW {
  padding-top: 1.5vmin;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.43;
  margin-bottom: 26px;
}
.container--HjMfoWfX .secondSubtitle--Rp6dXPO5 {
  margin: 2vmin 0;
  color: #718086;
  font-size: 1.8vmin;
}
.container--HjMfoWfX .actions--TI4Ky148 {
  position: absolute;
  top: 18px;
  right: 18px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
.container--HjMfoWfX .actions--TI4Ky148 img {
  height: 30px;
  width: 30px;
  cursor: pointer;
}
.container--HjMfoWfX .row--1ggAd9Dh {
  text-align: initial;
  cursor: pointer;
  border-bottom: solid 1px;
  border-color: #e0e0e0;
  padding: 14px 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.container--HjMfoWfX .row--1ggAd9Dh:first-of-type {
  border-top: solid 1px;
  border-color: #e0e0e0;
}

.wrapperContainer--jfgNiRl9 {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 16px;
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.wrapperContainer--jfgNiRl9 .container--_JPBCKm3 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
  border-radius: 0.5vmin;
}
.wrapperContainer--jfgNiRl9 .header--g1COXOhS {
  display: flex;
  justify-content: space-between;
  padding: 13px 15px;
  background: #FFFFFF;
}
.wrapperContainer--jfgNiRl9 .header--g1COXOhS .published--CFFY_qwY {
  width: 27px;
  height: 27px;
}
.wrapperContainer--jfgNiRl9 .header--g1COXOhS .published--CFFY_qwY img {
  width: 100%;
  height: 100%;
  background-size: cover;
}
.wrapperContainer--jfgNiRl9 .header--g1COXOhS .titleContainer--ONq2avUF {
  display: flex;
  flex-direction: column;
}
.wrapperContainer--jfgNiRl9 .header--g1COXOhS .titleContainer--ONq2avUF .title--iigKgxWN {
  font-weight: 600;
  font-size: 18px;
  line-height: 23px;
}
.wrapperContainer--jfgNiRl9 .header--g1COXOhS .titleContainer--ONq2avUF .date--xAU5yf_6 {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #9B9B9B;
}
.wrapperContainer--jfgNiRl9 .imageWrapper--Q8ZTiyYZ {
  width: 100%;
  height: 30vh;
  position: relative;
}
@media (max-width: 1200px) {
  .wrapperContainer--jfgNiRl9 .imageWrapper--Q8ZTiyYZ {
    height: 20vh;
  }
}
.wrapperContainer--jfgNiRl9 .imageWrapper--Q8ZTiyYZ .image--MtvUa64e {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wrapperContainer--jfgNiRl9 .imageWrapper--Q8ZTiyYZ .image--MtvUa64e:hover {
  cursor: pointer;
}
.wrapperContainer--jfgNiRl9 .imageWrapper--Q8ZTiyYZ .lookbook-video-camera--xn3QDkj8 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 54px;
  height: 54px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wrapperContainer--jfgNiRl9 .imageWrapper--Q8ZTiyYZ .lookbook-video-camera--xn3QDkj8 img {
  height: 27px;
  width: 27px;
}
.wrapperContainer--jfgNiRl9 .imageWrapper--Q8ZTiyYZ .lookbook-video-camera--xn3QDkj8:hover {
  cursor: pointer;
}
.wrapperContainer--jfgNiRl9 .imageWrapper--Q8ZTiyYZ .empty--UkYYuD7f {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.wrapperContainer--jfgNiRl9 .imageWrapper--Q8ZTiyYZ .empty--UkYYuD7f:hover {
  cursor: pointer;
}
.wrapperContainer--jfgNiRl9 .footer--wMwQ2AnS {
  position: relative;
}
.wrapperContainer--jfgNiRl9 .footer--wMwQ2AnS .dropdownTrigger--AlJUbJJe {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 15px;
  background: #FFFFFF;
}
.wrapperContainer--jfgNiRl9 .footer--wMwQ2AnS .dropdownTrigger--AlJUbJJe:hover {
  cursor: pointer;
}
.wrapperContainer--jfgNiRl9 .footer--wMwQ2AnS .dropdownTrigger--AlJUbJJe .archivedTitle--NJv5x7cT {
  font-size: 18px;
  line-height: 23px;
  color: #9b9b9b;
}
.wrapperContainer--jfgNiRl9 .footer--wMwQ2AnS .dropdownTrigger--AlJUbJJe .pillWrapper--qbUT5tHb {
  width: 100%;
}
.wrapperContainer--jfgNiRl9 .footer--wMwQ2AnS .dropdownTrigger--AlJUbJJe .dropdown--VvKiNQdJ {
  width: 14px;
  height: 8px;
}

.storefront-option--T6PjoWZ7 {
  padding: 12px 16px;
  box-sizing: border-box;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  padding: 8px 16px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-transform: uppercase;
}
.storefront-option--T6PjoWZ7.bordered--dRi6XuB_ {
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #f3f3f3;
}
.storefront-option--T6PjoWZ7:hover {
  cursor: pointer;
  background: #F9F9F9;
}
.storefront-option--T6PjoWZ7.disabled--vKITcWdH {
  opacity: 0.5;
  pointer-events: none;
}
.storefront-option--T6PjoWZ7 .flag-container--kIsQQFxO {
  width: 24px;
  height: 24px;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.storefront-option--T6PjoWZ7 .flag-container--kIsQQFxO img {
  width: 100%;
  height: 100%;
}
.storefront-option--T6PjoWZ7 .title--fZYAqRCq {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  margin-left: 6px;
}
.storefront-option--T6PjoWZ7 .date--yOnDN6DD {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  color: #F5A623;
}
.storefront-option--T6PjoWZ7 .date--yOnDN6DD.dateInThePast--f7lQap3T {
  color: #64b900;
}
.storefront-option--T6PjoWZ7 .schedule-icon-position--LLU3sfvG {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.storefront-option--T6PjoWZ7 .schedule-icon-position--LLU3sfvG .schedule-icon--_NZfrS5h {
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.storefront-option--T6PjoWZ7 .schedule-icon-position--LLU3sfvG .schedule-icon--_NZfrS5h:hover {
  border-radius: 100%;
  background: #DCE3E5;
}
.storefront-option--T6PjoWZ7 .schedule-icon-position--LLU3sfvG .schedule-icon--_NZfrS5h.disabled--vKITcWdH {
  opacity: 0.5;
  position: none;
  cursor: default;
}
.storefront-option--T6PjoWZ7 .schedule-icon-position--LLU3sfvG .schedule-icon--_NZfrS5h.disabled--vKITcWdH:hover {
  background: none;
}
.storefront-option--T6PjoWZ7 .schedule-icon-position--LLU3sfvG .schedule-icon--_NZfrS5h img {
  width: 20px;
  height: 20px;
}

.trigger-button--rKExo3Lb {
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  border: 1px solid #AAAAAA;
  box-sizing: border-box;
  border-radius: 6px;
  padding: 6px 10px;
  width: 142px;
  margin-left: auto;
}
.trigger-button--rKExo3Lb:hover {
  border: 1px solid #666666;
  cursor: pointer;
}
.trigger-button--rKExo3Lb.disabled--Pg1Di5x7 {
  opacity: 0.5;
  cursor: not-allowed;
}
.trigger-button--rKExo3Lb .first-row--CK5hoFJp {
  display: flex;
  align-items: center;
}
.trigger-button--rKExo3Lb .first-row--CK5hoFJp .dot--Aym8zNQj {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  margin-right: 6px;
}
.trigger-button--rKExo3Lb .first-row--CK5hoFJp .dot--Aym8zNQj.green--paxuuUcN {
  background: #7ED321;
}
.trigger-button--rKExo3Lb .first-row--CK5hoFJp .dot--Aym8zNQj.orange--nvK9cN2U {
  background: #FA9826;
}
.trigger-button--rKExo3Lb .first-row--CK5hoFJp .dot--Aym8zNQj.purple--PILDXjXA {
  background: #9718C3;
}
.trigger-button--rKExo3Lb .first-row--CK5hoFJp .title--aumMqCDT {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  font-weight: 500;
  color: #000000;
  margin-right: 24px;
}
.trigger-button--rKExo3Lb .first-row--CK5hoFJp .arrow-container--cV3QYiCK {
  flex: 1;
}
.trigger-button--rKExo3Lb .storefronts--UjSTCb2a {
  text-align: start;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: #666666;
}
.draft-button--YzEzvmlI {
  bottom: 70px;
}
.slider-wrapper--obkEFDbh {
  width: 100%;
  height: 100%;
  position: relative;
}
.calendar-component--fsYObNHK {
  height: 100%;
  padding-bottom: 40px;
}
.calendar-component--fsYObNHK .calendar-body--kqd05PuG {
  width: 100%;
  height: 100%;
}

.toggle-button-item--U0pcTmsX {
  width: 100%;
  color: #9A9A9A;
  z-index: 10;
  transition: all 0.4s ease-in-out;
  text-align: center;
  cursor: pointer;
}

.toggle-button--oLaHsh1R {
  display: flex;
  align-items: center;
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 4px;
  box-sizing: border-box;
}
.buttonsWrapper--YLIYLlHq {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.button--nH5E7zlr {
  color: #FFFFFF;
}
.selected-button--k02rhuTt {
  border-radius: 4px;
  position: absolute;
  background-color: #26A9FA;
  height: 100%;
  transition: left 0.2s ease;
  z-index: 0;
}

.button-styles--AbjMiibp {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 28px;
  padding-top: 3px;
  padding-bottom: 3px;
  max-width: 300px;
}
.button-styles--AbjMiibp .toggle-item--z2DWKypU {
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: capitalize;
}
/* Story css */
.story-container--Bn8YyEG7 {
  width: 350px;
}
.selected-button-style--N75mGdUA {
  color: #333333;
}
.toggle-container--bAqsbplw {
  max-width: 260px;
  min-width: 216px;
  max-height: 40px;
}

.calendar-component--LkmpuSUa {
  height: 100%;
  padding-bottom: 40px;
}
.calendar-component--LkmpuSUa .calendar-body--lQysn4YM {
  width: 100%;
  height: 100%;
}
.reset-button--C5xM9vCW {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  color: #D0021B;
}
.reset-button--C5xM9vCW:hover {
  cursor: pointer;
  text-decoration: underline;
}
.reset-button--C5xM9vCW.disabled--vf1qeWNl {
  pointer-events: none;
  opacity: 0.5;
}
.toggle-wrapper--YDEvJCtx {
  display: flex;
  justify-content: center;
  position: sticky;
  padding-top: 8px;
  height: 64px;
}
.toggle-wrapper--YDEvJCtx .toggle-container--vPD_0Zto {
  width: 80%;
  height: 100%;
}

@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}.popoverComponent {
  width: 42vmin;
}
.calendarComponent .dtpPopupTimeInputContainer {
  display: flex;
  justify-content: center;
  align-items: center;
}
.calendarComponent .dtpPopupTimeInputContainer span {
  position: absolute;
  font-size: 2vmin;
  margin: 0.3vmin 0 0 0 !important;
}
.calendarComponent .calendarWrapper {
  width: 100%;
  height: 100%;
}
.calendarComponent .calendarWrapper .dtpPopup {
  width: 100%;
  height: 100%;
}
.calendarComponent .calendarWrapper .dtpPopup .dtpPopupTimeContainer {
  background-color: #fff;
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
  width: 100%;
  margin-top: 30.4vmin;
  height: 10.7vmin;
  margin-top: 0;
}
.calendarComponent .calendarWrapper .dtpPopup .dtpPopupTimeContainer .hintText {
  text-align: center;
  text-transform: capitalize;
  line-height: normal;
  padding-top: 1.2vmin;
}
.calendarComponent .calendarWrapper .dtpPopup .dtpPopupTimeContainer .dtpPopupTimeInputContainer {
  display: flex;
  justify-content: center;
  align-items: center;
}
.calendarComponent .calendarWrapper .dtpPopup .dtpPopupTimeContainer .dtpPopupTimeInputContainer .dtpPopupTimeInput {
  background-color: #fff;
  text-align: center;
  border: 1px solid #f3f3f3;
  width: 11.2vmin;
  height: 3.6vmin;
  border-radius: 0.9vmin;
  margin-bottom: 0.5vmin;
  margin-top: 1.2vmin;
  font-size: 2.1vmin;
  padding: 0.1vmin 0;
}
.calendarComponent .calendarWrapper .dtpPopup .dtpPopupTimeContainer .dtpPopupTimeInputContainer .dtpPopupTimeInput.timeInputLeft {
  margin-right: 15px;
}
.calendarComponent .calendarWrapper .dtpPopup .dtpPopupTimeContainer .dtpPopupTimeInputContainer .dtpPopupTimeInput.timeInputRight {
  margin-left: 15px;
}
.calendarComponent .calendarWrapper .dtpPopup .dtpPopupTimeContainer span {
  margin: 0;
}
.calendarComponent .calendarWrapper .dtpPopup .dtpPopupFooter {
  height: auto;
  padding-bottom: 64px;
}
.calendarComponent .calendarWrapper .dtpPopup .dtpPopupFooter .dtpPopupFooterLeftButton {
  text-transform: uppercase;
  font-weight: 400;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 32px;
  padding-right: 32px;
  margin-bottom: 12px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  float: none;
  width: 100%;
  border-bottom: 1px solid #f3f3f3;
}
.calendarComponent .calendarWrapper .dtpPopup .dtpPopupFooter .scheduleArrow {
  transform: rotate(180deg);
  float: right;
  position: relative;
}
.calendarComponent .react-datepicker__navigation--next {
  border: 1px solid;
  border-color: #333333 transparent transparent #333333;
  width: 7px;
  height: 7px;
  margin-top: 5px;
}
.calendarComponent .react-datepicker__navigation {
  border: 1px solid;
  border-color: #718086 transparent transparent #718086;
  width: 0.7vmin;
  height: 0.7vmin;
  margin-top: 10px;
}
.calendarComponent .react-datepicker__navigation--next {
  transform: rotate(135deg);
  right: 50px;
  border: 1px solid;
  border-color: #333333 transparent transparent #333333;
  width: 8px;
  height: 8px;
  margin-top: 5px;
}
.calendarComponent .react-datepicker__navigation--previous {
  transform: rotate(-45deg);
  left: 50px;
}
.calendarComponent .react-datepicker__navigation--previous:hover {
  border-right-color: transparent;
}
.calendarComponent .datePickerContainer {
  display: flex;
  justify-content: center;
  align-content: center;
}
.calendarComponent .react-datepicker {
  border: none;
  font-size: 2vmin;
  background-color: transparent;
}
.calendarComponent .react-datepicker__header {
  background-color: transparent;
  border-bottom: none;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.calendarComponent .calendarHeaderTitle {
  color: #333333;
  font-size: 20px;
  padding-top: 2vmin;
  padding-bottom: 2vmin;
}
.calendarComponent .react-datepicker__day-names {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
  padding-left: 16px;
  padding-right: 12px;
}
.calendarComponent .react-datepicker__day-name {
  text-transform: uppercase;
  color: #7ED1F3;
  padding-bottom: 0;
  font-weight: normal;
  font-size: 16px;
}
.calendarComponent .react-datepicker__day {
  font-size: 16px;
  line-height: normal;
  margin: 0;
  padding: 0 6px;
  background: transparent;
}
.calendarComponent .react-datepicker__day:hover {
  border-radius: 0;
}
.calendarComponent .react-datepicker__day.react-datepicker__day--highlighted__days:hover {
  border-radius: 0;
}
.calendarComponent .datePickerCustomDay {
  width: 3vmin;
  height: 3vmin;
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.calendarComponent .react-datepicker__current-month {
  color: #666666;
  font-size: 13px;
  letter-spacing: 0.5px;
  font-weight: normal;
  padding: 4px 0;
}
.calendarComponent .react-datepicker__month {
  margin-top: 5px;
}
.calendarComponent .react-datepicker__day--selected {
  font-weight: 500;
  border-radius: 0;
  background: transparent;
}
.calendarComponent .react-datepicker__day--selected .datePickerCustomDay {
  background: white;
  border: 1px solid #26A9FA;
  color: #26A9FA;
  border-radius: 50%;
}
.calendarComponent .react-datepicker__day--selected .datePickerCustomDay:hover {
  background: white;
}
.calendarComponent .react-datepicker__day--selected:hover {
  border-radius: 0;
  background: unset;
}
.calendarComponent .react-datepicker__day--selected:focus {
  border-radius: 0;
  background: unset;
}
.calendarComponent .react-datepicker__day--highlighted__days {
  background: rgba(38, 169, 250, 0.2);
}
.calendarComponent .react-datepicker__day--highlighted__days .datePickerCustomDay {
  background: transparent;
}
.calendarComponent .react-datepicker__day--highlighted__days--start {
  background: white;
  color: #26A9FA;
  transform-style: preserve-3d;
  font-weight: 400;
  border-radius: 0;
}
.calendarComponent .react-datepicker__day--highlighted__days--start .datePickerCustomDay {
  background: white !important;
  color: #26A9FA;
  border-radius: 50%;
  transform: translateZ(10px);
}
.calendarComponent .react-datepicker__day--highlighted__days--start .datePickerCustomDay:hover {
  background: white;
}
.calendarComponent .react-datepicker__day--highlighted__days--start .datePickerCustomDay .customDay {
  display: flex;
  justify-content: center;
  align-items: center;
  background: white;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 20;
  width: 3vmin;
  height: 3vmin;
  border: 1px solid #26A9FA;
  box-sizing: border-box;
}
.calendarComponent .react-datepicker__day--highlighted__days--start .datePickerCustomDay::before {
  background: #D8EEFE;
  content: "";
  position: absolute;
  height: 100%;
  left: 0;
  right: -1vmin;
  top: 0px;
  border-radius: 50% 0 0 50%;
  transform: translateZ(-10px);
}
.calendarComponent .react-datepicker__day--highlighted__days--start:hover {
  border-radius: 0;
  background: unset;
}
.calendarComponent .react-datepicker__day--highlighted__days--start:focus {
  border-radius: 0;
  background: unset;
}
.calendarComponent .react-datepicker__day--highlighted__days--end {
  background: rgba(38, 169, 250, 0.2) !important;
  border-radius: 0 100% 100% 0 !important;
}
.calendarComponent .react-datepicker__day--highlighted__days--end .datePickerCustomDay {
  background: #26A9FA;
  color: white;
  font-weight: bold;
  border-radius: 50%;
  transform-style: preserve-3d;
  transform: translateZ(10px);
}
.calendarComponent .react-datepicker__day--highlighted__days--end .datePickerCustomDay:hover {
  background: #26A9FA;
}
.calendarComponent .react-datepicker__day--highlighted__days--end .datePickerCustomDay::before {
  content: "";
  background: #D8EEFE;
  position: absolute;
  height: 100%;
  left: -1vmin;
  right: 0;
  border-radius: 0 33px 33px 0;
  transform: translateZ(-10px);
}
.calendarComponent .react-datepicker__day--highlighted__days--end:hover {
  background: rgba(38, 169, 250, 0.2) !important;
}
.calendarComponent .react-datepicker__week {
  margin-top: 5px;
  margin-bottom: 5px;
}
.calendarComponent .react-datepicker__week .react-datepicker__day--outside-month {
  opacity: 0;
  visibility: hidden;
}
.footerItem:last-child .popoverCalendarComponent .ddArrow {
  z-index: 0;
  bottom: -1.5vmin;
}
.footerItem:last-child .popoverCalendarComponent .dtpPopup.show {
  height: 70.1vmin;
}

.choose-action--y2SatcNr .list-item--mSHLrMJQ {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  box-sizing: border-box;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
}
.choose-action--y2SatcNr .list-item--mSHLrMJQ.bordered--CUX3wjni {
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #f3f3f3;
}
.choose-action--y2SatcNr .list-item--mSHLrMJQ:hover {
  cursor: pointer;
  background: #F9F9F9;
}
.choose-action--y2SatcNr .list-item--mSHLrMJQ .text--nflemAhL {
  margin-left: 4px;
  text-transform: none;
  color: #333333;
}
.choose-action--y2SatcNr .delete-list-item--dnj0k8Dz {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  box-sizing: border-box;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  padding-bottom: 16px;
}
.choose-action--y2SatcNr .delete-list-item--dnj0k8Dz.bordered--CUX3wjni {
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #f3f3f3;
}
.choose-action--y2SatcNr .delete-list-item--dnj0k8Dz:hover {
  cursor: pointer;
  background: #F9F9F9;
}
.choose-action--y2SatcNr .delete-list-item--dnj0k8Dz .text--nflemAhL {
  margin-left: 4px;
  text-transform: none;
  color: #333333;
}
.choose-action--y2SatcNr .delete-list-item--dnj0k8Dz:hover {
  background: rgba(208, 2, 27, 0.05);
}
.choose-action--y2SatcNr .delete-list-item--dnj0k8Dz .delete-action--LFl_RoD3 {
  color: #D0021B;
  margin-left: 4px;
}

.confirm-delete-wrapper--EdNzxg_C {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
}
.confirm-delete-wrapper--EdNzxg_C .empty-state--abyRh0sk {
  height: 192px;
}
.confirm-delete-wrapper--EdNzxg_C .empty-state--abyRh0sk .items-container--Yh1tn1Um {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 90%;
}
.confirm-delete-wrapper--EdNzxg_C .empty-state--abyRh0sk .items-container--Yh1tn1Um .not-linked-text--eBAQJrTM {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 500;
  margin-top: 52px;
  font-size: 15px;
  line-height: 16px;
  color: #333333;
  text-align: center;
  margin-top: 10px;
}
.confirm-delete-wrapper--EdNzxg_C .body-container--mz2GLMvm {
  height: 100%;
  padding-bottom: 56px;
}
.confirm-delete-wrapper--EdNzxg_C .body-container--mz2GLMvm .linked-content--lJREK7Gb {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  font-feature-settings: 'pnum' on, 'lnum' on;
  text-align: left;
  color: #9B9B9B;
}
.confirm-delete-wrapper--EdNzxg_C .body-container--mz2GLMvm .row-container--VxDBdMrH {
  display: flex;
  justify-content: space-between;
}
.confirm-delete-wrapper--EdNzxg_C .body-container--mz2GLMvm .row-container--VxDBdMrH .list-item--LTaJK4NL {
  width: 80%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
}
.confirm-delete-wrapper--EdNzxg_C .body-container--mz2GLMvm .row-container--VxDBdMrH .list-item--LTaJK4NL label {
  width: 82%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
.confirm-delete-wrapper--EdNzxg_C .body-container--mz2GLMvm .row-container--VxDBdMrH .icon-container--fSk8rI40 {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}

.action-button--lOTig3zd {
  position: relative;
  width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.action-button--lOTig3zd:hover {
  background: #DCE3E5;
  border-radius: 100%;
  cursor: pointer;
}
.action-button--lOTig3zd img {
  width: 18px;
  height: 4px;
}
.action-button--lOTig3zd.disabled--ZcfVaynO {
  opacity: 0.5;
}
.action-button--lOTig3zd.disabled--ZcfVaynO:hover {
  cursor: not-allowed;
  background: none;
}
.action-popover-wrapper--espcWXIu {
  width: 260px;
  height: 100%;
  cursor: default;
  text-transform: none;
}

.missing-link--IouIEPk5 {
  position: absolute;
  background-color: #F9E3E6;
  color: #D0021B;
  top: 15%;
  bottom: 0;
  left: 0;
  right: 0;
  height: 31px;
  font-size: 12px;
  line-height: 12px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.missing-link--IouIEPk5:hover {
  cursor: pointer;
}
.missing-link--IouIEPk5 span {
  font-weight: bold;
}
.missing-link--IouIEPk5 .close-button--XiAU2xiV img:hover {
  cursor: pointer;
}
.is-look--mZYkfUgu {
  font-weight: bold;
}
.is-not-absolute--XxVb7DYp {
  position: relative;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.width100--BVeV_3sQ {
  width: 100%;
}
.isLookbookOld--S8sOZLK9 {
  top: 0%;
}

.wrapper--t9pnlZ1o {
  padding: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100px;
}
.wrapper--t9pnlZ1o .title--yhjRFGeW {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #333333;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: #000000;
  font-weight: 500;
}
.wrapper--t9pnlZ1o .description--xboRBgZ6 {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #718086;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-weight: 400;
  color: #666666;
}
.wrapper--t9pnlZ1o .description--xboRBgZ6 span {
  color: #26A9FA;
}
.wrapper--t9pnlZ1o .description--xboRBgZ6 span:hover {
  cursor: pointer;
  text-decoration: underline;
}

.status-container--uEive9Gw {
  background: rgba(52, 64, 94, 0.05);
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  padding: 6px 48px;
  align-items: center;
}
.status-container--uEive9Gw .text--hg6oRwB8 {
  font-size: 14px;
  font-weight: normal;
}
.status-container--uEive9Gw .remove-button--caW1AnOT {
  display: flex;
  justify-content: center;
  flex-direction: revert;
  align-items: center;
  background: #E5E4E5;
  font-size: 14px;
  font-weight: normal;
  border-radius: 0.4vmin;
  height: 20px;
  margin-left: 14px;
  padding: 4px 8px;
  cursor: pointer;
}
.status-container--uEive9Gw .remove-button--caW1AnOT img {
  width: 100%;
  height: 100%;
  margin-right: 12px;
}

.internal-container--pVbnYoci {
  width: 206px;
}
.internal-container--pVbnYoci .list-item-container--ehe8CIFt {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.internal-container--pVbnYoci .list-item-container--ehe8CIFt .new-label--q155JGde {
  margin-left: 10px;
  width: 34px;
  padding-left: 2px;
  height: 18px;
  background: url(/2f59459ad4447a90d556.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: #FFFFFF;
}
.internal-container--pVbnYoci .list-item-container--ehe8CIFt .title--LcXS7Q_J {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  margin-left: 10px;
}

.story-container--hUob49Cp,
.main--wZ4fDWLH {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  font-size: 1.5rem;
  padding: 0 120px;
  height: max-content;
}
.story-container--hUob49Cp .spinner--NWgMmrkG,
.main--wZ4fDWLH .spinner--NWgMmrkG {
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
}
.story-container--hUob49Cp .loader-section--qqxqMzXJ,
.main--wZ4fDWLH .loader-section--qqxqMzXJ {
  height: 400px;
  width: 100%;
}
.story-container--hUob49Cp .header-section--FOVk3zmQ,
.main--wZ4fDWLH .header-section--FOVk3zmQ {
  margin-top: 44px;
  display: grid;
  margin-bottom: 20px;
}
.story-container--hUob49Cp .header-section--FOVk3zmQ > *,
.main--wZ4fDWLH .header-section--FOVk3zmQ > * {
  grid-column-start: 1;
  grid-row-start: 1;
  justify-self: center;
}
.story-container--hUob49Cp .header-section--FOVk3zmQ .toggle-container--XYrEJwGl,
.main--wZ4fDWLH .header-section--FOVk3zmQ .toggle-container--XYrEJwGl {
  max-width: 260px;
  min-width: 216px;
  max-height: 40px;
}
.story-container--hUob49Cp .header-section--FOVk3zmQ .button-container--DNiVgyIq,
.main--wZ4fDWLH .header-section--FOVk3zmQ .button-container--DNiVgyIq {
  display: flex;
  align-items: center;
  justify-self: right;
  position: relative;
}
.story-container--hUob49Cp .header-section--FOVk3zmQ .button-container--DNiVgyIq .tooltip--fjEU7_2f,
.main--wZ4fDWLH .header-section--FOVk3zmQ .button-container--DNiVgyIq .tooltip--fjEU7_2f {
  margin-left: 5px;
  margin-top: 6px;
}
.story-container--hUob49Cp .isPaginationLoading--m5Lu5ogZ,
.main--wZ4fDWLH .isPaginationLoading--m5Lu5ogZ {
  display: none;
}
.story-container--hUob49Cp .pagination-container--PqTAe1mw,
.main--wZ4fDWLH .pagination-container--PqTAe1mw {
  margin-top: 40px;
  margin-bottom: 40px;
}
.story-container--hUob49Cp .filter-container-style--Ls1liYRV,
.main--wZ4fDWLH .filter-container-style--Ls1liYRV {
  margin-bottom: 16px;
}
.story-container--hUob49Cp .filter-container--GAXX1hCz,
.main--wZ4fDWLH .filter-container--GAXX1hCz {
  margin-bottom: 3vmin;
}
.story-container--hUob49Cp .filter-container--GAXX1hCz .filter-dropdown-container--OwcirFQE,
.main--wZ4fDWLH .filter-container--GAXX1hCz .filter-dropdown-container--OwcirFQE {
  display: flex;
  justify-content: center;
  align-items: center;
}
.story-container--hUob49Cp .card-container--fE9nMj7I,
.main--wZ4fDWLH .card-container--fE9nMj7I {
  margin-top: 14px;
}
.story-container--hUob49Cp .hint-text-container--S7BuocGt,
.main--wZ4fDWLH .hint-text-container--S7BuocGt {
  margin-top: 30px;
  margin-bottom: 30px;
}
.story-container--hUob49Cp .link--IQVO4Dk3,
.main--wZ4fDWLH .link--IQVO4Dk3 {
  color: #fff;
  text-decoration: underline;
}
.story-container--hUob49Cp .list-container--d5YeV5S3,
.main--wZ4fDWLH .list-container--d5YeV5S3 {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.item-list-item--qSNARPJY {
  height: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.item-list-item--qSNARPJY .item-container--y78QMdbv {
  display: flex;
  justify-content: center;
  width: 128px;
  height: 228px;
  position: relative;
}
.item-list-item--qSNARPJY .item-container--y78QMdbv .dropzone--pFQDsrhY {
  width: 100%;
  height: inherit;
  cursor: pointer;
  box-sizing: border-box;
  color: #718086;
}
.item-list-item--qSNARPJY .item-container--y78QMdbv .dropzone-preview--DDUmWZju {
  border-radius: 6px;
  border: 2px dashed #979797;
}
.item-list-item--qSNARPJY .item-container--y78QMdbv .remove-icon--arpa0cwd {
  position: absolute;
  top: -10px;
  right: -10px;
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.item-list-item--qSNARPJY .item-container--y78QMdbv .remove-icon--arpa0cwd img {
  height: 100%;
  width: 100%;
}
.item-list-item--qSNARPJY .item-container--y78QMdbv .remove-icon--arpa0cwd:hover {
  cursor: pointer;
}

.layout-base--BzUQ3yrq {
  position: relative;
  border: 1px solid #9b9b9b;
  border-radius: 6px;
  height: 5.5vmin;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 100px;
  padding: 0px 14px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  color: #858585;
}
.layout-base--BzUQ3yrq:hover {
  cursor: pointer;
}
.layout-base--BzUQ3yrq.active-button--IUEdjKUg {
  color: #333;
  border-color: #9b9b9b;
}
.layout-base--BzUQ3yrq.active-button--IUEdjKUg img {
  filter: opacity(1);
}
.layout-base--BzUQ3yrq img {
  width: 10px;
  height: 10px;
  filter: opacity(0.5);
}
.resolution-guide--X9T6k38E {
  margin-top: 8px;
  display: flex;
  width: 100%;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: #FFFFFF;
  height: 38px;
}
.resolution-guide--X9T6k38E:hover {
  cursor: pointer;
  color: inherit;
}
.video-slider-wrapper--rJ4eEQub {
  width: 100%;
  height: 100%;
  cursor: default;
}
.step-info-placeholder--zxcT_plK {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 8px;
  text-align: left;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 13px;
  line-height: 16px;
  color: #666666;
  color: #DCE3E5;
}
.step-info-container--VRzwLTk1 {
  width: 252px;
}
.step-info--IBZdiCoE {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 14px;
}
.step-info--IBZdiCoE img {
  height: 16px;
  width: 16px;
}
.step-info--IBZdiCoE span {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 13px;
  line-height: 16px;
  color: #666666;
  color: #DCE3E5;
  margin-left: 8px;
}
.disabled--r9mkZ4QW {
  pointer-events: none;
  border-color: rgba(155, 155, 155, 0.5);
  cursor: not-allowed;
}

.trigger-button--nJ9xZVLj {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background: #FFFFFF;
  border: 1px solid #333333;
  box-sizing: border-box;
  border-radius: 6px;
  padding: 10px 8px;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 19px;
  font-family: Source Sans Pro;
  color: #000000;
  min-width: 280px;
}
.trigger-button--nJ9xZVLj .title--dcCfqrzk {
  text-align: left;
}
.trigger-button--nJ9xZVLj .title--dcCfqrzk:hover {
  text-decoration: underline;
  cursor: pointer;
  border-radius: 20%;
}
.trigger-button--nJ9xZVLj .internal-container--v0HzkOMJ {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
}
.trigger-button--nJ9xZVLj .internal-container--v0HzkOMJ .default-title--gvjDPsbq {
  padding-right: 10px;
  text-align: left;
}
.trigger-button--nJ9xZVLj .internal-container--v0HzkOMJ .action-wrapper--XQaB8hvc {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #FFFFFF;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.15);
  margin-left: 6px;
}
.trigger-button--nJ9xZVLj .internal-container--v0HzkOMJ .action-wrapper--XQaB8hvc:hover {
  cursor: pointer;
}
.reset-popover--MaeatYQg {
  width: 220px;
  height: 104px;
  display: table;
}
.reset-popover--MaeatYQg .reset-popover-message--eGqXV8cb {
  text-align: center;
  padding-top: 10px;
  padding-right: 7px;
  padding-left: 7px;
}
.reset-popover--MaeatYQg .reset-buttons-container--oAwmomor {
  display: flex;
  justify-content: space-evenly;
  padding-top: 10px;
}
.reset-popover--MaeatYQg .reset-buttons-container--oAwmomor .reset-button--vdFXqD34 {
  background: #FFFFFF;
  border: 1px solid #D0021B;
  box-sizing: border-box;
  border-radius: 4px;
  height: 24px;
  width: 95px;
  text-align: center;
  color: #D0021B;
}
.reset-popover--MaeatYQg .reset-buttons-container--oAwmomor .reset-button--vdFXqD34:hover {
  cursor: pointer;
}
.reset-popover--MaeatYQg .reset-buttons-container--oAwmomor .cancel-button--QA2LU2Xx {
  background: #FFFFFF;
  border: 1px solid #9B9B9B;
  box-sizing: border-box;
  border-radius: 4px;
  height: 24px;
  width: 95px;
  text-align: center;
}
.reset-popover--MaeatYQg .reset-buttons-container--oAwmomor .cancel-button--QA2LU2Xx:hover {
  cursor: pointer;
}

.trigger-container--xHzUTZeG {
  background: #FFFFFF;
  border: 1px solid #333333;
  box-sizing: border-box;
  border-radius: 6px;
  min-width: 220px;
  max-width: 220px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.trigger-container--xHzUTZeG.disabled--gisjkUep {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}
.trigger-container--xHzUTZeG .text--Sej_MxjO {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  font-weight: 500;
}
.trigger-container--xHzUTZeG:hover {
  cursor: pointer;
  background: #EEEEEE;
}

.button-container--lXAfYLI2 {
  background: #FFFFFF;
  border: 1px solid #D5D5D5;
  box-sizing: border-box;
  border-radius: 8px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  height: auto;
  justify-content: space-between;
  display: flex;
  min-width: 160px;
  max-width: 340px;
  height: 82px;
}
.button-container--lXAfYLI2 .text-description--H_VU0VoT {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-weight: 500;
  width: 80%;
  color: #333333;
  text-align: left;
}
.button-container--lXAfYLI2 .actions--SMqBIZIi {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.button-container--lXAfYLI2 .actions--SMqBIZIi .icon-container--wwtSm8y9 {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}
.button-container--lXAfYLI2 .actions--SMqBIZIi .icon-container--wwtSm8y9 img {
  width: 18px;
  height: 18px;
}
.button-container--lXAfYLI2 .actions--SMqBIZIi .icon-container--wwtSm8y9:hover {
  cursor: pointer;
}

.disabled-wrapper--qWptFTwv {
  background: rgba(0, 0, 0, 0.5);
  width: 650px;
  height: 600px;
  position: fixed;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.disabled-wrapper--qWptFTwv .wrapper--ZzatO8tC {
  width: 272px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  max-height: 136px;
  background: #FFFFFF;
  border-radius: 10px;
  padding: 14px;
}
.disabled-wrapper--qWptFTwv .wrapper--ZzatO8tC .title--ccVNu4Nn {
  font-weight: 500;
  font-size: 17px;
  line-height: 21px;
  text-align: center;
  color: #000000;
}
.disabled-wrapper--qWptFTwv .wrapper--ZzatO8tC .description--nUfs1T6_ {
  font-size: 15px;
  line-height: 19px;
  text-align: center;
  color: #666666;
}
.disabled-wrapper--qWptFTwv .wrapper--ZzatO8tC .actions-container--B2ea2N8h {
  font-size: 14px;
  line-height: 18px;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  margin-top: 14px;
}
.disabled-wrapper--qWptFTwv .wrapper--ZzatO8tC .actions-container--B2ea2N8h .cancel--rJmDL026 {
  color: #333333;
  border: 1px solid #979797;
}
.disabled-wrapper--qWptFTwv .wrapper--ZzatO8tC .actions-container--B2ea2N8h .confirm--W5wi7x1C {
  border: 1px solid #D0021B;
  border-radius: 4px;
  color: #D0021B;
}
.disabled-wrapper--qWptFTwv .wrapper--ZzatO8tC .actions-container--B2ea2N8h .cancel--rJmDL026,
.disabled-wrapper--qWptFTwv .wrapper--ZzatO8tC .actions-container--B2ea2N8h .confirm--W5wi7x1C {
  height: 32px;
  width: 118px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  box-sizing: border-box;
}
.disabled-wrapper--qWptFTwv .wrapper--ZzatO8tC .actions-container--B2ea2N8h .cancel--rJmDL026:hover,
.disabled-wrapper--qWptFTwv .wrapper--ZzatO8tC .actions-container--B2ea2N8h .confirm--W5wi7x1C:hover {
  text-decoration: underline;
  cursor: pointer;
}

.info-button--Xvm9Yghl {
  display: flex;
  justify-content: flex-end;
}
.info-button--Xvm9Yghl img {
  width: 20px;
  height: 20px;
}
.info-button--Xvm9Yghl img:hover {
  cursor: pointer;
}
.wrapper--wdTOYm6b {
  width: 258px;
  height: 150px;
  display: flex;
  justify-content: flex-end;
  background: rgba(51, 51, 51, 0.9);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(30px);
  color: #FFFFFF;
  padding: 14px;
}
.wrapper--wdTOYm6b .title--RtBoX0aj {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #333333;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-weight: 600;
  color: #FFFFFF;
}
.wrapper--wdTOYm6b .step-container--BHk7vwYd {
  display: flex;
  align-items: center;
  padding-top: 14px;
}
.wrapper--wdTOYm6b .step-container--BHk7vwYd .step-circle--rPdakP34 {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #26A9FA;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.wrapper--wdTOYm6b .step-container--BHk7vwYd .step-description--OSX76EXq {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 13px;
  line-height: 16px;
  color: #666666;
  color: #DCE3E5;
  text-align: left;
  width: 226px;
}

.modal-header--aE3waf7N {
  padding-bottom: 16px;
  padding-top: 16px;
  padding-left: 6px;
  padding-right: 14px;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.modal-header--aE3waf7N .header-title--raZLcFg1 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-header--aE3waf7N .header-title--raZLcFg1 .title--WugNKddz {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  color: #000000;
}
.modal-header--aE3waf7N .icon-container--GXsjySj_ {
  display: flex;
  width: 100%;
  height: 100%;
}
.modal-header--aE3waf7N .icon-container--GXsjySj_ .close-button--BfqCPQXH {
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-header--aE3waf7N .icon-container--GXsjySj_ .close-button--BfqCPQXH:hover {
  cursor: pointer;
  background: #DCE3E5;
  border-radius: 50%;
}
.modal-header--aE3waf7N .info-container--MVWP2v6I {
  display: flex;
}

.editor-tab--l13b9FOg {
  height: 100%;
}
.editor-tab--l13b9FOg .tab-header--IToczjjS {
  padding-left: 16px;
  padding-right: 16px;
}
.editor-tab--l13b9FOg .editor-footer--WiNjEIf2 {
  margin-top: 12px;
}
.editor-tab--l13b9FOg .editor-footer--WiNjEIf2 .editor-clear--aeZ2TovT {
  height: 38px;
  padding-left: 16px;
  display: flex;
  justify-content: flex-start;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #000000;
  align-items: center;
}
.editor-tab--l13b9FOg .editor-footer--WiNjEIf2 .editor-clear--aeZ2TovT .disabled--JVbSI3dX {
  color: #CCCCCC;
  pointer-events: none;
  cursor: not-allowed;
}
.editor-tab--l13b9FOg .editor-footer--WiNjEIf2 .editor-clear--aeZ2TovT div {
  padding: 4px 8px;
}
.editor-tab--l13b9FOg .editor-footer--WiNjEIf2 .editor-clear--aeZ2TovT div:hover {
  border-radius: 8px;
  background: #DCE3E5;
  cursor: pointer;
}
.editor-tab--l13b9FOg .editor-footer--WiNjEIf2 .editor-save--Xw_Dnb5V {
  height: 38px;
  padding-right: 16px;
  display: flex;
  justify-content: flex-end;
}

.loading-container--Zo582cyo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 34vmin;
}
.loading-container--Zo582cyo .spinner--jUhgF3hv {
  position: relative;
}
.loading-container--Zo582cyo .searching-text--a__xFwF0 {
  margin-top: 20px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: #333333;
}
.loading-container--Zo582cyo .search-description--wwG6tD0n {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: #333333;
}

.search-container--lKdsSPdt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 2vmin;
}
.search-container--lKdsSPdt .icon-container--nMhF2Q2F {
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-container--lKdsSPdt .not-found-text--DVXH6YIg {
  margin-top: 8px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: #333333;
}
.search-container--lKdsSPdt .description--u333PnYG {
  margin-top: 4px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: #333333;
  width: 60%;
}
.search-container--lKdsSPdt .search-button--p8dZLidB {
  margin-top: 8px;
  border: 1px solid #26A9FA;
  box-sizing: border-box;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: #26A9FA;
  background: none;
}
.search-container--lKdsSPdt .search-button--p8dZLidB:hover {
  text-decoration: underline;
}

.hint--gmCAGjkx {
  position: relative;
  height: auto;
  padding: 10px 12px;
  background: #F9F9F9;
  border: 1px solid #E7E7E7;
  box-sizing: border-box;
  border-radius: 10px;
  font-size: 12px;
  line-height: 15px;
  color: #9B9B9B;
}
.hint--gmCAGjkx .arrow--D76DvN2r {
  position: absolute;
  background: #F9F9F9;
  border: 1px solid #E7E7E7;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
}

.choose-product--JfEpqh7L .list-item--ySfbnrB2 {
  justify-content: space-between;
}
.choose-product--JfEpqh7L .hint--We2mskyy {
  margin: 12px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 13px;
  color: #666666;
  line-height: 16px;
}
.choose-product--JfEpqh7L .not-found-title--jECAk7Eu {
  margin: 12px;
  text-align: left;
  align-self: flex-start;
  font-size: 0.7em;
}
.choose-product--JfEpqh7L .empty-item--AsdVAGd3 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 240px;
  padding-bottom: 40px;
}
.choose-product--JfEpqh7L .empty-item--AsdVAGd3 .empty-item-text--lbvG5RRC {
  font-size: 2.1vmin;
  text-align: center;
  color: #718086;
  margin-top: 2vmin;
}

.modal-content--uthj2My0 {
  width: 100%;
  height: 100%;
}

.splash-screen--MwgnZ0nO {
  width: 100%;
  height: 50vmin;
}
.splash-screen--MwgnZ0nO img {
  width: auto;
  object-fit: cover;
  max-height: 100%;
}

.ipad-container--p5pw5mBg {
  margin-top: 5%;
  width: 68%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 4vmin;
}
.ipad-container--p5pw5mBg .wrapper--Y7ofTFVT .section-container--brhs9jAp {
  padding: 1.4vmin 2vmin;
}
.iphone-container--P16LOcfX {
  width: 100%;
  padding-bottom: 1vmin;
}
.iphone-container--P16LOcfX .wrapper--Y7ofTFVT .section-container--brhs9jAp {
  padding: 1vmin 0.6vmin;
}
.ipad-container--p5pw5mBg .wrapper--Y7ofTFVT,
.iphone-container--P16LOcfX .wrapper--Y7ofTFVT {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.ipad-container--p5pw5mBg .wrapper--Y7ofTFVT .header--LjkEt1F9,
.iphone-container--P16LOcfX .wrapper--Y7ofTFVT .header--LjkEt1F9 {
  position: absolute;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.ipad-container--p5pw5mBg .wrapper--Y7ofTFVT .header--LjkEt1F9 .avatar-wrapper--qpXwg9OU,
.iphone-container--P16LOcfX .wrapper--Y7ofTFVT .header--LjkEt1F9 .avatar-wrapper--qpXwg9OU {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 2vmin;
}
.ipad-container--p5pw5mBg .wrapper--Y7ofTFVT .header--LjkEt1F9 .avatar-wrapper--qpXwg9OU .avatar--snY2i9T4,
.iphone-container--P16LOcfX .wrapper--Y7ofTFVT .header--LjkEt1F9 .avatar-wrapper--qpXwg9OU .avatar--snY2i9T4 {
  object-fit: contain;
  width: 7vmin;
  height: 7vmin;
  border-radius: 100%;
  border: 4px solid #FFFFFF;
  background-color: #FFFFFF;
}
.ipad-container--p5pw5mBg .wrapper--Y7ofTFVT .header--LjkEt1F9 .avatar-wrapper--qpXwg9OU .avatar-name--cXkrmpx0,
.iphone-container--P16LOcfX .wrapper--Y7ofTFVT .header--LjkEt1F9 .avatar-wrapper--qpXwg9OU .avatar-name--cXkrmpx0 {
  margin-top: 0.2vmin;
  font-style: normal;
  font-weight: normal;
  font-size: 1.6vmin;
  text-align: center;
  letter-spacing: 0.2vmin;
  color: #FFFFFF;
}
.ipad-container--p5pw5mBg .wrapper--Y7ofTFVT .header--LjkEt1F9 .remove-icon--daH0d9gW,
.iphone-container--P16LOcfX .wrapper--Y7ofTFVT .header--LjkEt1F9 .remove-icon--daH0d9gW {
  position: absolute;
  right: 1vmin;
  top: 1vmin;
  width: 3vmin;
  height: 3vmin;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 2.5px 7px rgba(0, 0, 0, 0.26);
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ipad-container--p5pw5mBg .wrapper--Y7ofTFVT .header--LjkEt1F9 .remove-icon--daH0d9gW img,
.iphone-container--P16LOcfX .wrapper--Y7ofTFVT .header--LjkEt1F9 .remove-icon--daH0d9gW img {
  width: 50%;
  height: 50%;
}
.ipad-container--p5pw5mBg .wrapper--Y7ofTFVT .section-container--brhs9jAp,
.iphone-container--P16LOcfX .wrapper--Y7ofTFVT .section-container--brhs9jAp {
  background: #FFFFFF;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
  border-radius: 0px 0px 6px 6px;
}
.ipad-container--p5pw5mBg .wrapper--Y7ofTFVT .section-container--brhs9jAp .account-section--oezs5b9V,
.iphone-container--P16LOcfX .wrapper--Y7ofTFVT .section-container--brhs9jAp .account-section--oezs5b9V,
.ipad-container--p5pw5mBg .wrapper--Y7ofTFVT .section-container--brhs9jAp .info-section--KUceTFRj,
.iphone-container--P16LOcfX .wrapper--Y7ofTFVT .section-container--brhs9jAp .info-section--KUceTFRj {
  background: #FFFFFF;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.ipad-container--p5pw5mBg .wrapper--Y7ofTFVT .section-container--brhs9jAp .account-section--oezs5b9V .section-item--hxEWpzSV,
.iphone-container--P16LOcfX .wrapper--Y7ofTFVT .section-container--brhs9jAp .account-section--oezs5b9V .section-item--hxEWpzSV,
.ipad-container--p5pw5mBg .wrapper--Y7ofTFVT .section-container--brhs9jAp .info-section--KUceTFRj .section-item--hxEWpzSV,
.iphone-container--P16LOcfX .wrapper--Y7ofTFVT .section-container--brhs9jAp .info-section--KUceTFRj .section-item--hxEWpzSV {
  padding-top: 1vmin;
  padding-bottom: 1vmin;
  padding-right: 1vmin;
  margin-left: 1vmin;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 1.5vmin;
  border-bottom: 1px solid #E6E6E6;
}
.ipad-container--p5pw5mBg .wrapper--Y7ofTFVT .section-container--brhs9jAp .account-section--oezs5b9V .section-item--hxEWpzSV img,
.iphone-container--P16LOcfX .wrapper--Y7ofTFVT .section-container--brhs9jAp .account-section--oezs5b9V .section-item--hxEWpzSV img,
.ipad-container--p5pw5mBg .wrapper--Y7ofTFVT .section-container--brhs9jAp .info-section--KUceTFRj .section-item--hxEWpzSV img,
.iphone-container--P16LOcfX .wrapper--Y7ofTFVT .section-container--brhs9jAp .info-section--KUceTFRj .section-item--hxEWpzSV img {
  width: 1.4vmin;
  height: 1.4vmin;
}
.ipad-container--p5pw5mBg .wrapper--Y7ofTFVT .section-container--brhs9jAp .account-section--oezs5b9V .section-item--hxEWpzSV .account-icon--tGWur6sl,
.iphone-container--P16LOcfX .wrapper--Y7ofTFVT .section-container--brhs9jAp .account-section--oezs5b9V .section-item--hxEWpzSV .account-icon--tGWur6sl,
.ipad-container--p5pw5mBg .wrapper--Y7ofTFVT .section-container--brhs9jAp .info-section--KUceTFRj .section-item--hxEWpzSV .account-icon--tGWur6sl,
.iphone-container--P16LOcfX .wrapper--Y7ofTFVT .section-container--brhs9jAp .info-section--KUceTFRj .section-item--hxEWpzSV .account-icon--tGWur6sl {
  width: 1.8vmin;
  height: 1.8vmin;
}
.ipad-container--p5pw5mBg .wrapper--Y7ofTFVT .section-container--brhs9jAp .account-section--oezs5b9V,
.iphone-container--P16LOcfX .wrapper--Y7ofTFVT .section-container--brhs9jAp .account-section--oezs5b9V {
  margin-bottom: 2vmin;
}

.ipad--f_mswg5S {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80%;
}
.ipad--f_mswg5S.without-header--dNb0Geh6 {
  height: 100%;
}
.ipad--f_mswg5S img {
  width: 7.8vmin;
}
.iphone--OfMsYZyo {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80%;
}
.iphone--OfMsYZyo.without-header--dNb0Geh6 {
  height: 100%;
}
.iphone--OfMsYZyo img {
  width: 6vmin;
}
.title--nL38MIra {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 19px;
  text-align: center;
  color: #000000;
  margin-bottom: 4px;
}
.description--reyCnkuq {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: #555555;
}
.description--reyCnkuq span {
  color: #26A9FA;
}
.description--reyCnkuq span:hover {
  cursor: pointer;
  text-decoration: underline;
}

.DevicePreview {
  max-width: 70vw;
  max-height: 60vw;
  width: 80vmin;
  height: 50vmin;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.DevicePreview.iPadPreview {
  width: 77vmin;
  height: 52.3vmin;
  background-image: url(/efa3b373f735f0073d47.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 78.6vmin 52.3vmin;
}
.DevicePreview.iPadPreview .DevicePreview__Screen {
  width: 83%;
  height: 92%;
  border-radius: 6px;
}
.DevicePreview.iPadPreview .DevicePreview__Screen .HotSpots__DraggableZone {
  width: 80%;
  height: 80%;
  box-shadow: 0px 0px 0px 500px rgba(0, 0, 0, 0.3);
}
.DevicePreview.iPhonePreview {
  width: 25vmin;
  height: 50.5vmin;
  background-image: url(/d7fa6a51bf0480a6bbad.svg);
  background-repeat: no-repeat;
  background-size: 100%;
}
.DevicePreview.iPhonePreview.no-after:after {
  content: none;
}
.DevicePreview.iPhonePreview .DevicePreview__Screen {
  width: 88%;
  height: 94%;
  transform: translate3d(0px, 0px, 0px);
  overflow: hidden;
  border-radius: 2.2vmin;
}
.DevicePreview.iPhonePreview .DevicePreview__Screen .preventOverflow {
  overflow-x: hidden;
}
.DevicePreview__Screen {
  overflow: hidden;
}
.DevicePreview__Scroll {
  width: 120%;
  height: 100%;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.DevicePreview__Scroll::-webkit-scrollbar {
  display: none;
}
.DevicePreview__Content {
  position: relative;
  width: 83.5%;
  height: 100%;
}
.DevicePreview .hidden {
  opacity: 0;
}
.whiteBackground {
  background: #f9f9f9;
}
.blackBackground {
  background: #1b1b1b !important;
}
.DevicePreviewComponent.DevicePreview.iPhonePreview::after {
  z-index: 1;
}
.DevicePreviewComponent.DevicePreview .DevicePreview__Content {
  background-color: #f9f9f9;
}
.DevicePreviewComponent.DevicePreview .DevicePreview__Content .DeviceHeader--iPhone {
  height: 4vmin;
  padding: 0;
}
.DevicePreview .DeviceHeader {
  position: relative;
  width: 100%;
  background: #ededed;
  border-bottom: 1.2px solid #cccccc;
  display: flex;
  justify-content: space-between;
}
.DevicePreview .DeviceHeader__Icon {
  position: relative;
  color: #000;
}
.DevicePreview .DeviceHeader--iPad {
  height: 3vmin;
  padding-top: 2.5vmin;
}
.DevicePreview .DeviceHeader--iPad .DeviceHeader__Icon {
  margin: 0 2vmin;
}
.DevicePreview .DeviceHeader--iPhone {
  height: 3vmin;
  padding-top: 3vmin;
}
.DevicePreview .DeviceHeader--iPhone .DeviceHeader__Icon {
  margin: 0 2vmin;
}
.DevicePreview .DeviceHeader .Icon--ArrowLeft {
  width: 7px;
}
.DevicePreview .DeviceHeader .Icon--Cart {
  width: 10px;
  transform: translateY(-2px);
}

.ipad--LohCWGal {
  width: 16vmin;
  margin-right: 1vmin;
  background: #FFFFFF;
  box-shadow: 0px 4.27619px 9.97778px rgba(0, 0, 0, 0.1);
  height: 22vmin;
  padding: 1vmin;
}
.ipad--LohCWGal .internal-container--wDN6yRmk {
  background: #ADB5B9;
  position: relative;
  height: 18vmin;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
}
.ipad--LohCWGal .internal-container--wDN6yRmk .shirt-container--BnmQDQ2k {
  height: 11vmin;
  width: 11vmin;
}
.ipad--LohCWGal .internal-container--wDN6yRmk .shirt-container--BnmQDQ2k img {
  height: 100%;
  width: 100%;
}
.ipad--LohCWGal .internal-container--wDN6yRmk .icon-container--hu_Sm8sd {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 100%;
  width: 26px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ipad--LohCWGal .internal-footer--oHqDH9bj {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 4vmin;
}
.ipad--LohCWGal .internal-footer--oHqDH9bj .footer-child-big--Y8ZcaTT2 {
  margin-top: 0.5vmin;
  height: 1.5vmin;
  width: 90%;
  background: #ADB5B9;
  border-radius: 2px;
}
.ipad--LohCWGal .internal-footer--oHqDH9bj .footer-child-small--eXxtK_00 {
  margin-top: 0.5vmin;
  height: 1.5vmin;
  width: 60%;
  background: #ADB5B9;
  border-radius: 2px;
}
.iphone--XWYfOgtx {
  width: 12vmin;
  margin-right: 0.5vmin;
  background: #FFFFFF;
  box-shadow: 0px 0.27619px 7.97778px rgba(0, 0, 0, 0.1);
  height: 16.5vmin;
  padding: 1vmin;
}
.iphone--XWYfOgtx .internal-container--wDN6yRmk {
  background: #ADB5B9;
  position: relative;
  height: 14vmin;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
}
.iphone--XWYfOgtx .internal-container--wDN6yRmk .shirt-container--BnmQDQ2k {
  height: 8vmin;
  width: 8vmin;
}
.iphone--XWYfOgtx .internal-container--wDN6yRmk .shirt-container--BnmQDQ2k img {
  height: 100%;
  width: 100%;
}
.iphone--XWYfOgtx .icon-container--hu_Sm8sd {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 100%;
  width: 26px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.iphone--XWYfOgtx .internal-footer--oHqDH9bj {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 2.6vmin;
}
.iphone--XWYfOgtx .internal-footer--oHqDH9bj .footer-child-big--Y8ZcaTT2 {
  margin-top: 0.3vmin;
  height: 1vmin;
  width: 90%;
  background: #ADB5B9;
  border-radius: 2px;
}
.iphone--XWYfOgtx .internal-footer--oHqDH9bj .footer-child-small--eXxtK_00 {
  margin-top: 0.3vmin;
  height: 1vmin;
  width: 60%;
  background: #ADB5B9;
  border-radius: 2px;
}

.info-placeholder--QEUbpzgT {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 14px;
  color: #718086;
}
.info-placeholder--QEUbpzgT .info-image--qUKrbzF7 {
  margin-right: 6px;
  width: 14px;
  height: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.info-placeholder--QEUbpzgT .info-image--qUKrbzF7 img {
  height: 100%;
  width: 100%;
}
.product-list-container--YqIT5bmd {
  font-family: Source Sans Pro;
  font-style: normal;
  position: relative;
  color: #000000;
  opacity: 1;
  animation-name: fadeInOpacity--W4m9Ogjf;
  animation-timing-function: ease-in;
  animation-duration: 0.4s;
}
.product-list-container--YqIT5bmd.ipad--EX89tCGy {
  height: 28vmin;
}
.product-list-container--YqIT5bmd.ipad--EX89tCGy .product-list-title--tlsAjWn1 {
  font-weight: 500;
  font-size: 1.4vmin;
  line-height: 1.4vmin;
  display: flex;
  justify-content: flex-start;
  text-align: left;
  word-break: break-word;
}
.product-list-container--YqIT5bmd.ipad--EX89tCGy .product-list-view-all-container--b4e4MPEt {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0px;
}
.product-list-container--YqIT5bmd.ipad--EX89tCGy .product-list-view-all-container--b4e4MPEt .product-list-view-all--et9evZXh {
  font-weight: normal;
  font-size: 1.4vmin;
  line-height: 1.4vmin;
  text-align: right;
}
.product-list-container--YqIT5bmd.ipad--EX89tCGy .product-list-view-all-container--b4e4MPEt .icon-container--U67BC6E1 {
  width: 1vmin;
  height: 1vmin;
  margin-left: 0.5vmin;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-list-container--YqIT5bmd.ipad--EX89tCGy .product-list-view-all-container--b4e4MPEt .icon-container--U67BC6E1 img {
  height: 100%;
  width: 100%;
}
.product-list-container--YqIT5bmd.iphone--VzZmmIZF {
  height: 22vmin;
}
.product-list-container--YqIT5bmd.iphone--VzZmmIZF .product-list-title--tlsAjWn1 {
  font-weight: 500;
  font-size: 1.4vmin;
  line-height: 1.4vmin;
  display: flex;
  justify-content: flex-start;
  text-align: left;
  word-break: break-word;
}
.product-list-container--YqIT5bmd.iphone--VzZmmIZF .product-list-view-all-container--b4e4MPEt {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0px;
}
.product-list-container--YqIT5bmd.iphone--VzZmmIZF .product-list-view-all-container--b4e4MPEt .product-list-view-all--et9evZXh {
  font-weight: normal;
  font-size: 1.4vmin;
  line-height: 1.4vmin;
}
.product-list-container--YqIT5bmd.iphone--VzZmmIZF .product-list-view-all-container--b4e4MPEt .icon-container--U67BC6E1 {
  width: 1vmin;
  height: 1vmin;
  margin-left: 0.5vmin;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-list-container--YqIT5bmd.iphone--VzZmmIZF .product-list-view-all-container--b4e4MPEt .icon-container--U67BC6E1 img {
  height: 100%;
  width: 100%;
}
.product-list-container--YqIT5bmd.ipad--EX89tCGy .products-container--Gz7Txbnl,
.product-list-container--YqIT5bmd.iphone--VzZmmIZF .products-container--Gz7Txbnl {
  display: flex;
  flex-direction: row;
  position: absolute;
  margin-top: 1vmin;
}
@keyframes fadeInOpacity--W4m9Ogjf {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.layout-image-container--VeblDHYD.shadow-layout--Jy8iYcZZ:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 7.6%;
  background: #000;
  opacity: 0.4;
  z-index: 1;
}
.layout-image-container--VeblDHYD.shadow-layout--Jy8iYcZZ:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 7.6%;
  background: #000;
  opacity: 0.4;
  z-index: 1;
}
.layout-image-container--VeblDHYD.objectFit--LBYc3IQM {
  object-fit: cover;
}
.layout-image-container--VeblDHYD img {
  animation-name: fadeInOpacity--GooM4P2Z;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 0.4s;
  width: 100%;
  height: 100%;
}
.layout-image-container--VeblDHYD .localise-title-iphone--cPh0O4Zs {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: Source Sans Pro;
  font-style: normal;
  text-align: center;
  font-size: 1.3vmin;
  font-weight: 900;
  line-height: 1.3vmin;
  color: #FFFFFF;
  text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
  width: 84%;
  overflow: hidden;
}
.layout-image-container--VeblDHYD .localise-title-ipad--p0fReSIq {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 900;
  font-size: 3.2vmin;
  text-align: center;
  line-height: 3.2vmin;
  color: #FFFFFF;
  text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
  width: 84%;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
@keyframes fadeInOpacity--GooM4P2Z {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.double-image-container--PvtUDWz4 {
  display: flex;
}
.double-image-container--PvtUDWz4.shadow-layout--lb42VmSE:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 7.6%;
  background: #000;
  opacity: 0.4;
  z-index: 1;
}
.double-image-container--PvtUDWz4.shadow-layout--lb42VmSE:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 7.6%;
  background: #000;
  opacity: 0.4;
  z-index: 1;
}
.double-image-container--PvtUDWz4 .image-left--HxZyMkv3 {
  position: relative;
  width: 50%;
}
.double-image-container--PvtUDWz4 .image-right--mHErDJa5 {
  width: 50%;
  position: relative;
}
.double-image-container--PvtUDWz4 img {
  animation-name: fadeInOpacity--Qozk5IXS;
  animation-timing-function: ease-in;
  animation-duration: 0.4s;
  width: 100%;
  height: 100%;
}
.double-image-container--PvtUDWz4 .image-left--HxZyMkv3 .localise-title-iphone--pH_MXIrl,
.double-image-container--PvtUDWz4 .image-right--mHErDJa5 .localise-title-iphone--pH_MXIrl {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 900;
  text-align: center;
  font-size: 1.3vmin;
  line-height: 1.3vmin;
  color: #FFFFFF;
  text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
  width: 84%;
  display: flex;
  overflow: hidden;
}
.double-image-container--PvtUDWz4 .image-left--HxZyMkv3 .localise-title-ipad--xmY0Hk4v,
.double-image-container--PvtUDWz4 .image-right--mHErDJa5 .localise-title-ipad--xmY0Hk4v {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 900;
  font-size: 3.2vmin;
  line-height: 3.2vmin;
  color: #FFFFFF;
  text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
  width: 84%;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
@keyframes fadeInOpacity--Qozk5IXS {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.video-container--TFXefuZd {
  position: relative;
  width: 100%;
}
.video-container--TFXefuZd video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 2s all ease;
}

.hotspot-ipad--AmLB7Lvm {
  position: absolute;
  width: 35px;
  height: 35px;
  margin-left: calc(-35px/2);
  margin-top: calc(-35px/2);
  z-index: 5;
  display: flex;
}
.hotspot-ipad--AmLB7Lvm img {
  position: absolute;
  -webkit-backface-visibility: hidden;
  /* Safari */
  backface-visibility: hidden;
}
.hotspot-iphone--woWYcx9s {
  position: absolute;
  width: 20px;
  height: 20px;
  margin-left: calc(-20px/2);
  margin-top: calc(-20px/2);
  display: flex;
  z-index: 5;
}

.layout-lookbook-container--JU7094K3 {
  position: relative;
}
.layout-lookbook-container--JU7094K3.shadow-layout--eQhpc4qS:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 7.6%;
  background: #000;
  opacity: 0.4;
  z-index: 1;
}
.layout-lookbook-container--JU7094K3.shadow-layout--eQhpc4qS:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 7.6%;
  background: #000;
  opacity: 0.4;
  z-index: 1;
}
.layout-lookbook-container--JU7094K3 img {
  animation-name: fadeInOpacity--U63AqYVf;
  animation-timing-function: ease-in;
  animation-duration: 0.4s;
  width: 100%;
  height: 100%;
}
.layout-lookbook-container--JU7094K3 .hotspots-container--VMn7WVZC {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.layout-lookbook-container--JU7094K3 .hotspots-container--VMn7WVZC .draggable-container--gn5_5Gng {
  position: relative;
  width: 80%;
  height: 80%;
}
@keyframes fadeInOpacity--U63AqYVf {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.layout-container--IgHGMjdB {
  width: 100%;
}
.layout-container--IgHGMjdB .layout-video-container--n22Tx91A {
  position: relative;
  width: 100%;
}
.layout-container--IgHGMjdB .layout-video-container--n22Tx91A video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 2s all ease;
}
.layout-image-container--oUxj6GTl.ipad--v3MqPPc3 {
  height: 760px;
}
.layout-image-container--oUxj6GTl.iphone--kCAxgnfq {
  height: 260px;
}
.layout-image-container--oUxj6GTl.ipad--v3MqPPc3,
.layout-image-container--oUxj6GTl.iphone--kCAxgnfq {
  width: 100%;
}
.layout-image-container--oUxj6GTl.shadow-layout--QQcnCvUU:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 7.6%;
  background: #000;
  opacity: 0.4;
  z-index: 1;
}
.layout-image-container--oUxj6GTl.shadow-layout--QQcnCvUU:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 7.6%;
  background: #000;
  opacity: 0.4;
  z-index: 1;
}
.layout-image-container--oUxj6GTl img {
  animation-name: fadeInOpacity--gdiCjZ2S;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 0.4s;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  object-fit: cover;
}
.layout-image-container--oUxj6GTl .localise-title-iphone--JtZIY8Hc {
  display: flex;
  flex-direction: column;
  text-align: left !important;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: Source Sans Pro;
  font-style: normal;
  text-align: center;
  font-size: 1.9vmin;
  font-weight: 900;
  line-height: 1.8vmin;
  color: #ffffff;
  text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
  width: 84%;
  overflow: hidden;
  margin-bottom: 10px;
}
.layout-image-container--oUxj6GTl .localise-title-iphone--JtZIY8Hc .title--jyMgxhhy {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.layout-image-container--oUxj6GTl .localise-title-iphone--JtZIY8Hc .message--IDYiLIdr {
  font-size: 1.4vmin;
  line-height: 1.4vmin;
  margin-top: 10px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.layout-image-container--oUxj6GTl .localise-title-ipad--EC1_P12n {
  flex-direction: column;
  text-align: left !important;
  position: absolute;
  bottom: 0;
  margin-bottom: 40px;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 900;
  font-size: 3.2vmin;
  text-align: center;
  line-height: 3vmin;
  color: #ffffff;
  text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
  width: 84%;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.layout-image-container--oUxj6GTl .localise-title-ipad--EC1_P12n .title--jyMgxhhy {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.layout-image-container--oUxj6GTl .localise-title-ipad--EC1_P12n .message--IDYiLIdr {
  font-size: 1.7vmin;
  line-height: 1.8vmin;
  margin-top: 10px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@keyframes fadeInOpacity--gdiCjZ2S {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.trigger-button--OiRrkOsQ {
  position: relative;
}
.trigger-button--OiRrkOsQ .info-icon--KIcxdqLS {
  height: 100%;
}
.trigger-button--OiRrkOsQ:hover {
  cursor: pointer;
}
.info-container--H4cYfQbX {
  position: absolute;
  z-index: 1000;
  width: 232px;
  background: rgba(51, 51, 51, 0.9);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(30px);
  color: #FFFFFF;
  right: -268px;
  top: 10px;
  border-radius: 6px;
  padding: 14px;
  font-family: Source Sans Pro;
  font-style: normal;
  -webkit-animation: fadeIn--GhzDMKlS 0.6s linear forwards;
  animation: fadeIn--GhzDMKlS 0.6s linear forwards;
}
.info-container--H4cYfQbX .title--YiMZUHJP {
  font-weight: 600;
  font-size: 14px;
  width: 100%;
  line-height: 18px;
  display: flex;
  text-align: center;
}
.info-container--H4cYfQbX .description--MFcH_V_q {
  margin-top: 4px;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  font-feature-settings: 'pnum' on, 'lnum' on, 'ss05' on, 'kern' off;
  color: #DCE3E6;
}
.info-container--H4cYfQbX .learn-more--twQoIpEd {
  margin-top: 8px;
  display: flex;
  width: 100%;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: #FFFFFF;
  height: 38px;
}
.info-container--H4cYfQbX .learn-more--twQoIpEd:hover {
  cursor: pointer;
}
@-webkit-keyframes fadeIn--GhzDMKlS {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn--GhzDMKlS {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.modal-header--wxOzeRMe {
  padding-bottom: 16px;
  padding-top: 16px;
  padding-left: 6px;
  padding-right: 14px;
  position: relative;
}
.modal-header--wxOzeRMe .header-title--_U1eSHs2 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-header--wxOzeRMe .header-title--_U1eSHs2 .title--e2zhq0Wf {
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 21px;
  text-align: center;
  color: #FFFFFF;
}
.modal-header--wxOzeRMe .icon-container--sNbuvOSV {
  display: flex;
  width: 30px;
  height: 30px;
}
.modal-header--wxOzeRMe .icon-container--sNbuvOSV .close-button--VLzlf9CY {
  width: 100%;
  height: 100%;
  display: flex;
}
.modal-header--wxOzeRMe .icon-container--sNbuvOSV .close-button--VLzlf9CY img:hover {
  cursor: pointer;
  background: #DCE3E5;
  border-radius: 50%;
}
.modal-header--wxOzeRMe .info-icon-container--z4PO9_v5 {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: flex-end;
}
.modal-header--wxOzeRMe .info-icon-container--z4PO9_v5 .info-icon--M_8Z55l8 {
  height: 100%;
}
.modal-header--wxOzeRMe .info-icon-container--z4PO9_v5 .info-icon--M_8Z55l8 img:hover {
  cursor: pointer;
}

.footer-container--FSMIe7Nm {
  background: #333333;
  border-radius: 0px 0px 20px 20px;
  height: 60px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.2);
  padding-left: 16px;
  padding-right: 16px;
}
.footer-container--FSMIe7Nm .clear-button--_8qHNEsN {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #666666;
  display: flex;
  align-items: center;
}
.footer-container--FSMIe7Nm .clear-button--_8qHNEsN.clear-active--h8Yn6nv4 {
  color: #D0021B;
  cursor: pointer;
}
.footer-container--FSMIe7Nm .clear-button--_8qHNEsN.clear-active--h8Yn6nv4:hover {
  text-decoration: underline;
}
.footer-container--FSMIe7Nm .save-button-container--ZNq5M3HL {
  display: flex;
  justify-content: flex-end;
  flex: 1;
}
.footer-container--FSMIe7Nm .save-button-container--ZNq5M3HL .save-button--AEg0U3RJ {
  font-size: 14px;
  max-width: 134px;
  height: 44px;
  box-shadow: none;
  border-radius: 6px;
}
.footer-container--FSMIe7Nm .save-button-container--ZNq5M3HL .save-button--AEg0U3RJ.disabled--zFzMazct {
  pointer-events: none;
  background: #CCCCCC;
}

.text-area-container--hL8TwgHb {
  position: relative;
}
.text-area-container--hL8TwgHb textarea {
  resize: none;
}
.text-area-container--hL8TwgHb textarea::placeholder {
  color: #666666;
}
.text-area-container--hL8TwgHb .clear-icon--_PbJgm47 {
  visibility: hidden;
  position: absolute;
  top: calc(50% - 8px);
  right: 12px;
}
.text-area-container--hL8TwgHb .clear-icon--_PbJgm47.clear-icon-visible--mC058NWQ {
  visibility: visible;
}
.text-area-container--hL8TwgHb .clear-icon--_PbJgm47:hover {
  cursor: pointer;
}

.portal-container--KO7rB4zU {
  position: relative;
}
.portal-container--KO7rB4zU .wrapper-container--csQ66OE3 {
  max-width: 650px;
  height: 600px;
}
.portal-container--KO7rB4zU .wrapper-container--csQ66OE3 .divider-styles--sEqiN8Wd {
  border: 0.5px solid #333333;
}
.portal-container--KO7rB4zU .wrapper-container--csQ66OE3 .wrapper-body--O6GfYrTy {
  position: relative;
  overflow-y: scroll;
  scrollbar-color: 'dark';
  padding-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
  height: 500px;
}
.portal-container--KO7rB4zU .wrapper-container--csQ66OE3 .wrapper-body--O6GfYrTy::-webkit-scrollbar-track {
  background: #2C2C2C;
}
.portal-container--KO7rB4zU .wrapper-container--csQ66OE3 .wrapper-body--O6GfYrTy::-webkit-scrollbar-thumb {
  background: #999999;
}
.portal-container--KO7rB4zU .wrapper-container--csQ66OE3 .toggle-outside-container--l_yENKN4 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 20px;
}
.portal-container--KO7rB4zU .wrapper-container--csQ66OE3 .toggle-outside-container--l_yENKN4 .toggle-container--g1sDghAJ {
  background: #333333;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
  max-width: 260px;
  border-radius: 6px;
  min-width: 216px;
  height: 40px;
}
.portal-container--KO7rB4zU .wrapper-container--csQ66OE3 .list-item--Y2HfDIev {
  padding-bottom: 20px;
}
.portal-container--KO7rB4zU .wrapper-container--csQ66OE3 .list-item--Y2HfDIev .language-label--t087jqHB {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
  color: #FFFFFF;
  margin-bottom: 6px;
  text-align: left;
}

.trigger-button--cqNH7tVk {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 6vmin;
  height: 6vmin;
  z-index: 2;
}
.trigger-button--cqNH7tVk img {
  height: 100%;
  width: 100%;
}
.trigger-button--cqNH7tVk:hover {
  cursor: pointer;
}

.row-container--Js_z9sUs {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 100%;
  background-color: #f9f9f9;
}

.ipad-container--dWwCZ5ff {
  width: 35%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 8vmin;
  height: 100%;
}
.video-preview--OtwMv5N6 {
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
}
.iphone-container--xTHxdn7i {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 7vmin;
}
.is-page--acFOTZzg {
  padding-bottom: 0;
}
.img--AQRRiTdJ {
  width: 100%;
  height: 100%;
}
.info-container--Euw_FR1u {
  width: 100%;
  position: absolute;
  bottom: 120px;
  padding: 0 10px;
  text-align: left;
  box-sizing: border-box;
}
.info-container--Euw_FR1u .title--n_Py2BUS {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  overflow: hidden;
}
.info-container--Euw_FR1u .message--otN2k7KC {
  word-wrap: break-word;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #ffffff;
  overflow: hidden;
}
.info-container--Euw_FR1u .shop--RDjIeerh {
  width: 74px;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 0;
  background: #000000;
  font-size: 10px;
  line-height: 13px;
  color: #fff;
  font-weight: 600;
}
.is-info-page--SNaucAkF {
  bottom: 20px;
}

.layout-lookbook-container--xO0CsFwm {
  position: relative;
  display: flex;
  height: 100%;
  overflow: hidden;
}
.layout-lookbook-container--xO0CsFwm img {
  -webkit-backface-visibility: hidden;
  /* Safari */
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
  display: inline-block;
  align-items: center;
  justify-content: center;
  animation-name: fadeInOpacity--uYzApCJj;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 0.4s;
  will-change: transform;
}
.layout-lookbook-container--xO0CsFwm .hotspots-container--W_G9XjXS {
  -webkit-backface-visibility: hidden;
  /* Safari */
  backface-visibility: hidden;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.layout-lookbook-container--xO0CsFwm .hotspots-container--W_G9XjXS .draggable-container--lz08J1gM {
  position: relative;
  width: 80%;
  height: 80%;
}
.layout-lookbook-container--xO0CsFwm .hotspots-container--W_G9XjXS .draggable-container--lz08J1gM.editable--m6w5xSBt {
  box-shadow: 0px 0px 0px 500px rgba(0, 0, 0, 0.3);
}
@keyframes fadeInOpacity--uYzApCJj {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.empty-preview--uHUhrr9K {
  background: #F9F9F9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 48vmin;
  align-items: center;
}
.empty-preview--uHUhrr9K img {
  height: 34px;
  width: 34px;
  margin-bottom: 6px;
}
.empty-preview--uHUhrr9K .spinner--jQtKvgkk {
  z-index: 2;
}
.empty-preview--uHUhrr9K .empty-content--JeFCVgrL {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  font-weight: 500;
}
.empty-preview--uHUhrr9K .footnote--u7nuZsd3 {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: #666666;
  font-size: 13px;
}
.video-container--xTv3Bx0t {
  width: 100%;
  height: 48vmin;
  background: #000000;
  position: relative;
}
.video-container--xTv3Bx0t .info-tip--EBAcS7hA {
  position: absolute;
  top: 1vmin;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  margin: 0 4vmin;
  align-items: center;
  padding: 3px 6px;
}
.video-container--xTv3Bx0t .info-tip--EBAcS7hA img {
  height: 20px;
  width: 20px;
  margin-right: 6px;
}
.video-container--xTv3Bx0t .info-tip--EBAcS7hA .text--ApSaWWEZ {
  font-family: Source Sans Pro;
  text-align: left;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 13px;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: #FFFFFF;
}
@media screen and (max-width: 1440px) {
  .video-container--xTv3Bx0t .info-tip--EBAcS7hA img {
    height: 18px;
    width: 18px;
  }
  .video-container--xTv3Bx0t .info-tip--EBAcS7hA .text--ApSaWWEZ {
    font-size: 10px;
  }
}
.video-container--xTv3Bx0t.iphone--CUTL7RUr {
  height: 39vmin;
}
.video-container--xTv3Bx0t video {
  height: 41vmin;
  width: 23vmin;
}
.video-container--xTv3Bx0t .products-container--gSgZQ6WN {
  position: absolute;
  bottom: 2vmin;
  display: flex;
  justify-content: center;
  width: 100%;
}
.video-container--xTv3Bx0t .products-container--gSgZQ6WN .product--OwPDTkmX {
  width: 20vmin;
  height: 4.5vmin;
  background: rgba(255, 255, 255, 0.3);
  border: 1px dashed #FFFFFF;
  box-sizing: border-box;
  box-shadow: 0px 1.10663px 5.53314px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  margin-right: 4px;
  margin-left: 4px;
}
.video-container--xTv3Bx0t .products-container--gSgZQ6WN .active-product--KdW4kjZS {
  width: 20vmin;
  height: 6vmin;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 0px 1.10663px 5.53314px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px;
}
.video-container--xTv3Bx0t .products-container--gSgZQ6WN .active-product--KdW4kjZS .product-image--lXZxU7nh {
  width: 22%;
  height: 100%;
}
.video-container--xTv3Bx0t .products-container--gSgZQ6WN .active-product--KdW4kjZS .product-image--lXZxU7nh img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.video-container--xTv3Bx0t .products-container--gSgZQ6WN .active-product--KdW4kjZS .content--EN2gfvWd {
  margin-left: 0.5vmin;
  display: flex;
  width: 64%;
  height: 100%;
  padding-top: 0.2vmin;
  flex-direction: column;
  justify-content: center;
}
.video-container--xTv3Bx0t .products-container--gSgZQ6WN .active-product--KdW4kjZS .content--EN2gfvWd .name--UtUv_tLp {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 13px;
  line-height: 16px;
  color: #666666;
  font-size: 1.4vmin;
  line-height: 1.4vmin;
  text-align: left;
  color: #333333;
}
.video-container--xTv3Bx0t .products-container--gSgZQ6WN .active-product--KdW4kjZS .heart-container--_97DZAA1 {
  display: flex;
  width: 14%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.video-container--xTv3Bx0t .products-container--gSgZQ6WN .active-product--KdW4kjZS .heart-container--_97DZAA1 .heart--VJ1FVUDs {
  width: 14px;
  height: 14px;
}

.hintTextComponent {
  margin-top: 1vmin;
  text-align: left;
}

.animate {
  width: 100%;
  height: 10px;
  border-radius: 6px;
  background: #dddddd;
  background-image: linear-gradient(to right, #dddddd 4%, #bbbbbb 25%, #dddddd 36%);
  background-repeat: no-repeat;
  background-size: 800px 104px;
  display: inline-block;
  position: relative;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeholderShimmer;
  animation-timing-function: linear;
}
@keyframes placeholderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}

.content--SMlN8dmD {
  padding: 40px 30px;
}
.content--SMlN8dmD .title--Oi7gh9XU {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 21px;
  text-align: center;
  color: #000000;
  margin-top: 8px;
  margin-bottom: 16px;
}
.content--SMlN8dmD .description--CqnuwgTz {
  margin-top: 6px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 19px;
  color: #748085;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: #666666;
  text-align: center;
}
.content--SMlN8dmD .divider--uF7DiGaZ {
  border-bottom: 1px solid #EEEEEE;
}
.content--SMlN8dmD .first--kgNBmpZF {
  margin-top: 30px;
}
.content--SMlN8dmD .second--_mVnYCjb {
  margin-bottom: 30px;
}
.content--SMlN8dmD .table--WmsB0uek {
  padding: 30px 0;
  overflow-y: scroll;
  text-align: left;
  max-width: 100%;
  max-height: 160px;
  overflow-x: hidden;
}
.content--SMlN8dmD .table--WmsB0uek .header--MqUN0Ami {
  display: flex;
  margin-bottom: 8px;
}
.content--SMlN8dmD .table--WmsB0uek .header--MqUN0Ami div {
  width: 50%;
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
}
.content--SMlN8dmD .table--WmsB0uek .header--MqUN0Ami .id--glDKKafX {
  text-transform: capitalize;
}
.content--SMlN8dmD .table--WmsB0uek .brokenLinkItem--MnP7EJWk {
  display: flex;
  align-items: baseline;
  margin-bottom: 20px;
}
.content--SMlN8dmD .table--WmsB0uek .brokenLinkItem--MnP7EJWk:last-child {
  margin-bottom: 0;
}
.content--SMlN8dmD .table--WmsB0uek .brokenLinkItem--MnP7EJWk .linkId--Ut8IMpB5 {
  width: 50%;
  font-size: 15px;
  line-height: 20px;
}
.content--SMlN8dmD .table--WmsB0uek .brokenLinkItem--MnP7EJWk .pills--B8w1c4LW {
  display: flex;
  width: 50%;
}
.content--SMlN8dmD .buttons-container--efQy8HVa {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}.cartMessage {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 8px;
  position: relative;
}
.cartMessage .cartContainer {
  width: 93%;
  border-radius: 6px;
  height: 97px;
  background: #FFFFFF;
  box-shadow: 0px 1.99558px 3.99115px rgba(0, 0, 0, 0.08);
}
.cartMessage .cartContainer .imageContainer {
  position: relative;
  height: 60px;
  background: #D7D7D7;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.cartMessage .cartContainer .imageContainer .cartImage {
  width: 100%;
  height: 60px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  object-fit: cover;
}
.cartMessage .cartContainer .imageContainer .placeholder {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cartMessage .cartContainer .cartFooter {
  margin-left: 17px;
  height: 30px;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  padding-top: 8px;
  box-sizing: border-box;
}
.cartMessage .cartContainer .cartFooter .title {
  margin-right: 15px;
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 13px;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cartMessage .cartContainer .cartFooter .description {
  padding-right: 16px;
  font-style: normal;
  font-weight: normal;
  font-size: 9.97788px;
  line-height: 13px;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}.cartMessageDetails {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 64px 8px 0 8px;
  width: 100%;
  height: 100%;
  background-color: rgba(23, 23, 23, 0.5);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  box-sizing: border-box;
}
.cartMessageDetails .card {
  height: auto;
  max-height: 80%;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
}
.cartMessageDetails .imageContainer {
  position: relative;
  width: 100%;
  background: #D7D7D7;
  border-top-right-radius: 9px;
  border-top-left-radius: 9px;
  height: 14vmin;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cartMessageDetails .imageContainer .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-right-radius: 9px;
  border-top-left-radius: 9px;
}
.cartMessageDetails .imageContainer .placeholder {
  min-height: 72px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cartMessageDetails .closeIcon {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 8px;
  top: 8px;
  background: #FFFFFF;
  border-radius: 50%;
}
.cartMessageDetails .closeIcon:before,
.cartMessageDetails .closeIcon:after {
  position: absolute;
  left: 9px;
  top: 5px;
  content: ' ';
  height: 11px;
  width: 2px;
  background-color: #000;
}
.cartMessageDetails .closeIcon:before {
  transform: rotate(45deg);
}
.cartMessageDetails .closeIcon:after {
  transform: rotate(-45deg);
}
.cartMessageDetails .content {
  width: 100%;
  height: 40%;
  padding: 8px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #FFFFFF;
}
.cartMessageDetails .content .title {
  font-style: normal;
  font-weight: 600;
  font-size: 1.4vmin;
  line-height: 1.5vmin;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cartMessageDetails .content .description {
  font-style: normal;
  font-weight: normal;
  font-size: 1.4vmin;
  line-height: 1.6vmin;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
}

.base-button--n413834g {
  position: relative;
  border: 1px solid #9b9b9b;
  border-radius: 6px;
  height: 5.5vmin;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 100px;
  padding: 0px 14px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  color: #858585;
  margin-bottom: 1vmin;
}
.base-button--n413834g:hover {
  cursor: pointer;
}
.base-button--n413834g.active-button--hWrCVchj {
  color: #333;
  border-color: #9b9b9b;
}
.base-button--n413834g.active-button--hWrCVchj img {
  filter: opacity(1);
}
.base-button--n413834g img {
  width: 10px;
  height: 10px;
  filter: opacity(0.5);
}
.base-button--n413834g:hover {
  cursor: pointer;
}

@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}.dropdownComponent {
  position: relative;
  width: 100%;
  height: 5.5vmin;
  margin-bottom: 1vmin;
}
.dropdownComponent .ddContainer {
  width: 100%;
}
.dropdownComponent .ddContainer .ddBtn {
  height: 5.5vmin;
  line-height: 5.8vmin;
  width: 100%;
}
.dropdownComponent .ddContainer .dtpPopup.show {
  height: 71.1vmin;
}

.footer--fMyGTIs5 {
  z-index: 999;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 34vmin;
}

@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}.footerItem {
  display: flex;
  min-width: 33.3%;
  position: relative;
  margin: 0 0 0 2vmax;
}
.footerItem.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.footerItem .itemCount {
  margin-right: 1vmax;
}
.footerItem .itemTitle {
  text-align: left;
  color: #26A9FA;
  line-height: 1;
  margin-bottom: 1vmin;
}
.footerItem .footerItemContent {
  margin-right: 2vmax;
  width: 100%;
}
.footerItem .divider {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 1px;
  background-color: #F3F3F3;
  height: 80%;
  margin-left: 2vmin;
}

.footerListContainer {
  display: flex;
  justify-content: center;
  height: 100%;
  padding: 2vmin 4vmax;
  box-sizing: border-box;
  background-color: #fff;
}

@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}.inputContainer .input1 {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #9B9B9B;
}
.inputContainer .textareaComponent {
  resize: none;
  height: 10vmin;
  margin-top: 1.1vmin;
  padding-top: 1.5vmin;
}
@media (max-height: 660px) {
  .inputContainer .textareaComponent {
    height: 66px;
  }
}
@media (max-width: 660px) {
  .inputContainer .textareaComponent {
    height: 66px;
  }
}
@media (max-height: 660px) {
  .inputContainer .textareaComponent {
    margin-top: 7.26px;
  }
}
@media (max-width: 660px) {
  .inputContainer .textareaComponent {
    margin-top: 7.26px;
  }
}
@media (max-height: 660px) {
  .inputContainer .textareaComponent {
    padding-top: 9.9px;
  }
}
@media (max-width: 660px) {
  .inputContainer .textareaComponent {
    padding-top: 9.9px;
  }
}

.scrollable--ZN2qHYZO {
  padding: 0;
  padding-bottom: 56px;
}
.trigger-button--tWiKYI7y {
  margin-bottom: 1vmin;
  position: relative;
  border: 1px solid #9b9b9b;
  border-radius: 6px;
  height: 5.5vmin;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 100px;
  padding: 0px 14px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  color: #858585;
}
.trigger-button--tWiKYI7y:hover {
  cursor: pointer;
}
.trigger-button--tWiKYI7y.active-button--bwgjFlBJ {
  color: #333;
  border-color: #9b9b9b;
}
.trigger-button--tWiKYI7y.active-button--bwgjFlBJ img {
  filter: opacity(1);
}
.trigger-button--tWiKYI7y img {
  width: 10px;
  height: 10px;
  filter: opacity(0.5);
}
.trigger-button--tWiKYI7y.disabled--UeNTdfTE {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}
.popover-position--zdfyJfcg {
  bottom: 40%;
  left: 0;
  z-index: 10000;
}

@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}.pageIndicators {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 0;
}
.pageIndicators .point {
  height: 3px;
  width: 3px;
  border-radius: 50%;
  background: #9B9B9B;
  margin-right: 5px;
  cursor: pointer;
}
.pageIndicators .point.active {
  height: 3px;
  width: 3px;
  border-radius: 50%;
  background: #000;
  margin-right: 5px;
  cursor: pointer;
}

.spinnerComponent {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.toggleContainer .content {
  width: auto;
}

@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}.shoppingEmptyBasket {
  height: 20vmin;
  width: 91%;
  padding: 1vmin;
  background: #FFFFFF;
  display: flex;
}
.shoppingEmptyBasket .leftBlock {
  width: 40%;
  margin-right: 10px;
}
.shoppingEmptyBasket .leftBlock .avatar {
  height: 10vmin;
  width: 8vmin;
  background: rgba(196, 196, 196, 0.4);
}
.shoppingEmptyBasket .rightBlock {
  width: 60%;
}
.shoppingEmptyBasket .rightBlock .line {
  margin: 2px 0;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
}
.shoppingEmptyBasket .rightBlock .rowContainer {
  display: flex;
  justify-content: space-between;
}
.shoppingEmptyBasket .rightBlock .columnContainer {
  display: flex;
  flex-direction: column;
}
.shoppingEmptyBasket .rightBlock .veryBigBlock {
  height: 1.3vmin;
  width: 13vmin;
  background: rgba(196, 196, 196, 0.4);
}
.shoppingEmptyBasket .rightBlock .bigBlock {
  height: 1.3vmin;
  width: 6vmin;
  background: rgba(196, 196, 196, 0.4);
}
.shoppingEmptyBasket .rightBlock .normalBlock {
  height: 1.3vmin;
  width: 4.5vmin;
  background: rgba(196, 196, 196, 0.4);
}
.shoppingEmptyBasket .rightBlock .smallBlock {
  height: 1.3vmin;
  width: 3vmin;
  background: rgba(196, 196, 196, 0.4);
}
.shoppingEmptyBasket .rightBlock .verySmallBlock {
  height: 1.3vmin;
  width: 2vmin;
  background: rgba(196, 196, 196, 0.4);
}
.shoppingEmptyBasket .rightBlock .blockSeparator {
  width: 100%;
  height: 1px;
  background: rgba(196, 196, 196, 0.4);
  margin: 0.8vmin 0;
}
.shoppingEmptyBasket .rightBlock .withMargin {
  margin-bottom: 3px;
}

.product-list-preview {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: #EEEEEE;
}
.product-list-preview .lists-container {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  position: absolute;
  margin-left: 0.5vmin;
}
.product-list-preview .lists-container .product-column {
  margin-top: 2.5vmin;
  display: flex;
  justify-content: center;
  background: white;
  height: 8vmin;
  width: 6vmin;
  margin-right: 0.5vmin;
  padding-top: 0.5vmin;
  padding-left: 0.5vmin;
  padding-right: 0.5vmin;
}
.product-list-preview .lists-container .product-column .internal-container {
  width: 100%;
  height: 100%;
  background: #ADB5B9;
  border-radius: 2px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-list-preview .lists-container .product-column .internal-container .shirt-container {
  height: 4vmin;
  width: 4vmin;
}
.product-list-preview .lists-container .product-column .internal-container .shirt-container img {
  height: 100%;
  width: 100%;
}
.product-list-preview .lists-container .product-column .internal-container .icon-container {
  position: absolute;
  top: 0;
  right: 0.3vmin;
  width: 1vmin;
  height: 1vmin;
}
.product-list-preview .lists-container .product-column .internal-container .icon-container img {
  height: 100%;
  width: 100%;
}

.text--fcZD7qLr {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.info-popover {
  width: 224px;
  overflow: auto;
  display: table;
}
.info-popover .info-divider {
  border-top: 1px solid #E9E9E9 !important;
}
.info-popover .info-divider-double {
  border-top: 1px solid #E9E9E9 !important;
  margin-top: 10px;
}
.info-popover .info-popover-double-image-section {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 13px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #858585;
}
.info-popover .info-popover-header {
  padding: 10px 12px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 19px;
  box-sizing: border-box;
}
.info-popover .info-popover-body {
  font-family: Source Sans Pro;
  font-style: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.01em;
  display: table-row;
  text-align: left;
}
.info-popover .info-popover-body .info-popover-title {
  border-radius: 0.9vmin 0.9vmin 0 0;
  text-align: left;
  background: #EEEEEE;
  padding: 10px 12px 12px 1.5vmin;
  font-weight: 500;
  font-size: 14px;
}
.info-popover .info-popover-body .info-popover-body-wrapper {
  padding: 0 0 12px 1.5vmin;
}
.info-popover .info-popover-body .info-popover-attribute-container {
  padding: 10px 12px 0px 0;
}
.info-popover .info-popover-body .info-popover-attribute-container:last-child {
  padding-bottom: 0;
}
.info-popover .info-popover-body .info-popover-attribute-container .info-popover-type-indicator {
  font-weight: 500;
  text-align: left;
}
.info-popover .info-popover-body .info-popover-attribute-container .info-popover-type-indicator.info-popover-type-indicator-chip {
  display: inline-block;
  margin-bottom: 0.5vmin;
}
.info-popover .info-popover-body .info-popover-attribute-container .info-popover-category-value {
  word-break: break-word;
}

.delete-popover {
  width: 185px;
  height: 102px;
  display: table;
}
.delete-popover .delete-popover-message {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  padding-top: 10px;
  padding-right: 7px;
  padding-left: 7px;
}
.delete-popover .delete-buttons-container {
  display: flex;
  justify-content: space-evenly;
  padding-top: 10px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
}
.delete-popover .delete-buttons-container .delete-button {
  background: #FFFFFF;
  border: 1px solid #D0021B;
  box-sizing: border-box;
  border-radius: 4px;
  height: 24px;
  width: 72px;
  color: #D0021B;
}
.delete-popover .delete-buttons-container .delete-button:hover {
  cursor: pointer;
}
.delete-popover .delete-buttons-container .cancel-button {
  background: #FFFFFF;
  border: 1px solid #9B9B9B;
  box-sizing: border-box;
  border-radius: 4px;
  height: 24px;
  width: 72px;
  text-align: center;
}
.delete-popover .delete-buttons-container .cancel-button:hover {
  cursor: pointer;
}

.row-preview {
  display: flex;
  flex-direction: row;
}
.row-preview .source-preview {
  position: relative;
  width: 18vmin;
  height: 10vmin;
  border-radius: 8px;
  display: flex;
}
.row-preview .source-preview .source-button-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.row-preview .source-preview .source-button-container .button-base {
  visibility: hidden;
  position: relative;
  margin: 0 5px;
  background: #FFFFFF;
  box-shadow: 0px 3.22625px 16.1312px rgba(0, 0, 0, 0.15);
  width: 26px;
  height: 26px;
  display: flex;
  justify-content: center;
  border-radius: 50%;
  align-items: center;
}
.row-preview .source-preview .source-button-container .button-base img {
  height: 18px;
  width: 18px;
}
.row-preview .source-preview:hover .source-button-container {
  z-index: 1;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.52));
  border-radius: 8px;
}
.row-preview .source-preview:hover .source-button-container .button-base {
  visibility: visible;
  cursor: pointer;
}
.row-preview .source-preview .video-preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
}
.row-preview .source-preview .single-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  border-radius: 8px;
}
.row-preview .source-preview .single-image .default-title {
  width: 100%;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 900;
  font-size: 1.3vmin;
  line-height: 1.3vmin;
  text-align: center;
  color: #FFFFFF;
  text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
  padding: 0.5vmin;
  margin: auto;
}
.row-preview .source-preview .single-image .product-list-title {
  width: 100%;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 600;
  font-size: 1.2vmin;
  line-height: 1.2vmin;
  text-align: center;
  color: #000;
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 0.5vmin;
  margin-left: 4px;
}
.row-preview .source-preview .double-image {
  background-color: #EEEEEE;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  border-radius: 8px;
}
.row-preview .source-preview .double-image .double-image-left .default-title-left {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 900;
  font-size: 1.3vmin;
  line-height: 1.3vmin;
  color: #FFFFFF;
  text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
  text-align: center;
  padding: 0.5vmin;
  display: flex;
  overflow: hidden;
  word-break: break-all;
}
.row-preview .source-preview .double-image .double-image-right .default-title-right {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 900;
  font-size: 1.3vmin;
  line-height: 1.3vmin;
  color: #FFFFFF;
  text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
  text-align: center;
  padding: 0.5vmin;
  display: flex;
  overflow: hidden;
  word-break: break-all;
}
.row-preview .row-preview-action {
  display: flex;
  padding-left: 10px;
  padding-right: 10px;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}
.row-preview .row-preview-action .row-divider {
  width: 16.63px;
  height: 0px;
  border: 1.38575px solid #F3F3F3;
  background-color: #F3F3F3;
  transform: rotate(90deg);
}
.row-preview .row-preview-action .add-button {
  display: inline-block;
  height: 15.24px;
  width: 15.24px;
  border-radius: 50%;
  background: #26A9FA;
}

.tile-rows-container {
  overflow: auto;
  padding-top: 200px;
  margin-top: -200px;
  padding-right: 30px;
  margin-right: -30px;
  width: calc(100% - 3vmax - 90px);
}
.rows-container {
  display: flex;
  align-items: center;
  width: fit-content;
  width: -moz-max-content;
  padding-right: 80px;
}
.fadeOut {
  animation: fadeOut ease 0.5s;
  -webkit-animation: fadeOut ease 0.5s;
  -moz-animation: fadeOut ease 0.5s;
  -o-animation: fadeOut ease 0.5s;
  -ms-animation: fadeOut ease 0.5s;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    width: 100%;
  }
  100% {
    opacity: 0;
    width: 0%;
  }
}

.add-tile-button {
  display: inline-block;
  flex-shrink: 0;
  height: 63.5px;
  width: 63.5px;
  border-radius: 50%;
  background: linear-gradient(#FFFFFF, #FFFFFF), linear-gradient(#FFFFFF, #FFFFFF), #26A9FA;
  background-position: center;
  background-size: 25.49px 3.32px, 3.32px 25.49px;
  background-repeat: no-repeat;
}
.add-tile-button:hover {
  cursor: pointer;
  background: linear-gradient(#FFFFFF, #FFFFFF), linear-gradient(#FFFFFF, #FFFFFF), #3687CB;
  background-position: center;
  background-size: 25.49px 3.32px, 3.32px 25.49px;
  background-repeat: no-repeat;
}

.row-wrapper-container {
  margin-top: 25px;
  height: 12vmin;
  width: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding-top: 200px;
  margin-top: -200px;
}
.row-wrapper-container .add-tile-button {
  margin-right: 30px;
}
.row-wrapper-container .add-row-info-container {
  position: relative;
}
.row-wrapper-container .add-row-info-container .add-row-info-text {
  background: #F9F9F9;
  border: 1px solid #E7E7E7;
  box-sizing: border-box;
  border-radius: 10px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 19px;
  color: #000;
  padding: 12px 13px;
}
.row-wrapper-container .add-row-info-container .add-row-info-arrow {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  right: calc(100% - 6px);
  top: calc(50% - 6px);
  margin: 0 auto;
  bottom: 0;
  background: #F9F9F9;
  border-radius: 2px;
  border-left: 1px solid #E7E7E7;
  border-bottom: 1px solid #E7E7E7;
  transform: rotate(45deg);
  box-sizing: border-box;
}

.main--yq0Ffb1T {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  font-size: 1.5rem;
  padding: 0 60px;
  height: max-content;
}
.main--yq0Ffb1T .container--vK26F1MC {
  width: 100%;
  height: auto;
  padding: 0;
  flex-direction: column;
  display: flex;
}
.main--yq0Ffb1T .container--vK26F1MC .device-iphone--XIf7OTJa {
  height: 100%;
  background: #000000;
}
.main--yq0Ffb1T .container--vK26F1MC .warning-container--bGkt0UhA {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 0.6vmin;
}
.main--yq0Ffb1T .container--vK26F1MC .warning-container--bGkt0UhA .warning-icon--khFqWT5j {
  height: 14px;
  width: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 4px;
}
.main--yq0Ffb1T .container--vK26F1MC .warning-container--bGkt0UhA .warning-icon--khFqWT5j img {
  width: 100%;
  height: 100%;
}
.main--yq0Ffb1T .container--vK26F1MC .warning-container--bGkt0UhA .warning-text--ikIiXA5g {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: #666666;
  color: #FF8A00;
}
.main--yq0Ffb1T .container--vK26F1MC .search-bar-container--ko9jsKQj {
  display: flex;
  justify-content: center;
  margin-top: 3vmin;
  height: 44px;
}
.main--yq0Ffb1T .container--vK26F1MC .devices-container--W_dKuKa1 {
  display: flex;
  margin-top: 4.5vmin;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  height: 53vmin;
}
@media screen and (max-height: 800px) {
  .main--yq0Ffb1T .container--vK26F1MC .devices-container--W_dKuKa1 {
    margin-top: 2vmin;
  }
}
.main--yq0Ffb1T .container--vK26F1MC .footer-container--qY7Zgzk2 {
  height: 28vmin;
  z-index: 998;
}
.main--yq0Ffb1T .container--vK26F1MC .footer-container--qY7Zgzk2 .footer-item-title--TRJcc7M2 {
  margin-bottom: 0;
}
.main--yq0Ffb1T .container--vK26F1MC .footer-container--qY7Zgzk2 .footerItemContainer--NewSI9BU {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.main--yq0Ffb1T .container--vK26F1MC .footer-container--qY7Zgzk2 .footerItemContainer--NewSI9BU .itemTitle--xEdh5YND {
  margin-bottom: 0;
}
.main--yq0Ffb1T .container--vK26F1MC .footer-container--qY7Zgzk2 .footerItemContainer--NewSI9BU .video-upload-container--qCepCT_p {
  width: 90%;
  max-width: 38vmin;
  margin-top: 1vmin;
}
.main--yq0Ffb1T .container--vK26F1MC .footer-container--qY7Zgzk2 .footerItemContainer--NewSI9BU .editor-container--doI3tOv0 {
  margin-top: 1vmin;
}
.main--yq0Ffb1T .container--vK26F1MC .footer-container--qY7Zgzk2 .footerItemContainer--NewSI9BU .hint-text--FZPIiLhU {
  text-align: left;
  width: 80%;
}
.main--yq0Ffb1T .container--vK26F1MC .footer-container--qY7Zgzk2 .footerItemContainer--NewSI9BU .shimmering-container--TNakaWj9 {
  max-width: 38vmin;
  width: 90%;
  margin-top: 1vmin;
  margin-bottom: 6px;
}
.main--yq0Ffb1T .container--vK26F1MC .footer-container--qY7Zgzk2 .footerItemContainer--NewSI9BU .progress-text--H1AGUKKs {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 13px;
  line-height: 16px;
  color: #666666;
}

.text-step--qS9iP5_c {
  padding-bottom: 14px;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  padding-left: 30px;
  padding-right: 30px;
}
.text-step--qS9iP5_c .step-container--zqeiPNUK {
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.text-step--qS9iP5_c .step-container--zqeiPNUK .step-number--PptDj0BI {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 24px;
  font-feature-settings: 'pnum' on, 'lnum' on;
  background: #26A9FA;
  border-radius: 100%;
  color: #FFFFFF;
  width: 24px;
  height: 24px;
}
.text-step--qS9iP5_c .description--CHfA49NX {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: #333333;
  width: 85%;
}

.modal-wrapper--NtoiBWgu {
  position: absolute;
  max-width: 340px;
  width: 340px;
  max-height: 400px;
  right: 4vmin;
  top: 8vmin;
}
.modal-wrapper--NtoiBWgu .divider--p0nDXauR {
  border-bottom: 1px solid #EEEEEE;
}
.modal-wrapper--NtoiBWgu .qr-container--ZjvTsGvv {
  display: flex;
  justify-content: center;
  padding-top: 24px;
  padding-bottom: 24px;
}
.modal-wrapper--NtoiBWgu .steps-container--t2Ml6C2O {
  padding-bottom: 16px;
}
.modal-wrapper--NtoiBWgu .description--AcQQiA29 {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 19px;
  text-align: center;
  color: #333333;
  padding-bottom: 30px;
  padding-left: 45px;
  padding-right: 45px;
}

.products-container--dkIbHrpA {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 14px;
}
.products-container--dkIbHrpA .empty-product--S8Qjh4eA {
  width: 150px;
  height: 136px;
  border: 2px dashed #c4c4c4;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 8px;
  position: relative;
}
.products-container--dkIbHrpA .empty-product--S8Qjh4eA:hover {
  cursor: pointer;
  border-color: #777b82;
}
.products-container--dkIbHrpA .empty-product--S8Qjh4eA .empty-text--bVhuYrVL {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 13px;
  line-height: 16px;
  color: #666666;
  text-transform: uppercase;
}
.products-container--dkIbHrpA .product--Ojwv0OfL {
  width: 150px;
  height: 136px;
  border-radius: 8px;
  position: relative;
  margin: 8px;
  border: 2px solid #FFFFFF;
}
.products-container--dkIbHrpA .product--Ojwv0OfL .brokenLink--hnYklmZt {
  position: absolute;
  top: 5px;
  left: 4px;
  width: 41px;
  height: 41px;
}
.products-container--dkIbHrpA .product--Ojwv0OfL .remove--wcyJquz2 {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 24px;
  height: 24px;
}
.products-container--dkIbHrpA .product--Ojwv0OfL img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.grid-container .search-container .addons-wrapper .addon .pill-container {
  cursor: default;
}

.hotspot--tknlaSYw {
  margin-right: 8px;
  height: 42px;
  width: 42px;
}
.hotspot--tknlaSYw.disabled--D29K7n_l {
  opacity: 0.5;
  pointer-events: none;
}
.hotspot--tknlaSYw:hover {
  cursor: pointer;
}
.hotspot--tknlaSYw img {
  width: 100%;
  height: 100%;
}
.popover-body--JPZBl02j {
  width: 200px;
  height: 96px;
}
.popover-body--JPZBl02j .list-item--OTX5gCFj {
  padding: 12px 16px;
  box-sizing: border-box;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.popover-body--JPZBl02j .list-item--OTX5gCFj.bordered--IyUvxSMY {
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #f3f3f3;
}
.popover-body--JPZBl02j .list-item--OTX5gCFj:hover {
  cursor: pointer;
  background: #F9F9F9;
}
.popover-body--JPZBl02j .list-item--OTX5gCFj .list-item-text-error--TrTNuJeQ {
  color: #D0021B;
  margin-left: 4px;
}

.crop-container--uAmngp8A {
  width: 100%;
  height: 440px;
  background: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.crop-container--uAmngp8A .tool-container--zWWP2VEq {
  position: relative;
  width: 540px;
}
.layout-container--SoHUKQCG {
  background: #000000;
  height: 40px;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.layout-container--SoHUKQCG .label--duM1eZ10 {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 14px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  font-feature-settings: 'pnum' on, 'lnum' on;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  padding: 3px 6px;
}
.divider--Vqx1Mr9w {
  width: 100%;
  border-top: 1px solid #1C1C1C;
}
.editor-footer--cFqH6vBh .editor-clear--dnGRLS2C {
  height: 66px;
  padding-left: 16px;
  display: flex;
  justify-content: flex-start;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #000000;
  align-items: center;
}
.editor-footer--cFqH6vBh .editor-clear--dnGRLS2C .disabled--oyyrYrGv {
  color: #CCCCCC;
  pointer-events: none;
}
.editor-footer--cFqH6vBh .editor-clear--dnGRLS2C div {
  padding: 4px 8px;
}
.editor-footer--cFqH6vBh .editor-clear--dnGRLS2C div:hover {
  border-radius: 8px;
  background: #DCE3E5;
  cursor: pointer;
}
.editor-footer--cFqH6vBh .editor-save--LLSsRk43 {
  height: 61px;
  padding-top: 28px;
  padding-right: 16px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.info-button--s6uafeKr {
  display: flex;
  justify-content: flex-end;
}
.info-button--s6uafeKr img {
  width: 20px;
  height: 20px;
}
.info-button--s6uafeKr img:hover {
  cursor: pointer;
}
.wrapper--Z_qRcb3h {
  display: flex;
  justify-content: flex-end;
  background: rgba(51, 51, 51, 0.9);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(30px);
  color: #FFFFFF;
  padding: 14px;
}
.wrapper--Z_qRcb3h .title--KujQ5QPg {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #333333;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-weight: 500;
  color: #FFFFFF;
}
.wrapper--Z_qRcb3h .step-container--g8EzgrUb {
  display: flex;
  align-items: center;
  padding-top: 14px;
}
.wrapper--Z_qRcb3h .step-container--g8EzgrUb .step-description--PB34aaMW {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 13px;
  line-height: 16px;
  color: #666666;
  color: #DCE3E5;
  text-align: left;
  width: 226px;
}

.image-holder-square--RGhSvQDO {
  display: flex;
  justify-content: center;
  position: relative;
  width: 18vmin;
  height: 12vmin;
}
.image-holder-square--RGhSvQDO:hover {
  cursor: pointer;
}
.image-holder-square--RGhSvQDO .hint--mY6jJpli {
  flex-direction: column;
  justify-content: center;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-align: center;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: #666666;
  padding-left: 8px;
  padding-right: 8px;
  max-width: 120px;
}
.image-holder-square--RGhSvQDO .dropzone-preview--OzlCV_OU {
  width: 18vmin;
  height: 12vmin;
  border-radius: 0.9vmin;
  border: 2px dashed #979797;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-holder-square--RGhSvQDO .dropzone-preview--OzlCV_OU.container-class--tz5PyYMJ {
  border: 0px;
}
.image-holder-square--RGhSvQDO .dropzone-preview--OzlCV_OU:hover {
  border-color: #777b82 !important;
}
.image-holder-square--RGhSvQDO .dropzone-preview--OzlCV_OU img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.main--fxJiyMdy {
  text-align: center;
  font-size: 1.5rem;
  padding: 0 60px;
  height: max-content;
}
.main--fxJiyMdy .container--gWbBUq6G {
  width: 100%;
  height: auto;
  padding: 0;
  flex-direction: column;
  display: flex;
}
.main--fxJiyMdy .container--gWbBUq6G .devices-container--PhszRQ7z {
  display: flex;
  margin-top: 4.5vmin;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  height: 100%;
}
@media screen and (max-height: 800px) {
  .main--fxJiyMdy .container--gWbBUq6G .devices-container--PhszRQ7z {
    margin-top: 6vmin;
  }
}
.main--fxJiyMdy .container--gWbBUq6G .footer-container--F_460AR5 {
  height: 30vmin;
}
.main--fxJiyMdy .container--gWbBUq6G .footer-container--F_460AR5 .spots-container--Ihe6EaCz {
  display: flex;
  margin-top: 20px;
}
.main--fxJiyMdy .container--gWbBUq6G .footer-container--F_460AR5 .save-step--_ucvPg8z {
  display: flex;
  flex-direction: column;
}
.link-title--VVvBObIY {
  margin-top: 20px;
  text-align: left;
  color: #D0021B;
  font-size: 12px;
  line-height: 12px;
}
.link-title--VVvBObIY span {
  font-weight: bold;
}

.lookbook-order-item--Ooghwxyj {
  width: 100%;
  max-width: 720px;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.lookbook-order-item--Ooghwxyj .dragImage--wIokGKRB {
  width: 20px;
  height: 20px;
}
.lookbook-order-item--Ooghwxyj .index--tsQBO5R6 {
  position: absolute;
  transform: translateX(-15px);
  font-size: 2.6vmin;
  color: #718086;
}
.lookbook-order-item--Ooghwxyj:not(:last-of-type) {
  margin-bottom: 28px;
}
.lookbook-order-item--Ooghwxyj .lookbook-order-item-row--xPAYStpB {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-radius: 12px;
  padding: 15px;
  margin-left: 30px;
  background-color: #FFFFFF;
  box-shadow: 0 0.1vmin 0.5vmin 0 rgba(0, 0, 0, 0.17);
  -webkit-box-shadow: 0 0.1vmin 0.5vmin 0 rgba(0, 0, 0, 0.17);
  -moz-box-shadow: 0 0.1vmin 0.5vmin 0 rgba(0, 0, 0, 0.17);
  -ms-box-shadow: 0 0.1vmin 0.5vmin 0 rgba(0, 0, 0, 0.17);
  -o-box-shadow: 0 0.1vmin 0.5vmin 0 rgba(0, 0, 0, 0.17);
}
.lookbook-order-item--Ooghwxyj .lookbook-order-item-row--xPAYStpB .content-wrapper--c3Zv2tFw {
  display: flex;
  flex-direction: row;
}
.lookbook-order-item--Ooghwxyj .lookbook-order-item-row--xPAYStpB .content-wrapper--c3Zv2tFw .row-image--jq9JJFUF {
  width: 12.1vmin;
  height: 8.5vmin;
  border-radius: 0.9vmin;
  object-fit: cover;
}
.lookbook-order-item--Ooghwxyj .lookbook-order-item-row--xPAYStpB .content-wrapper--c3Zv2tFw .description-wrapper--Mwi9yotg {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 20px;
}
.lookbook-order-item--Ooghwxyj .lookbook-order-item-row--xPAYStpB .content-wrapper--c3Zv2tFw .description-wrapper--Mwi9yotg .title--JJ4UJ1m7 {
  font-size: 2.4vmin;
  font-weight: 500;
}
.lookbook-order-item--Ooghwxyj .lookbook-order-item-row--xPAYStpB .content-wrapper--c3Zv2tFw .description-wrapper--Mwi9yotg .type--YENd40CQ {
  font-size: 2.1vmin;
  color: #718086;
}

.wrapper--l1glZa6O {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.items-wrapper--xgmPyxkQ {
  width: 100%;
}

.internal-container--aNLHvxET {
  width: 206px;
}
.internal-container--aNLHvxET .list-item-container--n_yCUUC2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.internal-container--aNLHvxET .list-item-container--n_yCUUC2 .new-label--PySC8y_x {
  margin-left: 10px;
  width: 34px;
  padding-left: 2px;
  height: 18px;
  background: url(/2f59459ad4447a90d556.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: #FFFFFF;
}
.internal-container--aNLHvxET .list-item-container--n_yCUUC2 .title--ipFeFGOf {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  margin-left: 10px;
}

.lookbook-order--ZJUiZKHO {
  width: 100%;
  text-align: center;
}
.lookbook-order--ZJUiZKHO .order-list--eJHhNghF {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  justify-content: center;
  margin-bottom: 50px;
}
.lookbook-order--ZJUiZKHO .order-list--eJHhNghF .spinner-position--vWTCy1ZT {
  position: absolute;
  top: 70%;
  left: 50%;
}
.lookbook-order--ZJUiZKHO .title--r4JsoWdn {
  margin-left: 11.6vmin;
  margin-right: 11.6vmin;
  display: flex;
  margin-top: 9.1vmin;
}
.lookbook-order--ZJUiZKHO .title--r4JsoWdn .titleContainer--X57ldtwO {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  margin-left: 220px;
}
.lookbook-order--ZJUiZKHO .title--r4JsoWdn .titleContainer--X57ldtwO .storefront--YZKZNsjl {
  display: flex;
  align-items: center;
}
.lookbook-order--ZJUiZKHO .title--r4JsoWdn .titleContainer--X57ldtwO .storefront-image--mgkR3DFZ {
  width: 38px;
  vertical-align: sub;
  width: 4.1vmin;
}
.lookbook-order--ZJUiZKHO .title--r4JsoWdn .titleContainer--X57ldtwO .storefront-caption--jjdLaW8e {
  text-transform: uppercase;
  font-size: 3vmin;
  margin-left: 2.5vmin;
}
.lookbook-order--ZJUiZKHO .hint-text--MplZWPKr {
  margin-top: 2.4vmin;
  margin-bottom: 4.3vmin;
  color: #718086;
}

.preview-item--OHoipvyQ {
  margin-right: 30px;
  position: relative;
}
.preview-item--OHoipvyQ:last-child {
  margin-right: 90px;
}
.preview-item--OHoipvyQ .crop--u5Jqot8O {
  position: relative;
  width: 18.8vmin;
  min-width: 18.8vmin;
  height: 10.5vmin;
  min-height: 10.5vmin;
}
.preview-item--OHoipvyQ .crop--u5Jqot8O img {
  width: 100%;
  height: 100%;
  border-radius: 1vmin;
}
.preview-item--OHoipvyQ .empty--lou9128d {
  width: calc(18.8vmin - 4px);
  height: calc(10.5vmin - 4px);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.5vmin;
  text-align: center;
  vertical-align: middle;
  border-color: #26a9fa;
  color: #26a9fa;
  border: 2px dashed;
  font-size: 2.4vmin;
}
.preview-item--OHoipvyQ .empty--lou9128d:hover {
  cursor: pointer;
}
.preview-item--OHoipvyQ .empty--lou9128d.disabled--w7U0PiTm {
  border-color: #9b9b9b;
  color: #9b9b9b;
  user-select: none;
  cursor: default;
}
.border--juiy0U9Z {
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  position: absolute;
  border: solid 1px #9b9b9b;
  border-radius: 1vmin;
  padding: 5px;
  transform: translate(-5px, -5px);
}
.selectedLook--ZBwgoR10 {
  display: flex;
  padding-right: 20px;
  position: relative;
}
.selectedLook--ZBwgoR10 .crop--u5Jqot8O {
  width: 18.8vmin;
  height: 10.5vmin;
  margin-right: 8px;
}
.selectedLook--ZBwgoR10 .crop--u5Jqot8O img {
  width: 100%;
  height: 100%;
  border-radius: 1vmin;
}
.selectedLook--ZBwgoR10 .info--H9vbJtfU {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
}
.selectedLook--ZBwgoR10 .info--H9vbJtfU .text--IWViqEhw {
  font-size: 2.1vmin;
  line-height: 1.29;
  font-weight: 400;
}
.selectedLook--ZBwgoR10 .info--H9vbJtfU .date--heZfd1w1 {
  color: #718086;
  font-size: 1.8vmin;
}
.selectedLook--ZBwgoR10 .actionButtons--kfhIbY5F {
  display: flex;
  align-items: center;
  margin-top: 1.2vmin;
}
.selectedLook--ZBwgoR10 .actionButtons--kfhIbY5F .edit--_xJCAHhJ {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 11.2vmin;
  height: 3.6vmin;
  color: #26a9fa;
  border-radius: 0.9vmin;
  border: 1px solid #26a9fa;
  font-size: 2vmin;
  margin-right: 20px;
}
.selectedLook--ZBwgoR10 .actionButtons--kfhIbY5F .edit--_xJCAHhJ:hover {
  box-shadow: 0 0.5vmin 0.9vmin 0 rgb(38 169 15.625%) !important;
  -moz-box-shadow: 0 0.5vmin 0.9vmin 0 rgb(38 169 15.625%) !important;
  -webkit-box-shadow: 0 0.5vmin 0.9vmin 0 rgb(38 169 15.625%) !important;
}

.action-button--W80iWmg8 {
  color: #718086;
  font-size: 1.8vmin;
  height: 3.6vmin;
  position: relative;
}

.items-wrapper--HW3o8J4T {
  display: flex;
  padding: 10px 0;
  box-sizing: border-box;
}

.search-bar-container--Q2XrODIi {
  display: flex;
  justify-content: center;
  margin-top: 3vmin;
  margin-bottom: 10px;
  height: 44px;
}

.choose-category--vXSUsgzk .scrollable--oQba9j3r {
  margin-bottom: 60px;
}
.choose-category--vXSUsgzk .empty-item--UibmjdFK {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 20vmin;
  margin-top: 0;
}
.choose-category--vXSUsgzk .empty-item--UibmjdFK .empty-item-text--i1pHmW9s {
  font-size: 2.1vmin;
  text-align: center;
  color: #718086;
  margin-top: 2vmin;
}

.trigger-button--_v8W0tUu {
  position: relative;
  cursor: pointer;
  height: 2vmin;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 600;
  font-size: 2vmin;
  line-height: 2vmin;
  text-align: center;
}
.trigger-button--_v8W0tUu .trigger-text--kqs_HQPM {
  color: #666666;
}
.trigger-button--_v8W0tUu .enabled-text--xPyBHEuF {
  color: #26A9FA;
}
.popover-container--mcEFkdnB {
  height: 100%;
  width: 100%;
}
.popover-container--mcEFkdnB .slider-wrapper--m4714Yt3 {
  width: 100%;
  height: 100%;
  font-size: 2.4vmin;
  position: relative;
}

.lookbook-manager--rqClXVva {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.lookbook-manager--rqClXVva .qr-lookbook-container--fajo2rQg {
  position: absolute;
  right: 4vmin;
  top: 0.8vmin;
  z-index: 999;
}
.lookbook-manager--rqClXVva .qr-lookbook-container--fajo2rQg.margin-top--szdwxL7O {
  top: calc(0.8vmin + 35px);
}
.lookbook-manager--rqClXVva .main--xB0IpgrW {
  top: 7.9vmin;
  width: 100%;
  text-align: center;
}
.lookbook-manager--rqClXVva .main--xB0IpgrW .header--bvptUHAR .lookbook-category-container--eLvSFuri {
  display: flex;
  justify-content: center;
}
.lookbook-manager--rqClXVva .main--xB0IpgrW .header--bvptUHAR .lookbook-category-container--eLvSFuri.disabled--fszY6rIr {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
  user-select: none;
}
.lookbook-manager--rqClXVva .main--xB0IpgrW .preview-container--RiRnrRqg {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100vw;
  height: 55vmin;
}
.lookbook-manager--rqClXVva .main--xB0IpgrW .footer--AIY3fC1Z {
  display: flex;
  height: 29vmin;
  position: fixed;
  z-index: 999;
  bottom: 0;
  left: 0;
  right: 0;
  min-width: 880px;
  background-color: #FFFFFF;
  text-align: center;
  box-shadow: -3vmin -0.9vmin 3vmin 0 rgb(0 0 0%);
}
.lookbook-manager--rqClXVva .main--xB0IpgrW .footer-column--tqEYb_jG {
  width: 60.9vmin;
}
.lookbook-manager--rqClXVva .main--xB0IpgrW .footer-column--tqEYb_jG .divider--J7ArvMFC {
  margin-top: 5vmin;
  height: 21vmin;
  display: inline-block;
  position: absolute;
  width: 1px;
  background-color: #F3F3F3;
}
.lookbook-manager--rqClXVva .main--xB0IpgrW .footer-column--tqEYb_jG.disabled--fszY6rIr {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
  user-select: none;
}
.lookbook-manager--rqClXVva .main--xB0IpgrW .footer-column--tqEYb_jG .number--LoVT4Y0D {
  float: left;
  width: 5.1vmin;
  height: 8.5vmin;
  margin-top: 2.5vmin;
  margin-left: 3.6vmin;
}
.lookbook-manager--rqClXVva .main--xB0IpgrW .footer-column--tqEYb_jG:last-child {
  width: calc(100% - 61vmin);
  display: flex;
}
.lookbook-manager--rqClXVva .main--xB0IpgrW .footer-column--tqEYb_jG:last-child .number--LoVT4Y0D {
  width: 5.6vmin;
  margin-top: 2.5vmin;
  margin-left: 3.6vmin;
}
.lookbook-manager--rqClXVva .main--xB0IpgrW .footer-column--tqEYb_jG:last-child .content--sDSzwjG7 {
  width: 100%;
  float: none;
}
.lookbook-manager--rqClXVva .main--xB0IpgrW .footer-column--tqEYb_jG .content--sDSzwjG7 {
  width: 47vmin;
  float: left;
  margin-left: 2.1vmin;
  text-align: left;
}
.lookbook-manager--rqClXVva .main--xB0IpgrW .footer-column--tqEYb_jG .title--MT6My8vs {
  color: #26A9FA;
  padding-top: 2vmin;
}
.lookbook-manager--rqClXVva .main--xB0IpgrW .footer-column--tqEYb_jG .description--iXFnAGmq {
  padding-top: 0.6vmin;
  width: 47vmin;
}
.lookbook-manager--rqClXVva .main--xB0IpgrW .footer-column--tqEYb_jG .note--E_L3dRAq {
  padding-top: 1.7vmin;
  font-size: 1.8vmin;
  color: #718086;
}
.lookbook-manager--rqClXVva .main--xB0IpgrW .footer-column--tqEYb_jG .lookbook-storefront-container--coM_FAjM {
  max-width: 200px;
}
.lookbook-manager--rqClXVva .main--xB0IpgrW .footer-column--tqEYb_jG .scroll--RxIRNOvB {
  display: flex;
  width: 100%;
  overflow: auto;
  padding-top: 250px;
  margin-top: -225px;
  padding-bottom: 10px;
  padding-left: 5px;
}

.contentPopoverButtonEmpty--ORx9q8Yj {
  margin-top: 2vmin;
  position: relative;
  border: 1px solid #9b9b9b;
  border-radius: 6px;
  height: 5.5vmin;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 100px;
  padding: 0px 14px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  color: #858585;
  opacity: 0.5;
  width: 100%;
}
.contentPopoverButtonEmpty--ORx9q8Yj:hover {
  cursor: pointer;
}
.contentPopoverButtonEmpty--ORx9q8Yj.active-button--DCbEBpHe {
  color: #333;
  border-color: #9b9b9b;
}
.contentPopoverButtonEmpty--ORx9q8Yj.active-button--DCbEBpHe img {
  filter: opacity(1);
}
.contentPopoverButtonEmpty--ORx9q8Yj img {
  width: 10px;
  height: 10px;
  filter: opacity(0.5);
}

.localiseTitlesEmptyStateWrapper--GTzsjfuU {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
}
.localiseTitlesEmptyStateWrapper--GTzsjfuU .localiseTitlesEmptyStateDivider--FOVw3der {
  font-size: 2.1vmin;
  white-space: nowrap;
  padding-right: 8px;
  padding-left: 8px;
}
.localiseTitlesEmptyStateWrapper--GTzsjfuU .localiseTitlesEmptyState--XwbpJjaF {
  border: 1px solid #9B9B9B;
  box-sizing: border-box;
  border-radius: 8px;
  width: 100%;
  height: 6vmin;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 2vmin;
  line-height: 5.1vmin;
  text-align: center;
  letter-spacing: 0.01em;
  color: #9B9B9B;
  opacity: 0.5;
}
.localiseTitlesEmptyStateWrapper--GTzsjfuU .localiseTitlesEmptyState--XwbpJjaF:last-child {
  margin-top: 10px;
}

.content--YTkWBX8W {
  margin-top: 14px;
}
.content--YTkWBX8W .warning-container--pnm0SJuq {
  margin-top: 4px;
  display: flex;
  justify-content: center;
}
.content--YTkWBX8W .title--hGL4z8x5 {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 21px;
  text-align: center;
  color: #000000;
  margin-top: 8px;
}
.content--YTkWBX8W .description--x1FOTIXj {
  margin-top: 6px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 19px;
  color: #748085;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: #666666;
  text-align: center;
}
.content--YTkWBX8W .tick-container--v_PfrOoY {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 20px;
}
.content--YTkWBX8W .tick-container--v_PfrOoY .tick--AIPnOb8H {
  cursor: pointer;
}
.content--YTkWBX8W .tick-container--v_PfrOoY .show-again--lbVBxpz9 {
  margin-left: 8px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 19px;
  color: #748085;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 13px;
  color: #666666;
}
.content--YTkWBX8W .buttons-container--HV3lqWGd {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

.image-container--UUYUQRuC {
  height: 100%;
  padding: 0px 2px;
}
.image-container--UUYUQRuC img {
  height: 100%;
  width: 100%;
}
.image-container--UUYUQRuC img:hover {
  cursor: pointer;
}

.product-list-container--Swu16ZhL {
  height: 14vmin;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.product-list-container--Swu16ZhL .title--tX2aIAhn {
  line-height: 4vmin;
  color: #718086;
  text-align: center;
  text-transform: none;
  font-variant: normal;
  white-space: nowrap;
  width: 100%;
}
.product-list-container--Swu16ZhL .row-container--KBZOb4D3 {
  display: flex;
  justify-content: center;
}
.product-list-container--Swu16ZhL .row-container--KBZOb4D3 .column-container--iMGzL5NC {
  margin-bottom: 1.5vmin;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.product-list-container--Swu16ZhL .row-container--KBZOb4D3 .column-container--iMGzL5NC .image-container--m1AnGJhl {
  width: 12vmin;
  height: 12vmin;
}
.product-list-container--Swu16ZhL .row-container--KBZOb4D3 .column-container--iMGzL5NC .image-container--m1AnGJhl img {
  width: 100%;
  height: 100%;
}
.product-list-container--Swu16ZhL .row-container--KBZOb4D3 .column-container--iMGzL5NC .single-column--pp4Oz_Mm {
  width: 100%;
  margin: 0.4vmin;
}
.product-list-container--Swu16ZhL .row-container--KBZOb4D3 .column-container--iMGzL5NC .product-list-text--p71WDCO2 {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 1.6vmin;
  line-height: 1.6vmin;
  text-align: center;
  color: #FFFFFF;
}
.product-list-container--Swu16ZhL .row-container--KBZOb4D3 .column-container--iMGzL5NC:hover {
  cursor: pointer;
}
.product-list-container--Swu16ZhL .row-container--KBZOb4D3 .column-container--iMGzL5NC.disable-recommended--DHvJ2Vs_ {
  opacity: 0.5;
  cursor: not-allowed;
}
.product-list-container--Swu16ZhL .row-container--KBZOb4D3 .column-container--iMGzL5NC.disable-recommended--DHvJ2Vs_:active {
  pointer-events: none;
}
.product-list-container--Swu16ZhL .hint-text-container--_YHWPHpD {
  margin-bottom: 1vmin;
  width: 40vmin;
  height: 2vmin;
}
.product-list-container--Swu16ZhL .hint-text-container--_YHWPHpD .hint-text--AU0v_TiM {
  font-family: Source Sans Pro;
  font-style: italic;
  font-weight: normal;
  font-size: 1.4vmin;
  line-height: 1.6vmin;
  text-align: center;
  color: #979797;
}

.story-container--qr8so3qI {
  height: 14vmin;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.story-container--qr8so3qI .title--DyfLnmiM {
  line-height: 4vmin;
  color: #718086;
  text-align: center;
  text-transform: none;
  font-variant: normal;
  white-space: nowrap;
  width: 100%;
}
.story-container--qr8so3qI .row-container--B2OvOlH7 {
  display: flex;
  justify-content: center;
}
.story-container--qr8so3qI .row-container--B2OvOlH7 .column-container--PlGOijik {
  margin-bottom: 1.5vmin;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.story-container--qr8so3qI .row-container--B2OvOlH7 .column-container--PlGOijik .image-container--I7VeoEgU {
  width: 12vmin;
  height: 12vmin;
}
.story-container--qr8so3qI .row-container--B2OvOlH7 .column-container--PlGOijik .image-container--I7VeoEgU img {
  width: 100%;
  height: 100%;
}
.story-container--qr8so3qI .row-container--B2OvOlH7 .column-container--PlGOijik .single-column--BtIGTVm1 {
  width: 100%;
  margin: 0.4vmin;
}
.story-container--qr8so3qI .row-container--B2OvOlH7 .column-container--PlGOijik .product-list-text--fw7JWfQD {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 1.6vmin;
  line-height: 1.6vmin;
  text-align: center;
  color: #FFFFFF;
}
.story-container--qr8so3qI .row-container--B2OvOlH7 .column-container--PlGOijik:hover {
  cursor: pointer;
}
.story-container--qr8so3qI .row-container--B2OvOlH7 .column-container--PlGOijik.disable-recommended--OYJSGVOG {
  opacity: 0.5;
  cursor: not-allowed;
}
.story-container--qr8so3qI .row-container--B2OvOlH7 .column-container--PlGOijik.disable-recommended--OYJSGVOG:active {
  pointer-events: none;
}
.story-container--qr8so3qI .hint-text-container--Vt1iHmdC {
  margin-bottom: 1vmin;
  width: 40vmin;
  height: 2vmin;
}
.story-container--qr8so3qI .hint-text-container--Vt1iHmdC .hint-text--_SKmnoFh {
  font-family: Source Sans Pro;
  font-style: italic;
  font-weight: normal;
  font-size: 1.4vmin;
  line-height: 1.6vmin;
  text-align: center;
  color: #979797;
}
.new--kYOv_Spv {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-10px, -10px);
}

.scroll-container--IywK57RA .list-item-container--pLrECiqY {
  padding: 1.5vmin 1vmin;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.scroll-container--IywK57RA .list-item-container--pLrECiqY .list-item-title--rKrkytdi {
  line-height: 4vmin;
  color: #718086;
  text-align: center;
  text-transform: none;
  font-variant: normal;
  white-space: nowrap;
}
.scroll-container--IywK57RA .list-item-container--pLrECiqY .lookbook-page--TFkUQwO8,
.scroll-container--IywK57RA .list-item-container--pLrECiqY .video--iBjnol8u {
  width: 100%;
  justify-content: center;
}
.scroll-container--IywK57RA .list-item-container--pLrECiqY .lookbook-page--TFkUQwO8 .internalLookbook--RRfGClKI,
.scroll-container--IywK57RA .list-item-container--pLrECiqY .video--iBjnol8u .internalLookbook--RRfGClKI {
  width: 100%;
  height: 7.6vmin;
  background: rgba(51, 63, 94, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
}
.scroll-container--IywK57RA .list-item-container--pLrECiqY .lookbook-page--TFkUQwO8 .internalLookbook--RRfGClKI img,
.scroll-container--IywK57RA .list-item-container--pLrECiqY .video--iBjnol8u .internalLookbook--RRfGClKI img {
  width: 3vmin;
  height: 3vmin;
}
.scroll-container--IywK57RA .list-item-container--pLrECiqY .lookbook-page--TFkUQwO8 .internalVideo--F57_QzsI,
.scroll-container--IywK57RA .list-item-container--pLrECiqY .video--iBjnol8u .internalVideo--F57_QzsI {
  width: 100%;
  height: 7.6vmin;
  background: rgba(51, 63, 94, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
}
.scroll-container--IywK57RA .list-item-container--pLrECiqY .lookbook-page--TFkUQwO8 .internalVideo--F57_QzsI img,
.scroll-container--IywK57RA .list-item-container--pLrECiqY .video--iBjnol8u .internalVideo--F57_QzsI img {
  width: 1.9vmin;
  height: 2.5vmin;
}
.scroll-container--IywK57RA .list-item-container--pLrECiqY .lookbook-page--TFkUQwO8 .internalLookbook--RRfGClKI:hover,
.scroll-container--IywK57RA .list-item-container--pLrECiqY .video--iBjnol8u .internalLookbook--RRfGClKI:hover,
.scroll-container--IywK57RA .list-item-container--pLrECiqY .lookbook-page--TFkUQwO8 .internalVideo--F57_QzsI:hover,
.scroll-container--IywK57RA .list-item-container--pLrECiqY .video--iBjnol8u .internalVideo--F57_QzsI:hover {
  cursor: pointer;
}
.scroll-container--IywK57RA .list-item-container--pLrECiqY .single-image--YkMCY6wQ {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: flex-start;
}
.scroll-container--IywK57RA .list-item-container--pLrECiqY .double-image--4kZq32zQ {
  height: 7.3vmin;
  width: 100%;
  justify-content: center;
}
.scroll-container--IywK57RA .list-item-container--pLrECiqY .double-image--4kZq32zQ .double-short--I687_NIO {
  display: flex;
  width: 12vmin;
  height: 50%;
  position: relative;
  margin-right: 1vmin;
}
.scroll-container--IywK57RA .list-item-container--pLrECiqY .double-image--4kZq32zQ .double-tall--rAvfWVJq {
  display: flex;
  width: 12vmin;
  height: 100%;
  position: relative;
}
.scroll-container--IywK57RA .list-item-container--pLrECiqY .double-image--4kZq32zQ .double-short--I687_NIO:hover,
.scroll-container--IywK57RA .list-item-container--pLrECiqY .double-image--4kZq32zQ .double-tall--rAvfWVJq:hover {
  cursor: pointer;
}
.scroll-container--IywK57RA .list-item-container--pLrECiqY .double-image--4kZq32zQ .double-short--I687_NIO .leftImage--IDSQUg9X,
.scroll-container--IywK57RA .list-item-container--pLrECiqY .double-image--4kZq32zQ .double-tall--rAvfWVJq .leftImage--IDSQUg9X {
  position: absolute;
  left: 0;
  width: calc(50% - 1px);
  height: 100%;
  background: rgba(51, 63, 94, 0.2);
}
.scroll-container--IywK57RA .list-item-container--pLrECiqY .double-image--4kZq32zQ .double-short--I687_NIO .rightImage--AEVSJaSm,
.scroll-container--IywK57RA .list-item-container--pLrECiqY .double-image--4kZq32zQ .double-tall--rAvfWVJq .rightImage--AEVSJaSm {
  position: absolute;
  right: 0;
  width: calc(50% - 1px);
  height: 100%;
  background: rgba(51, 63, 94, 0.2);
}
.scroll-container--IywK57RA .list-item-container--pLrECiqY .bar-image-container--xJu0nB1Q {
  justify-content: center;
  max-height: 3vmin;
  width: 100%;
}
.scroll-container--IywK57RA .list-item-container--pLrECiqY .bar-image-container--xJu0nB1Q .bar-image--PWY_4tVr {
  background: rgba(51, 63, 94, 0.2);
  height: 1.4vmin;
}
.scroll-container--IywK57RA .list-item-container--pLrECiqY .bar-image-container--xJu0nB1Q:hover {
  cursor: pointer;
}

.resolution-guide--tslAVZlK {
  margin-top: 8px;
  display: flex;
  width: 100%;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: #FFFFFF;
  height: 38px;
}
.resolution-guide--tslAVZlK:hover {
  cursor: pointer;
  color: inherit;
}

.add-bar-image-container--fF_AtaFz .dropzone-container--v_KqSlqj {
  display: flex;
  justify-content: center;
  height: 304px;
  align-items: center;
  position: relative;
}
.add-bar-image-container--fF_AtaFz .dropzone-container--v_KqSlqj .image-holder-for-icon--WXG9V2cK {
  display: flex;
  justify-content: center;
  width: 90%;
  height: 54px;
  position: relative;
}
.add-bar-image-container--fF_AtaFz .dropzone-container--v_KqSlqj .image-holder-for-icon--WXG9V2cK .dropzone--rnQTHs4j {
  width: 100%;
  height: 100%;
  cursor: pointer;
  box-sizing: border-box;
  color: #718086;
}
.add-bar-image-container--fF_AtaFz .dropzone-container--v_KqSlqj .image-holder-for-icon--WXG9V2cK .icon--t84yPFR9 {
  position: absolute;
  top: 0;
  right: 0;
  height: 2.8vmin;
  width: 2.8vmin;
  z-index: 2;
  margin-top: -1.6vmin;
  margin-right: -1.6vmin;
}
.add-bar-image-container--fF_AtaFz .dropzone-container--v_KqSlqj .image-holder-for-icon--WXG9V2cK .icon--t84yPFR9 img {
  height: 100%;
  width: 100%;
}
.add-bar-image-container--fF_AtaFz .dropzone-container--v_KqSlqj .image-holder-for-icon--WXG9V2cK:hover {
  cursor: pointer;
}
.add-bar-image-container--fF_AtaFz .dropzone-container--v_KqSlqj .dropzone-preview--XvzHz1da {
  border-radius: 0.9vmin;
  border: 2px dashed #979797;
}
.add-bar-image-container--fF_AtaFz .tip--XVfDUm6y {
  color: #718086;
  white-space: nowrap;
  text-align: center;
  font-size: 13px;
}
.add-bar-image-container--fF_AtaFz .tip--XVfDUm6y a {
  color: inherit;
}

.add-double-image-container--Jmp_wmdh .tip--PbMZaJet {
  color: #718086;
  white-space: nowrap;
  text-align: center;
  font-size: 13px;
}
.add-double-image-container--Jmp_wmdh .tip--PbMZaJet a {
  color: inherit;
}
.add-double-image-container--Jmp_wmdh .portrait-container--rqaSsyf2 {
  display: flex;
  flex-direction: row;
  height: 300px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
}
.add-double-image-container--Jmp_wmdh .portrait-container--rqaSsyf2 .image-holder-for-icon--gPUxl5mV {
  position: relative;
  width: 148px;
  height: 224px;
  display: flex;
  justify-content: center;
}
.add-double-image-container--Jmp_wmdh .portrait-container--rqaSsyf2 .image-holder-for-icon--gPUxl5mV .portrait-left--jkrlPgQ7 {
  width: 148px;
  height: 224px;
  cursor: pointer;
  box-sizing: border-box;
  color: #718086;
}
.add-double-image-container--Jmp_wmdh .portrait-container--rqaSsyf2 .image-holder-for-icon--gPUxl5mV .portrait-right--J1QENogh {
  width: 148px;
  height: 224px;
  cursor: pointer;
  box-sizing: border-box;
  color: #718086;
}
.add-double-image-container--Jmp_wmdh .landscape-container--iVKBaqrw {
  display: flex;
  flex-direction: column;
  height: 300px;
  align-items: center;
  justify-content: space-evenly;
}
.add-double-image-container--Jmp_wmdh .landscape-container--iVKBaqrw .image-holder-for-icon--gPUxl5mV {
  position: relative;
  width: 140px;
  height: 100px;
  display: flex;
  justify-content: center;
}
.add-double-image-container--Jmp_wmdh .landscape-container--iVKBaqrw .landscape-left--BfZZNXeM {
  width: 140px;
  height: 100px;
  cursor: pointer;
  box-sizing: border-box;
  color: #718086;
}
.add-double-image-container--Jmp_wmdh .landscape-container--iVKBaqrw .landscape-right--kglmKHFp {
  width: 140px;
  height: 100px;
  cursor: pointer;
  box-sizing: border-box;
  color: #718086;
}
.add-double-image-container--Jmp_wmdh .landscape-container--iVKBaqrw .dropzone-spinner--SeU4qFlN {
  position: absolute;
  top: 50%;
  left: 50%;
}
.add-double-image-container--Jmp_wmdh .landscape-container--iVKBaqrw .dropzone-preview--oMtxuSIT,
.add-double-image-container--Jmp_wmdh .portrait-container--rqaSsyf2 .dropzone-preview--oMtxuSIT {
  border-radius: 0.9vmin;
  border: 2px dashed #979797;
}
.add-double-image-container--Jmp_wmdh .landscape-container--iVKBaqrw .image-holder-for-icon--gPUxl5mV .icon--wy26cFin,
.add-double-image-container--Jmp_wmdh .portrait-container--rqaSsyf2 .image-holder-for-icon--gPUxl5mV .icon--wy26cFin {
  position: absolute;
  top: 0;
  right: 0;
  height: 2.8vmin;
  width: 2.8vmin;
  z-index: 2;
  margin-top: -1.6vmin;
  margin-right: -1.6vmin;
}
.add-double-image-container--Jmp_wmdh .landscape-container--iVKBaqrw .image-holder-for-icon--gPUxl5mV .icon--wy26cFin img,
.add-double-image-container--Jmp_wmdh .portrait-container--rqaSsyf2 .image-holder-for-icon--gPUxl5mV .icon--wy26cFin img {
  height: 100%;
  width: 100%;
}
.add-double-image-container--Jmp_wmdh .landscape-container--iVKBaqrw .image-holder-for-icon--gPUxl5mV:hover,
.add-double-image-container--Jmp_wmdh .portrait-container--rqaSsyf2 .image-holder-for-icon--gPUxl5mV:hover {
  cursor: pointer;
}

.add-single-image-container--o0goffCf .dropzone-container--A5MtpKbq {
  display: flex;
  justify-content: center;
  height: 300px;
  align-items: center;
  position: relative;
}
.add-single-image-container--o0goffCf .dropzone-container--A5MtpKbq .hint-class--UeG9O2lk {
  width: 60%;
}
.add-single-image-container--o0goffCf .dropzone-container--A5MtpKbq .square-hint-class--x80FHjgy {
  width: 70%;
}
.add-single-image-container--o0goffCf .dropzone-container--A5MtpKbq .tall-hint-class--sXa63Fer {
  width: 70%;
}
.add-single-image-container--o0goffCf .dropzone-container--A5MtpKbq .image-holder-regular--nKi7eB7E {
  display: flex;
  justify-content: center;
  width: 230px;
  height: 154px;
  position: relative;
}
.add-single-image-container--o0goffCf .dropzone-container--A5MtpKbq .image-holder-regular--nKi7eB7E .regular-image--C8W0JE_9 {
  height: 100%;
  width: 100%;
  cursor: pointer;
  box-sizing: border-box;
  color: #718086;
}
.add-single-image-container--o0goffCf .dropzone-container--A5MtpKbq .image-holder-regular--nKi7eB7E .regular-image--C8W0JE_9 img {
  object-fit: cover;
}
.add-single-image-container--o0goffCf .dropzone-container--A5MtpKbq .image-holder-square--zOVujN1T {
  display: flex;
  justify-content: center;
  position: relative;
  width: 200px;
  height: 200px;
}
.add-single-image-container--o0goffCf .dropzone-container--A5MtpKbq .image-holder-square--zOVujN1T .square-image--TKomnOzz {
  width: 100%;
  height: 100%;
  cursor: pointer;
  box-sizing: border-box;
  color: #718086;
}
.add-single-image-container--o0goffCf .dropzone-container--A5MtpKbq .image-holder-square--zOVujN1T .square-image--TKomnOzz img {
  object-fit: cover;
}
.add-single-image-container--o0goffCf .dropzone-container--A5MtpKbq .image-holder-tall--woU9Dnvr {
  display: flex;
  justify-content: center;
  position: relative;
  width: 200px;
  height: 280px;
}
.add-single-image-container--o0goffCf .dropzone-container--A5MtpKbq .image-holder-tall--woU9Dnvr .tall-image--_iB6XkTv {
  width: 100%;
  height: 100%;
  cursor: pointer;
  box-sizing: border-box;
  color: #718086;
}
.add-single-image-container--o0goffCf .dropzone-container--A5MtpKbq .image-holder-tall--woU9Dnvr .tall-image--_iB6XkTv img {
  object-fit: cover;
}
.add-single-image-container--o0goffCf .dropzone-container--A5MtpKbq .image-holder-regular--nKi7eB7E .icon--uouOC_k9,
.add-single-image-container--o0goffCf .dropzone-container--A5MtpKbq .image-holder-square--zOVujN1T .icon--uouOC_k9,
.add-single-image-container--o0goffCf .dropzone-container--A5MtpKbq .image-holder-tall--woU9Dnvr .icon--uouOC_k9 {
  position: absolute;
  top: 0;
  right: 0;
  height: 2.8vmin;
  width: 2.8vmin;
  z-index: 2;
  margin-top: -1.6vmin;
  margin-right: -1.6vmin;
}
.add-single-image-container--o0goffCf .dropzone-container--A5MtpKbq .image-holder-regular--nKi7eB7E .icon--uouOC_k9 img,
.add-single-image-container--o0goffCf .dropzone-container--A5MtpKbq .image-holder-square--zOVujN1T .icon--uouOC_k9 img,
.add-single-image-container--o0goffCf .dropzone-container--A5MtpKbq .image-holder-tall--woU9Dnvr .icon--uouOC_k9 img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.add-single-image-container--o0goffCf .dropzone-container--A5MtpKbq .image-holder-regular--nKi7eB7E:hover,
.add-single-image-container--o0goffCf .dropzone-container--A5MtpKbq .image-holder-square--zOVujN1T:hover,
.add-single-image-container--o0goffCf .dropzone-container--A5MtpKbq .image-holder-tall--woU9Dnvr:hover {
  cursor: pointer;
}
.add-single-image-container--o0goffCf .dropzone-container--A5MtpKbq .dropzone-preview--BzpNVGCs {
  border-radius: 0.9vmin;
  border: 2px dashed #979797;
}
.add-single-image-container--o0goffCf .tip--Y7J4H7EP {
  color: #718086;
  white-space: nowrap;
  text-align: center;
  font-size: 13px;
}
.add-single-image-container--o0goffCf .tip--Y7J4H7EP a {
  color: inherit;
}

.add-video-container--lH_fajO3 label {
  cursor: default;
}
.add-video-container--lH_fajO3 .info--azhM8kyU {
  color: #718086;
  font-size: 16px;
  text-align: center;
  padding-right: 4vmin;
  padding-left: 4vmin;
  padding-top: 2vmin;
}
.add-video-container--lH_fajO3 .dropzone-container--CKJvXS1m {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  height: 200px;
  align-items: flex-start;
}
.add-video-container--lH_fajO3 .imageHolderForIcon--gXVWtHLg {
  display: flex;
  justify-content: center;
  width: 18vmin;
  min-height: 12vmin;
  max-height: 20vmin;
  position: relative;
}
.add-video-container--lH_fajO3 .imageHolderForIcon--gXVWtHLg .dropzone--fXE75mv0 {
  width: 100%;
  height: inherit;
  cursor: pointer;
  box-sizing: border-box;
  color: #718086;
  max-height: 180px;
}
.add-video-container--lH_fajO3 .imageHolderForIcon--gXVWtHLg .dropzone-preview--g9mhP9AZ {
  border-radius: 0.9vmin;
  border: 2px dashed #979797;
}
.add-video-container--lH_fajO3 .imageHolderForIcon--gXVWtHLg .icon--FGM_YZ_V {
  position: absolute;
  top: 0;
  right: 0;
  height: 2.8vmin;
  width: 2.8vmin;
  z-index: 2;
  margin-top: -1.6vmin;
  margin-right: -1.6vmin;
}
.add-video-container--lH_fajO3 .imageHolderForIcon--gXVWtHLg .icon--FGM_YZ_V img {
  height: 100%;
  width: 100%;
}
.add-video-container--lH_fajO3 .tipsContainer--cNi96azt {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  font-size: 1.6vmin;
  color: #718086;
}
.add-video-container--lH_fajO3 .tipsContainer--cNi96azt .tipItem--MKQjPfWo {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.add-video-container--lH_fajO3 .tipsContainer--cNi96azt .tipItem--MKQjPfWo .tipIconContainer--fCE_3ub9 {
  margin-right: 0.5vmin;
}
.add-video-container--lH_fajO3 .tipsContainer--cNi96azt .tipItem--MKQjPfWo .tipIconContainer--fCE_3ub9 img {
  width: 18px;
  height: 18px;
}

.add-video-placeholder-container--IwikpLjt .info--z9iImUHT {
  color: #718086;
  font-size: 16px;
  text-align: center;
  padding-right: 4vmin;
  padding-left: 4vmin;
  padding-top: 2vmin;
}
.add-video-placeholder-container--IwikpLjt .dropzone-container--XW4BQicZ {
  display: flex;
  justify-content: center;
  height: 30vmin;
  align-items: flex-start;
}
.add-video-placeholder-container--IwikpLjt .dropzone-container--XW4BQicZ .image-holder-for-icon--dySQ6_zq {
  width: 20vmin;
  min-height: 12vmin;
  display: flex;
  justify-content: center;
  position: relative;
  margin-top: 4vmin;
}
.add-video-placeholder-container--IwikpLjt .dropzone-container--XW4BQicZ .image-holder-for-icon--dySQ6_zq .dropzone--KtlqR2pa {
  width: 100%;
  height: inherit;
  cursor: pointer;
  box-sizing: border-box;
  color: #718086;
}
.add-video-placeholder-container--IwikpLjt .dropzone-container--XW4BQicZ .image-holder-for-icon--dySQ6_zq .icon--XU022yIz {
  position: absolute;
  top: 0;
  right: 0;
  height: 2.8vmin;
  width: 2.8vmin;
  z-index: 2;
  margin-top: -1.6vmin;
  margin-right: -1.6vmin;
}
.add-video-placeholder-container--IwikpLjt .dropzone-container--XW4BQicZ .image-holder-for-icon--dySQ6_zq .icon--XU022yIz img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.add-video-placeholder-container--IwikpLjt .dropzone-container--XW4BQicZ .image-holder-for-icon--dySQ6_zq .icon--XU022yIz:hover {
  cursor: pointer;
}
.add-video-placeholder-container--IwikpLjt .dropzone-container--XW4BQicZ .dropzone-preview--D3pL3VKh {
  border-radius: 0.9vmin;
  border: 2px dashed #979797;
}
.add-video-placeholder-container--IwikpLjt .dropzone-container--XW4BQicZ .tip--CX1dfwhN {
  text-align: center;
  width: 100%;
}

.dropdown-wrapper--niVMr_2F {
  position: relative;
}
.dropdown-wrapper--niVMr_2F .dropdown-button--mZWhkOfD {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  width: 6vmin;
  position: relative;
  cursor: pointer;
}
.dropdown-wrapper--niVMr_2F .dropdown-button--mZWhkOfD .selected-type--Jn5oLCJ7 {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 14px;
  letter-spacing: 0.406699px;
  text-transform: uppercase;
  color: #333333;
}
.dropdown-wrapper--niVMr_2F .dropdown-button--mZWhkOfD .dropdown-arrow--yYjzG3Wr {
  display: flex;
  align-items: center;
  margin-left: 2px;
}
.dropdown-wrapper--niVMr_2F .dropdown-button--mZWhkOfD .dropdown-arrow--yYjzG3Wr img {
  width: 10px;
  height: 10px;
}
.dropdown-wrapper--niVMr_2F .dropdown-button--mZWhkOfD .dropdown-arrow--yYjzG3Wr.rotated--87rviHp0 {
  transform: rotate(180deg);
}
.dropdown-wrapper--niVMr_2F .dropdown-body--l_bEBRh_ {
  background: #FFFFFF;
  border-radius: 16px;
  overflow: hidden;
}
.dropdown-wrapper--niVMr_2F .dropdown-extra-container--VSiXDE3O {
  left: -100px;
  top: 3vmin;
  width: 148px;
  background: #FFFFFF;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05), 0px 6px 20px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
}

.empty-list-container--smUuBfkU {
  font-style: normal;
  font-weight: 400;
  font-size: 1em;
  line-height: 20px;
  text-align: center;
  color: #858585;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.empty-list-container--smUuBfkU .text-container--UTgZDd2c {
  margin-top: 6vmin;
}
.empty-list-container--smUuBfkU .sad-face--D7HbM3gQ {
  margin-top: 2vmin;
}

.add-product-list--cdbUcawj .list-item--ymkIVUP0 {
  padding: 12px;
  justify-content: space-between;
}
.add-product-list--cdbUcawj .empty-item--f1QJRlHI {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 30vmin;
}
.add-product-list--cdbUcawj .empty-item--f1QJRlHI .empty-item-text--BL85QUp6 {
  font-size: 2.1vmin;
  text-align: center;
  color: #718086;
  margin-top: 2vmin;
}
.add-product-list--cdbUcawj .category-text--pAAobcfU {
  text-align: left;
}

.story-list-item--skBTjBy4 {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 10px 15px;
  box-sizing: border-box;
  min-height: 100px;
}
.story-list-item--skBTjBy4:hover {
  cursor: pointer;
  background: #F9F9F9;
}
.story-list-item--skBTjBy4 .info-container--GNcTz6eN {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-left: 10px;
}
.story-list-item--skBTjBy4 .info-container--GNcTz6eN .info--hlzdN6Mn {
  display: flex;
  flex-direction: column;
}
.story-list-item--skBTjBy4 .info-container--GNcTz6eN .info--hlzdN6Mn .story-title--x9hw3y2m {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: #333333;
  font-weight: 500;
  text-align: left;
  text-transform: capitalize;
}
.story-list-item--skBTjBy4 .info-container--GNcTz6eN .info--hlzdN6Mn .selected--O27bQdq9 {
  color: #26A9FA;
}
.story-list-item--skBTjBy4 .info-container--GNcTz6eN .info--hlzdN6Mn .description--rFkjmdcN {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 13px;
  line-height: 16px;
  color: #666666;
  text-align: left;
}
.story-list-item--skBTjBy4 .img--GyTfh8WI {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 99px;
}
.story-list-item--skBTjBy4 .img--GyTfh8WI img {
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: 100%;
  border-radius: 6px;
}
.story-list-item--skBTjBy4 .img--GyTfh8WI video {
  flex-shrink: 0;
  width: 100%;
  border-radius: 6px;
  min-width: 100%;
  object-fit: cover;
  height: 100%;
  min-height: 100%;
}
.story-list-item--skBTjBy4 .empty--ZSCyhUm9 {
  background: #f1f1f1;
  border-radius: 6px;
}
.story-list-item--skBTjBy4 .empty--ZSCyhUm9 .emptyImg--jQiw4c23 {
  height: 30px;
  width: 30px;
  min-width: auto;
  min-height: auto;
}

.dropdown-wrapper--RuxErlD3 {
  position: relative;
}
.dropdown-wrapper--RuxErlD3 .dropdown-button--avISauTR {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  width: 6vmin;
  position: relative;
  cursor: pointer;
}
.dropdown-wrapper--RuxErlD3 .dropdown-button--avISauTR .selected-type--SUpm4Nxu {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 14px;
  letter-spacing: 0.406699px;
  text-transform: uppercase;
  color: #333333;
}
.dropdown-wrapper--RuxErlD3 .dropdown-button--avISauTR .dropdown-arrow--XlV5eKPa {
  display: flex;
  align-items: center;
  margin-left: 2px;
}
.dropdown-wrapper--RuxErlD3 .dropdown-button--avISauTR .dropdown-arrow--XlV5eKPa img {
  width: 10px;
  height: 10px;
}
.dropdown-wrapper--RuxErlD3 .dropdown-button--avISauTR .dropdown-arrow--XlV5eKPa.rotated--xKuqdjmS {
  transform: rotate(180deg);
}
.dropdown-wrapper--RuxErlD3 .dropdown-body--VHeOCYFz {
  background: #FFFFFF;
  border-radius: 16px;
  overflow: hidden;
}
.dropdown-wrapper--RuxErlD3 .dropdown-extra-container--DYFybpZ_ {
  left: -100px;
  top: 3vmin;
  width: 148px;
  background: #FFFFFF;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05), 0px 6px 20px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
}

.empty-list-container--NGwMRhA0 {
  font-style: normal;
  font-weight: 400;
  font-size: 1em;
  line-height: 20px;
  text-align: center;
  color: #858585;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.empty-list-container--NGwMRhA0 .text-container--geGxG7qL {
  margin-top: 6vmin;
}
.empty-list-container--NGwMRhA0 .sad-face--aEmVemZL {
  margin-top: 2vmin;
}

.add-product-list--mP2o78Ny .list-item--FkfURLBs {
  padding: 12px;
  justify-content: space-between;
}
.add-product-list--mP2o78Ny .empty-item--GBRNudm2 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 30vmin;
}
.add-product-list--mP2o78Ny .empty-item--GBRNudm2 .empty-item-text--zColrFZT {
  font-size: 2.1vmin;
  text-align: center;
  color: #718086;
  margin-top: 2vmin;
}
.add-product-list--mP2o78Ny .category-text--AaQT59P1 {
  text-align: left;
}

.lookbook-list-item--YwC_K64r {
  width: 100%;
  display: flex;
  padding: 10px 15px;
  box-sizing: border-box;
  min-height: 95px;
}
.lookbook-list-item--YwC_K64r:hover {
  cursor: pointer;
  background: #F9F9F9;
}
.lookbook-list-item--YwC_K64r .info-container--_NDgwGOe {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.lookbook-list-item--YwC_K64r .info-container--_NDgwGOe .lookbookTitle--LO3N0OSx {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: #333333;
  font-weight: 500;
  text-align: left;
  text-transform: capitalize;
}
.lookbook-list-item--YwC_K64r .info-container--_NDgwGOe .lookbookTitle--LO3N0OSx.selected--C_eETWji {
  color: #26A9FA;
}
.lookbook-list-item--YwC_K64r .info-container--_NDgwGOe .description--xQoEfFSK {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 13px;
  line-height: 16px;
  color: #666666;
  text-align: left;
}
.lookbook-list-item--YwC_K64r .lookbook-image--KwuSOaSE {
  width: 120px;
  min-width: 120px;
  height: 75px;
  margin-right: 10px;
  border-radius: 1vmin;
  background-size: cover;
  background-repeat: no-repeat;
}

.choose-lookbook--W243swSL .list-item--vv_G_sVf {
  flex-direction: column;
  min-height: 95px;
  display: table !important;
  padding-left: 0px;
  padding-right: 0px;
}
.choose-lookbook--W243swSL .list-item-title--lJ5VDErJ {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  padding: 12px 16px;
  border-bottom: 1px solid #F3F3F3;
  text-align: left;
}
.choose-lookbook--W243swSL .empty-item--ajrbNpCH {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 240px;
  padding-bottom: 40px;
}
.choose-lookbook--W243swSL .empty-item--ajrbNpCH .empty-item-text--td8qatm2 {
  font-size: 2.1vmin;
  text-align: center;
  color: #718086;
  margin-top: 2vmin;
}

.looks-container--MVOFrKF3 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.looks-container--MVOFrKF3 .look-item--BqeUqfMM {
  width: 28vmin;
  height: 20vmin;
  padding: 1vmin 0vmin;
}
.looks-container--MVOFrKF3 .look-item--BqeUqfMM img {
  border-radius: 2vmin;
  width: 100%;
  height: 100%;
}
.looks-container--MVOFrKF3 .look-item--BqeUqfMM:hover {
  cursor: pointer;
}

.choose-layout-wrapper--v2QgP9dK {
  height: 100%;
  width: 100%;
}
.button-base--F0oOoRsy {
  position: relative;
  border: 1px solid #9b9b9b;
  border-radius: 6px;
  height: 5.5vmin;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 100px;
  padding: 0px 14px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  color: #858585;
}
.button-base--F0oOoRsy:hover {
  cursor: pointer;
}
.button-base--F0oOoRsy.active-button--aCr9vpDL {
  color: #333;
  border-color: #9b9b9b;
}
.button-base--F0oOoRsy.active-button--aCr9vpDL img {
  filter: opacity(1);
}
.button-base--F0oOoRsy img {
  width: 10px;
  height: 10px;
  filter: opacity(0.5);
}

.choose-content--cEthGohi .list-item--RzvCM7qe {
  padding: 15px 20px;
  justify-content: space-between;
  cursor: pointer;
}

.valid-url--sP0uJTRV {
  display: flex;
  align-items: center;
  line-height: 15px;
  color: #718086;
  padding: 12px;
}
.valid-url--sP0uJTRV .image-container--csm8DHTe {
  width: 32px;
  height: 32px;
  margin: 2px;
  background: #7ED321;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
}
.valid-url--sP0uJTRV .success-text--EQMLt5fg {
  margin-left: 6px;
  font-size: 0.9em;
}
.invalid-url--XFVAGaTy {
  padding: 12px;
  display: flex;
  justify-content: left;
  align-items: center;
  font-weight: normal;
  line-height: 15px;
  color: #718086;
}
.invalid-url--XFVAGaTy .fail-icon--ak9n5jiT {
  width: 36px;
  height: 36px;
}
.invalid-url--XFVAGaTy .fail-text-container--lY_zFgYh {
  margin-left: 6px;
  line-height: 2vmin;
}
.invalid-url--XFVAGaTy .fail-text-container--lY_zFgYh a {
  color: #333333;
  text-decoration: underline;
  font-size: 0.7em;
}
.invalid-url--XFVAGaTy .fail-text-container--lY_zFgYh .failText--AUZj3R5b {
  font-size: 0.7em;
}

.radio-button--xRDQNneN {
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #CCCCCC;
  border-radius: 50%;
}
.radio-button--xRDQNneN .circle--M6rftYl3 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #26A9FA;
}

.link-type--ha6n48PX {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.link-type--ha6n48PX:hover {
  cursor: pointer;
}
.link-type--ha6n48PX:last-child {
  margin-left: 30px;
}
.link-type--ha6n48PX > span {
  margin-left: 7px;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
}

.info-container--WqOP9uO2 {
  position: relative;
  width: auto;
  padding: 15px 10px;
  margin-top: 10px;
  background: #F9F9F9;
  border: 1px solid #E7E7E7;
  border-radius: 5px;
  color: #7A7A7A;
  font-size: 12px;
  line-height: 14px;
  font-feature-settings: 'pnum' on, 'lnum' on;
}
.info-container--WqOP9uO2 .arrow--JcdTcAS0 {
  position: absolute;
  top: -5px;
  left: 23px;
  transform: rotate(45deg);
  width: 7px;
  height: 7px;
  background: #F9F9F9;
  border: 1px solid #E7E7E7;
  border-right: none;
  border-bottom: none;
}
.info-container--WqOP9uO2 .right-position--EbVHYoHx {
  top: -5px;
  left: calc(50% - 2px);
}

.add-content-extension--c2eRP0wL {
  position: relative;
}
.add-content-extension--c2eRP0wL .input-item--HSfspwsW {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.add-content-extension--c2eRP0wL .input-item--HSfspwsW .link-type--iBhX_LAR {
  display: flex;
  flex-direction: row;
}
.add-content-extension--c2eRP0wL .input-item--HSfspwsW .input-label--uBVwJYNv {
  font-style: normal;
  font-weight: 600;
  font-size: 0.7em;
  line-height: 18px;
  letter-spacing: 0.01em;
  color: #333333;
  margin-bottom: 6px;
  text-align: left;
}
.add-content-extension--c2eRP0wL .input-item--HSfspwsW .input-label--uBVwJYNv.secondary--gGBz1U2Z {
  margin-top: 20px;
}
.add-content-extension--c2eRP0wL .input-item--HSfspwsW .input--OtyQopsG {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  display: flex;
  align-items: center;
  height: 36px;
  border: none;
  outline: none;
}
.add-content-extension--c2eRP0wL .input-item--HSfspwsW .input--OtyQopsG::placeholder {
  color: #BCBCBC;
}
.add-content-extension--c2eRP0wL .input-item--HSfspwsW .input--OtyQopsG .search-input {
  padding-left: 8px;
}
.add-content-extension--c2eRP0wL .list-item--D7Jd2e2h {
  padding: 15px 20px;
  justify-content: space-between;
  cursor: pointer;
}
@media only screen and (max-height: 800px) {
  .add-content-extension--c2eRP0wL .input-item--HSfspwsW {
    padding: 8px 16px;
  }
}

.choose-product--NonN9M_m .list-item--WxwSdA3B {
  padding: 12px;
  justify-content: space-between;
}
.choose-product--NonN9M_m .hint--WBvmzeQ0 {
  margin: 12px;
  font-size: 0.6em;
  line-height: 16px;
}
.choose-product--NonN9M_m .not-found-title--GHQdR8jO {
  margin: 12px;
  text-align: left;
  align-self: flex-start;
  font-size: 0.7em;
}

.choose-category--CZ6SB7Bl .list-item--GTAGqwIV {
  padding: 12px;
  justify-content: space-between;
  min-height: 60px !important;
}
.choose-category--CZ6SB7Bl .not-found-title--d51Toy4T {
  margin: 12px;
  text-align: left;
  align-self: flex-start;
  font-size: 0.7em;
}
.choose-category--CZ6SB7Bl .list-item-manual--lmzFa4JX {
  flex-direction: column;
  padding: 12px;
}
.choose-category--CZ6SB7Bl .list-item-manual--lmzFa4JX .manual-title--hcLKnJoa {
  font-size: 14px;
  color: #718086;
  text-align: left;
  margin-bottom: 10px;
}

.choose-lookbook--PCvKOWUA .search-list-item--iWPShtJW {
  padding: 12px;
  min-height: 60px !important;
}
.choose-lookbook--PCvKOWUA .list-item--XpbLhBFd {
  flex-direction: column;
  min-height: 95px;
}
.choose-lookbook--PCvKOWUA .list-item-title--a0osAaly {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1px solid #F3F3F3;
}
.choose-lookbook--PCvKOWUA .not-found-title--XG6qeCcc {
  margin: 17px;
  text-align: left;
  align-self: flex-start;
  font-size: 0.7em;
}

.wrapper--bzpWYMM0 {
  display: flex;
  width: 100%;
  justify-content: space-between;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  box-sizing: border-box;
}
.wrapper--bzpWYMM0 .option-text--BXY05kKp {
  color: #CCCCCC;
  font-size: 0.8em;
  line-height: 18px;
}
.wrapper--bzpWYMM0 a {
  cursor: pointer;
  font-size: 14px;
  line-height: 18px;
  color: #26A9FA;
}

.choose-app-view--QGmsD4TG .list-item--_dHT69_A {
  padding: 15px 20px;
  justify-content: space-between;
  cursor: pointer;
  font-size: 14px;
  line-height: 18px;
}
.choose-app-view--QGmsD4TG .toggle-list-item--ej1mP0DT {
  min-height: unset !important;
}
.choose-app-view--QGmsD4TG .deep-list-item--z2rCZfGN {
  display: flex;
  padding: 15px 20px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #f3f3f3;
  min-height: unset;
  cursor: pointer;
}
@media only screen and (max-height: 800px) {
  .choose-app-view--QGmsD4TG .deep-list-item--z2rCZfGN {
    padding: 1.5vmin 20px;
  }
}
.choose-app-view--QGmsD4TG .deep-title--GCD9wcpm {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 18px;
  color: #333333;
  display: flex;
}
.choose-app-view--QGmsD4TG .toggleListItemContent--DmOgnwem {
  min-height: unset !important;
}

.localise-title--TcP6EHuv .list-wrapper--fitAVJQx {
  display: flex;
  flex-direction: column;
}
.localise-title--TcP6EHuv .list-item--KLnaWiAf {
  padding-bottom: 60px;
}
.localise-title--TcP6EHuv .list-item--KLnaWiAf .item-wrapper--Jja_ThY1 {
  display: flex;
  flex-direction: column;
  padding: 12px 16px;
  box-sizing: border-box;
}
.localise-title--TcP6EHuv .list-item--KLnaWiAf .item-wrapper--Jja_ThY1.bordered--uJFACj17 {
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #f3f3f3;
}
.localise-title--TcP6EHuv .list-item--KLnaWiAf .item-wrapper--Jja_ThY1.hovered--vSBjCouZ:hover {
  cursor: pointer;
  background: #F9F9F9;
}
.localise-title--TcP6EHuv .list-item--KLnaWiAf .item-wrapper--Jja_ThY1 .title--uy6ABJAG {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  text-align: left;
  margin-bottom: 4px;
}
.localise-title--TcP6EHuv .list-item--KLnaWiAf .item-wrapper--Jja_ThY1 .input--hPIFmzr1 {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  display: flex;
  align-items: center;
  height: 36px;
  border: none;
  outline: none;
}
.localise-title--TcP6EHuv .list-item--KLnaWiAf .item-wrapper--Jja_ThY1 .input--hPIFmzr1::placeholder {
  color: #BCBCBC;
}

.localise-url--_QvRV_Qb .list-wrapper--QCTF1g2e {
  display: flex;
  flex-direction: column;
}
.localise-url--_QvRV_Qb .list-item--UnzkLdXW {
  padding-bottom: 60px;
}
.localise-url--_QvRV_Qb .list-item--UnzkLdXW .item-wrapper--TTqB_Vgb {
  display: flex;
  flex-direction: column;
  padding: 12px 16px;
  box-sizing: border-box;
}
.localise-url--_QvRV_Qb .list-item--UnzkLdXW .item-wrapper--TTqB_Vgb.bordered--K2_Sb3sK {
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #f3f3f3;
}
.localise-url--_QvRV_Qb .list-item--UnzkLdXW .item-wrapper--TTqB_Vgb.hovered--pb30Tg8_:hover {
  cursor: pointer;
  background: #F9F9F9;
}
.localise-url--_QvRV_Qb .list-item--UnzkLdXW .item-wrapper--TTqB_Vgb .url--zOZYSrqg {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  text-align: left;
  margin-bottom: 4px;
}
.localise-url--_QvRV_Qb .list-item--UnzkLdXW .item-wrapper--TTqB_Vgb .input--VTh8unt0 {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  display: flex;
  align-items: center;
  height: 36px;
  border: none;
  outline: none;
}
.localise-url--_QvRV_Qb .list-item--UnzkLdXW .item-wrapper--TTqB_Vgb .input--VTh8unt0::placeholder {
  color: #BCBCBC;
}

.content-popover-wrapper--jixZDdsk {
  height: 100%;
  width: 100%;
  background-color: #FFFFFF;
  border-radius: 16px;
}
.content-popover-wrapper-scroll--deBQJRo5 {
  overflow-y: scroll !important;
}
.layout-base--RUZpTjCm {
  margin-top: 2vmin;
  position: relative;
  border: 1px solid #9b9b9b;
  border-radius: 6px;
  height: 5.5vmin;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 100px;
  padding: 0px 14px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  color: #858585;
}
.layout-base--RUZpTjCm:hover {
  cursor: pointer;
}
.layout-base--RUZpTjCm.active-button--Aglsw3o2 {
  color: #333;
  border-color: #9b9b9b;
}
.layout-base--RUZpTjCm.active-button--Aglsw3o2 img {
  filter: opacity(1);
}
.layout-base--RUZpTjCm img {
  width: 10px;
  height: 10px;
  filter: opacity(0.5);
}

.wrapper-container--tQOwQZsi {
  max-width: 650px;
  height: 100%;
}
.wrapper-container--tQOwQZsi .modal-title--hHekHnw2 {
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 21px;
  text-align: center;
  color: #333333;
}
.wrapper-container--tQOwQZsi .wrapper-body--Xx4KeSuv {
  overflow-y: scroll;
  height: 472px;
  line-height: 16px;
  padding-left: 34px !important;
  padding-right: 34px !important;
}
@media only screen and (min-height: 700px) {
  .wrapper-container--tQOwQZsi .wrapper-body--Xx4KeSuv {
    font-size: 20px;
  }
}
@media only screen and (max-height: 700px) {
  .wrapper-container--tQOwQZsi .wrapper-body--Xx4KeSuv {
    font-size: 15px;
  }
}
@media only screen and (min-height: 700px) {
  .wrapper-container--tQOwQZsi .wrapper-body--Xx4KeSuv .default-title-container--Wec7G3dI {
    margin-top: 20px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-height: 700px) {
  .wrapper-container--tQOwQZsi .wrapper-body--Xx4KeSuv .default-title-container--Wec7G3dI {
    margin-top: 10px;
  }
}
.wrapper-container--tQOwQZsi .wrapper-body--Xx4KeSuv .default-title-container--Wec7G3dI .default-title--p837iDUW {
  font-weight: normal;
  font-size: 0.8em;
  font-weight: 600;
  font-style: normal;
  line-height: 1.6em;
  color: #333333;
}
@media only screen and (min-height: 700px) {
  .wrapper-container--tQOwQZsi .wrapper-body--Xx4KeSuv .default-title-container--Wec7G3dI .default-title--p837iDUW {
    padding-top: 8px;
    padding-bottom: 4px;
    padding-left: 8px;
  }
}
@media only screen and (max-height: 700px) {
  .wrapper-container--tQOwQZsi .wrapper-body--Xx4KeSuv .default-title-container--Wec7G3dI .default-title--p837iDUW {
    padding-top: 4px;
    padding-bottom: 2px;
    padding-left: 4px;
  }
}
.wrapper-container--tQOwQZsi .wrapper-body--Xx4KeSuv .default-title-container--Wec7G3dI .default-title-description--LUv0dwne {
  padding-left: 2px;
  padding-top: 8px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 0.6em;
  line-height: 1.6em;
  color: #718086;
  text-align: left;
}

.wrapper-container--QJkKKlqZ {
  max-width: 650px;
}
@media only screen and (max-height: 700px) {
  .wrapper-container--QJkKKlqZ {
    max-height: 500px;
  }
}
@media only screen and (min-height: 700px) {
  .wrapper-container--QJkKKlqZ {
    max-height: 650px;
  }
}
.wrapper-container--QJkKKlqZ .modal-title--perkLcYt {
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 21px;
  text-align: center;
  color: #333333;
}
.wrapper-container--QJkKKlqZ .wrapper-body--njgpomLn {
  overflow-y: scroll;
  line-height: 16px;
  padding-left: 34px !important;
  padding-right: 34px !important;
}
@media only screen and (max-height: 700px) {
  .wrapper-container--QJkKKlqZ .wrapper-body--njgpomLn {
    max-height: 380px;
  }
}
@media only screen and (min-height: 700px) {
  .wrapper-container--QJkKKlqZ .wrapper-body--njgpomLn {
    max-height: 500px;
  }
}
@media only screen and (min-height: 700px) {
  .wrapper-container--QJkKKlqZ .wrapper-body--njgpomLn {
    font-size: 20px;
  }
}
@media only screen and (max-height: 700px) {
  .wrapper-container--QJkKKlqZ .wrapper-body--njgpomLn {
    font-size: 15px;
  }
}
.media-container--Yz_ylhpp .headerContainer--O2ZVAItl {
  padding-left: 6px;
  padding-right: 6px;
  font-family: Source Sans Pro;
}
@media only screen and (max-height: 700px) {
  .media-container--Yz_ylhpp .headerContainer--O2ZVAItl {
    padding-top: 17px;
  }
}
@media only screen and (min-height: 700px) {
  .media-container--Yz_ylhpp .headerContainer--O2ZVAItl {
    padding-top: 34px;
  }
}
.media-container--Yz_ylhpp .headerContainer--O2ZVAItl .headerText--mTkhPuZq {
  font-weight: 600;
  padding-bottom: 10px;
  font-size: 0.75em;
  font-style: normal;
  line-height: 0.75em;
  color: #333333;
}
.media-container--Yz_ylhpp .headerContainer--O2ZVAItl .info-header--vFNF6lWb {
  font-weight: 600;
  padding-bottom: 10px;
  font-size: 0.75em;
  font-style: normal;
  line-height: 0.75em;
  color: #333333;
  min-height: 240px;
  text-decoration: underline;
}
.media-container--Yz_ylhpp .header-divider--ZgaGJCqn {
  border-bottom: 1px solid #E0E0E0;
}
@media only screen and (max-height: 700px) {
  .media-container--Yz_ylhpp .media-body--Eb5gBgz6:first-child {
    padding-top: 10px;
  }
}
@media only screen and (min-height: 700px) {
  .media-container--Yz_ylhpp .media-body--Eb5gBgz6:first-child {
    padding-top: 20px;
  }
}
@media only screen and (max-height: 700px) {
  .media-container--Yz_ylhpp .media-body--Eb5gBgz6 .media-item--GqqJJM6j {
    padding-bottom: 7px;
  }
}
@media only screen and (min-height: 700px) {
  .media-container--Yz_ylhpp .media-body--Eb5gBgz6 .media-item--GqqJJM6j {
    padding-bottom: 14px;
  }
}
.media-container--Yz_ylhpp .media-body--Eb5gBgz6 .media-item--GqqJJM6j .media-dropzone--G66qwKru {
  position: absolute;
  width: 100%;
  background-color: #FFFFFF;
  border-radius: 8px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
}
.media-container--Yz_ylhpp .media-body--Eb5gBgz6 .media-item--GqqJJM6j .media-dropzone--G66qwKru .title-container-class-name--TBbxU4h4 {
  width: 100%;
  display: flex;
  justify-content: center;
}
.media-container--Yz_ylhpp .media-body--Eb5gBgz6 .media-item--GqqJJM6j .media-dropzone--G66qwKru .dropzoneFilled--_fwCM81H {
  background: #FFFFFF;
  border: 0.8px solid #D8D8D8;
  border-radius: 8px;
  width: 100%;
  height: 80px;
  font-size: 14px;
  cursor: pointer;
  box-sizing: border-box;
  color: #718086;
  margin-left: 0vmin;
}
.media-container--Yz_ylhpp .media-body--Eb5gBgz6 .media-item--GqqJJM6j .media-dropzone--G66qwKru .dropzone--PMSRS4KM {
  width: 100%;
  height: 80px;
  font-size: 14px;
  cursor: pointer;
  box-sizing: border-box;
  color: #718086;
  margin-left: 0vmin;
}
.media-container--Yz_ylhpp .media-body--Eb5gBgz6 .media-item--GqqJJM6j .media-dropzone--G66qwKru .dropzoneFilled--_fwCM81H,
.media-container--Yz_ylhpp .media-body--Eb5gBgz6 .media-item--GqqJJM6j .media-dropzone--G66qwKru .dropzone--PMSRS4KM {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
}
.media-container--Yz_ylhpp .media-body--Eb5gBgz6 .media-item--GqqJJM6j .media-dropzone--G66qwKru .dropzoneFilled--_fwCM81H .full-width--kjtLiAKv,
.media-container--Yz_ylhpp .media-body--Eb5gBgz6 .media-item--GqqJJM6j .media-dropzone--G66qwKru .dropzone--PMSRS4KM .full-width--kjtLiAKv {
  width: 100%;
}
.media-container--Yz_ylhpp .media-body--Eb5gBgz6 .media-item--GqqJJM6j .media-dropzone--G66qwKru .dropzoneFilled--_fwCM81H .full-width--kjtLiAKv .dropzone-title--KiV6Tn2d,
.media-container--Yz_ylhpp .media-body--Eb5gBgz6 .media-item--GqqJJM6j .media-dropzone--G66qwKru .dropzone--PMSRS4KM .full-width--kjtLiAKv .dropzone-title--KiV6Tn2d {
  font-size: 14px;
  line-height: 18px;
  color: #333333 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #718086;
}
.media-container--Yz_ylhpp .media-body--Eb5gBgz6 .media-item--GqqJJM6j .media-dropzone--G66qwKru .dropzoneFilled--_fwCM81H .full-width--kjtLiAKv .dropzone-hint--X98Pp5pf,
.media-container--Yz_ylhpp .media-body--Eb5gBgz6 .media-item--GqqJJM6j .media-dropzone--G66qwKru .dropzone--PMSRS4KM .full-width--kjtLiAKv .dropzone-hint--X98Pp5pf {
  text-align: center;
  font-size: 12px;
  line-height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #718086;
  margin-top: 0.4vmin;
}
.media-container--Yz_ylhpp .media-body--Eb5gBgz6 .media-item--GqqJJM6j .media-dropzone--G66qwKru .dropzoneFilled--_fwCM81H .row--kTZ5pAOT,
.media-container--Yz_ylhpp .media-body--Eb5gBgz6 .media-item--GqqJJM6j .media-dropzone--G66qwKru .dropzone--PMSRS4KM .row--kTZ5pAOT {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.media-container--Yz_ylhpp .media-body--Eb5gBgz6 .media-item--GqqJJM6j .media-dropzone--G66qwKru .dropzoneFilled--_fwCM81H .row-empty-container--XfgmUfaq,
.media-container--Yz_ylhpp .media-body--Eb5gBgz6 .media-item--GqqJJM6j .media-dropzone--G66qwKru .dropzone--PMSRS4KM .row-empty-container--XfgmUfaq {
  width: 100%;
  height: 100%;
  border: 0.8px dashed #D8D8D8;
  border-radius: 8px;
  display: flex;
  align-items: center;
}
.media-container--Yz_ylhpp .media-body--Eb5gBgz6 .media-item--GqqJJM6j .media-dropzone--G66qwKru .dropzoneFilled--_fwCM81H .row-empty-container--XfgmUfaq.error--mIQ5iRsx,
.media-container--Yz_ylhpp .media-body--Eb5gBgz6 .media-item--GqqJJM6j .media-dropzone--G66qwKru .dropzone--PMSRS4KM .row-empty-container--XfgmUfaq.error--mIQ5iRsx {
  border-color: #D0021B;
}
.media-container--Yz_ylhpp .media-body--Eb5gBgz6 .media-item--GqqJJM6j .media-dropzone--G66qwKru .imageName--NWVuyrKA {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 1.8vmin;
  line-height: 4.8vmin;
  min-width: 0px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #333333;
  padding-left: 0px;
  margin-left: -2.5vmin;
  margin-right: 2.5vmin;
  text-align: left;
}
.media-container--Yz_ylhpp .media-body--Eb5gBgz6 .media-item--GqqJJM6j .media-dropzone--G66qwKru .dropzone-image-container--HVpQdWAN {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  position: relative;
  padding-left: 8px;
}
.media-container--Yz_ylhpp .media-body--Eb5gBgz6 .media-item--GqqJJM6j .media-dropzone--G66qwKru .dropzone-image-container--HVpQdWAN .dropzone-spinner--Gq_NqVwo {
  position: absolute;
  top: 50%;
  left: 40%;
}
.media-container--Yz_ylhpp .media-body--Eb5gBgz6 .media-item--GqqJJM6j .media-dropzone--G66qwKru .dropzone-image-container--HVpQdWAN .image-preview--qKP_BzR0 {
  border-radius: 2px;
  object-fit: cover;
  width: 80%;
  height: 80%;
}
.media-container--Yz_ylhpp .media-body--Eb5gBgz6 .media-item--GqqJJM6j .media-dropzone--G66qwKru .dropzone-image-container--HVpQdWAN .image-bar-preview--aPSIgGgT {
  border-radius: 2px;
  width: 80%;
  height: 80%;
  background: #EEEEEE;
  object-fit: scale-down;
}
.media-container--Yz_ylhpp .media-body--Eb5gBgz6 .media-item--GqqJJM6j .media-dropzone--G66qwKru .trash-icon--Qxn6Z_HF {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 1vmin;
}
.media-container--Yz_ylhpp .media-body--Eb5gBgz6 .media-item--GqqJJM6j .media-dropzone--G66qwKru .trash-icon--Qxn6Z_HF img {
  height: 20px;
}
.media-container--Yz_ylhpp .media-body--Eb5gBgz6 .media-item--GqqJJM6j .media-item-title--BZ2ALScq {
  font-weight: normal;
  font-size: 1.8vmin;
  font-family: Source Sans Pro;
  font-style: normal;
  line-height: 1.6em;
  color: #333333;
  text-align: left;
}
.media-container--Yz_ylhpp .media-body--Eb5gBgz6 .media-item--GqqJJM6j .wrapper--tAkHuICs {
  position: relative;
}
.media-container--Yz_ylhpp .media-body--Eb5gBgz6 .media-item--GqqJJM6j .wrapper--tAkHuICs .search--wnAtl2M_ .grid-container {
  padding: 0;
}

.wrapper-container--DBfAWrQo {
  max-width: 650px;
}
@media only screen and (max-height: 700px) {
  .wrapper-container--DBfAWrQo {
    max-height: 500px;
  }
}
@media only screen and (min-height: 700px) {
  .wrapper-container--DBfAWrQo {
    max-height: 650px;
  }
}
.wrapper-container--DBfAWrQo .modal-title--TEyKzykg {
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 21px;
  text-align: center;
  color: #333333;
}
.wrapper-container--DBfAWrQo .wrapper-body--lB5zydw9 {
  overflow-y: scroll;
  line-height: 16px;
  padding-left: 34px !important;
  padding-right: 34px !important;
}
@media only screen and (max-height: 700px) {
  .wrapper-container--DBfAWrQo .wrapper-body--lB5zydw9 {
    max-height: 380px;
  }
}
@media only screen and (min-height: 700px) {
  .wrapper-container--DBfAWrQo .wrapper-body--lB5zydw9 {
    max-height: 500px;
  }
}
@media only screen and (min-height: 700px) {
  .wrapper-container--DBfAWrQo .wrapper-body--lB5zydw9 {
    font-size: 20px;
  }
}
@media only screen and (max-height: 700px) {
  .wrapper-container--DBfAWrQo .wrapper-body--lB5zydw9 {
    font-size: 15px;
  }
}

.button-container--C87wXEnk {
  width: 100%;
}
.button-container--C87wXEnk .tip-container--GnbCyvOU {
  background: #FFFFFF;
  border: 1px solid #D5D5D5;
  box-sizing: border-box;
  border-radius: 8px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 1.8vmin;
  line-height: 2.5vmin;
  letter-spacing: 0.01em;
  color: #333333;
  padding-top: 1.5vmin;
  padding-bottom: 1.5vmin;
  width: 38vmin;
  padding-left: 1.5vmin;
  text-align: left;
}

.toggle-wrapper--zJOhy2_U {
  margin-bottom: 1.5vmin;
}
.toggle-wrapper--zJOhy2_U .toggle-button--k_vne4ae {
  font-size: 2vmin;
}
.buttonsWrapper--n5BPwrJd {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.buttonsWrapper--n5BPwrJd > div:first-child {
  margin-bottom: 10px;
}

.trigger-button--lXfV87wh {
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  border: 1px solid #AAAAAA;
  box-sizing: border-box;
  border-radius: 6px;
  padding: 6px 10px;
  width: 142px;
  margin-left: auto;
}
.trigger-button--lXfV87wh:hover {
  border: 1px solid #666666;
  cursor: pointer;
}
.trigger-button--lXfV87wh.disabled--bLTkyZd1 {
  opacity: 0.5;
  cursor: not-allowed;
}
.trigger-button--lXfV87wh .first-row--o15xJkhv {
  display: flex;
  align-items: center;
}
.trigger-button--lXfV87wh .first-row--o15xJkhv .dot--HBxQYL_7 {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  margin-right: 6px;
}
.trigger-button--lXfV87wh .first-row--o15xJkhv .dot--HBxQYL_7.green--feynSTJE {
  background: #7ED321;
}
.trigger-button--lXfV87wh .first-row--o15xJkhv .dot--HBxQYL_7.orange--aFMKXKqX {
  background: #FA9826;
}
.trigger-button--lXfV87wh .first-row--o15xJkhv .dot--HBxQYL_7.purple--JT6RtM_B {
  background: #9718C3;
}
.trigger-button--lXfV87wh .first-row--o15xJkhv .title--cYM0BgkO {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  font-weight: 500;
  color: #000000;
  margin-right: 24px;
}
.trigger-button--lXfV87wh .first-row--o15xJkhv .arrow-container--jpYYdWH_ {
  flex: 1;
}
.trigger-button--lXfV87wh .storefronts--yv2MySis {
  text-align: start;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: #666666;
}
.draft-button--ONgKQrOz {
  bottom: 70px;
}
.slider-wrapper--DvVwqF1I {
  width: 100%;
  height: 100%;
  position: relative;
}
.calendar-component--RcKphxvw {
  height: 100%;
  padding-bottom: 40px;
}
.calendar-component--RcKphxvw .calendar-body--qsb4y0sb {
  width: 100%;
  height: 100%;
}

.main--PnyG4YOT {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  font-size: 1.5rem;
  padding: 0 60px;
  height: max-content;
}

.devices-container--VDFLjQOo {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  height: 53vmin;
  margin-top: 8vmin;
}
.search-bar-container--l4OW6vGH {
  margin-top: 24px;
}
.warning-container--wEFgntUG {
  margin-top: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.warning-container--wEFgntUG .warning-icon--EZuLb030 {
  height: 16px;
  width: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 4px;
}
.warning-container--wEFgntUG .warning-icon--EZuLb030 img {
  width: 100%;
  height: 100%;
}
.warning-container--wEFgntUG .warning-text--o0vlovc3 {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 14px;
  color: #FF8A00;
}
.footer-container--hFR1mGqD .hint-text--xk0MH_aE {
  margin-bottom: 1vmin;
}
.footer-container--hFR1mGqD .footer-item-title--Q110XXUq {
  margin-bottom: 0;
}
.footer-container--hFR1mGqD .footerItemContainer--g2lkBmnO {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.footer-container--hFR1mGqD .footerItemContainer--g2lkBmnO .itemTitle--uTm8Jtju {
  margin-bottom: 0;
}
.footer-container--hFR1mGqD .footerItemContainer--g2lkBmnO .choose-layout-container--M8232mOd {
  width: 100%;
  max-width: 45vmin;
}
.footer-container--hFR1mGqD .footerItemContainer--g2lkBmnO .content-popover-wrapper--TK2JRPJS {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  max-width: 45vmin;
}

.name-input-container--lKSr9c1S {
  margin-top: 40px;
}
.email-input-container--CZlmDGOZ {
  margin-top: 20px;
}
.name-input-container--lKSr9c1S .input--n9sUPaz9,
.email-input-container--CZlmDGOZ .input--n9sUPaz9 {
  height: 44px;
}
.validator--KDT5VZvD {
  height: 40px;
  display: flex;
  align-items: center;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
}
.validator--KDT5VZvD img {
  margin-right: 4px;
}

.trash-icon--qixTDreT img {
  height: 20px;
  widows: 20px;
}
.trash-icon--qixTDreT img:hover {
  cursor: pointer;
}
.body-wrapper--XxcMx31K {
  min-width: 228px;
  padding: 16px;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-family: Source Sans Pro;
  font-style: normal;
}
.body-wrapper--XxcMx31K .title--HWvvjeam {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #333333;
}
.body-wrapper--XxcMx31K .description--pP5UqzA6 {
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #748085;
}
.body-wrapper--XxcMx31K .button-container--r4QNRug2 {
  margin-top: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
}
.body-wrapper--XxcMx31K .button-container--r4QNRug2 .cancel--HXafsIkh {
  width: 100px;
  height: 28px;
  border-radius: 4px;
  border: 1px solid #9B9B9B;
  color: #333333;
}
.body-wrapper--XxcMx31K .button-container--r4QNRug2 .confirm--jvifkjtK {
  width: 100px;
  height: 28px;
  border-radius: 4px;
  border: 1px solid #D0021B;
  color: #D0021B;
}
.body-wrapper--XxcMx31K .button-container--r4QNRug2 .cancel--HXafsIkh,
.body-wrapper--XxcMx31K .button-container--r4QNRug2 .confirm--jvifkjtK {
  display: flex;
  align-items: center;
  justify-content: center;
}
.body-wrapper--XxcMx31K .button-container--r4QNRug2 .cancel--HXafsIkh:hover,
.body-wrapper--XxcMx31K .button-container--r4QNRug2 .confirm--jvifkjtK:hover {
  cursor: pointer;
  text-decoration: underline;
}

.table-row--iftQLtlc {
  padding-bottom: 12px;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 12px;
  border-top: 1px solid #EEEEEE;
}
.table-row--iftQLtlc .content-column--Oy7mupxp {
  display: flex;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #333333;
  font-feature-settings: 'pnum' on, 'lnum' on;
}
.table-row--iftQLtlc .content-column--Oy7mupxp .delete-container--emQUzsA9 {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}

.table--iSbGQQKB {
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.18);
  border-radius: 4px;
}
.table--iSbGQQKB .table-header--S12ju9B4 {
  padding: 20px 24px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #718086;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.table--iSbGQQKB .table-header--S12ju9B4 .action--N2RPYoOp {
  display: initial;
}
.table--iSbGQQKB .table-header--S12ju9B4 .action--N2RPYoOp:hover {
  cursor: pointer;
  text-decoration: underline;
}

.main--Nc5b1PNw {
  padding: 0 60px;
  height: max-content;
  margin-top: 6vmin;
}
.main--Nc5b1PNw .add-user-section--Jtv39UIo {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}
.main--Nc5b1PNw .add-user-section--Jtv39UIo .title--XlsEeRzp {
  /* H4 */
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
  /* identical to box height */
  font-feature-settings: 'pnum' on, 'lnum' on;
  /* textColor1 */
  color: #000000;
  color: #333333;
}

.sub-title--ZXzy8Nnc {
  margin-left: 14px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  opacity: 1;
  color: #718086;
  height: 20px;
  display: flex;
  align-items: center;
}
.sub-title--ZXzy8Nnc .icon-container--BtNDziUD {
  width: 16px;
  height: 16px;
}
.sub-title--ZXzy8Nnc .icon-container--BtNDziUD img {
  width: 16px;
  height: 16px;
}
.sub-title--ZXzy8Nnc .last-edited--ePStQhPN {
  margin-left: 6px;
  margin-top: 2px;
}

.title--oyA0PZ3k {
  max-width: 320px;
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.card-container--HOqQmRl5 {
  background: #FFFFFF;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  width: 100%;
  cursor: pointer;
  font-family: Source Sans Pro;
  font-style: normal;
}
.card-container--HOqQmRl5 .card-header--ZfEa925s {
  padding: 8px 12px;
  align-items: center;
  min-height: 48px;
}
.card-container--HOqQmRl5 .card-header--ZfEa925s .card-title--a8_GcTAj {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  display: flex;
  align-items: center;
  min-height: 32px;
}
.card-container--HOqQmRl5 .card-header--ZfEa925s .action-icon--AGwBPss4 {
  width: 30px;
  height: 18px;
  display: flex;
  justify-content: center;
}
.card-container--HOqQmRl5 .divider--NJCAhEWV {
  border-bottom: 1px solid #EEEEEE;
}
.card-container--HOqQmRl5 .card-body--eVtILBpU {
  padding-top: 8px;
  padding-left: 12px;
  padding-right: 12px;
}
.card-container--HOqQmRl5 .card-body--eVtILBpU .content--vyStZxGo {
  display: flex;
  padding-bottom: 8px;
}
.card-container--HOqQmRl5 .card-body--eVtILBpU .content--vyStZxGo .img--o7IBQrP9 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 99px;
}
.card-container--HOqQmRl5 .card-body--eVtILBpU .content--vyStZxGo .img--o7IBQrP9 img {
  flex-shrink: 0;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: 100%;
  border-radius: 3px;
}
.card-container--HOqQmRl5 .card-body--eVtILBpU .content--vyStZxGo .empty--Kcxh26cX {
  background: #f1f1f1;
  border-radius: 3px;
}
.card-container--HOqQmRl5 .card-body--eVtILBpU .content--vyStZxGo .empty--Kcxh26cX .emptyImg--SJEN4FkT {
  height: 30px;
  width: 30px;
  min-width: auto;
  min-height: auto;
}
.card-container--HOqQmRl5 .card-body--eVtILBpU .info-container--S8T_Y4mj .info-name--zg24DcA0 {
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 18px;
  color: #718086;
}
.card-container--HOqQmRl5 .card-body--eVtILBpU .info-container--S8T_Y4mj .info-value--NWSLSP9k {
  font-size: 14px;
  line-height: 18px;
  color: #333333;
  margin-left: 4px;
}
.card-container--HOqQmRl5 .img-container--AoPhmxWx {
  display: flex;
  justify-content: space-between;
}
.card-container--HOqQmRl5 .img-container--AoPhmxWx .scheduleStory--mjeixNpu {
  height: fit-content;
  color: #858585;
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
  padding: 10px 20px;
  border: 1px solid #858585;
  border-radius: 6px;
}
.card-container--HOqQmRl5 .img-container--AoPhmxWx .info--r72tYm1x {
  padding-left: 12px;
}
.card-container--HOqQmRl5 .img-container--AoPhmxWx .info--r72tYm1x .pages--Yzl2Gh0A {
  color: #333333;
}
.card-container--HOqQmRl5 .img-container--AoPhmxWx .info-name--zg24DcA0 {
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 18px;
  color: #718086;
}
.card-container--HOqQmRl5 .rest-children--GUjzYE4U {
  padding: 8px 12px;
}

.product-card-container--tqVJU_OF {
  min-width: 592px;
  max-width: 592px;
}

.hint-container--f9DgYXGL {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 584px;
  min-height: 60px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  padding: 20px;
  text-align: left;
  color: #303030;
  background: rgba(38, 169, 250, 0.1);
  border: 1px solid #26A9FA;
  box-sizing: border-box;
  border-radius: 10px;
}
.hint-container--f9DgYXGL .icon-container--ue2gqVvp {
  margin-right: 4px;
}
.hint-container--f9DgYXGL a {
  color: #26A9FA;
}

.button-container--zaU88hhz {
  border: none;
  border-radius: 6px;
  min-width: 160px;
  max-width: 200px;
  height: 40px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 15px;
  color: #FFFFFF;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}

.empty-container--x8rboDbb {
  min-height: 400px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.empty-container--x8rboDbb .text-container--vk91mx2I {
  max-width: 380px;
}
.empty-container--x8rboDbb .text-container--vk91mx2I .title--DV7R3Ns9 {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #000;
}
.empty-container--x8rboDbb .text-container--vk91mx2I .description--EsY_KRRh {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: #718086;
}
.empty-container--x8rboDbb .text-container--vk91mx2I .description--EsY_KRRh .new-button--PlhD6YRZ {
  color: #7ED321;
  text-transform: uppercase;
  font-weight: 500;
}
.empty-container--x8rboDbb .text-container--vk91mx2I .description--EsY_KRRh .new-button--PlhD6YRZ:hover {
  cursor: pointer;
  color: #96DA4C;
}

.pagination--aQLu5gp8 {
  padding-inline-start: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  background: #FFFFFF;
  box-shadow: 0px 3px 13px rgba(0, 0, 0, 0.15), 0px 0px 2px rgba(0, 0, 0, 0.1);
  border-radius: 50px;
  padding-left: 6px;
  padding-right: 6px;
}
.pagination--aQLu5gp8 ul.pagesContainer--URXKEpfM {
  position: relative;
  padding-inline-start: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination--aQLu5gp8 ul.pagesContainer--URXKEpfM.elements1--HblthLSK {
  width: 28px;
}
.pagination--aQLu5gp8 ul.pagesContainer--URXKEpfM.elements2--sTvZXMmC {
  width: 56px;
}
.pagination--aQLu5gp8 ul.pagesContainer--URXKEpfM.elements3--btRoBl0x {
  width: 84px;
}
.pagination--aQLu5gp8 ul.pagesContainer--URXKEpfM.elements4--mgiZbnt_ {
  width: 112px;
}
.pagination--aQLu5gp8 ul.pagesContainer--URXKEpfM.elements5--DJgo1Bhx {
  width: 140px;
}
.pagination--aQLu5gp8 ul.pagesContainer--URXKEpfM.elements5--DJgo1Bhx li.blue-circle--eq7weV9l {
  position: absolute;
  left: 4px;
  color: white;
  background: #26A9FA;
  border-radius: 100%;
  z-index: 1;
}
.pagination--aQLu5gp8 ul.pagesContainer--URXKEpfM.elements5--DJgo1Bhx li:hover {
  background: rgba(113, 128, 134, 0.15);
  -webkit-transition: background-color 0.4s linear;
  -ms-transition: background-color 0.4s linear;
  transition: background-color 0.4s linear;
  border-radius: 100%;
}
.pagination--aQLu5gp8 ul.pagesContainer--URXKEpfM li {
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Source Sans Pro;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 16px;
  color: #333333;
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
}
.pagination--aQLu5gp8 ul.pagesContainer--URXKEpfM li.active-page--NcR79du3 {
  color: #FFFFFF;
  font-weight: 500;
}
.pagination--aQLu5gp8 ul.pagesContainer--URXKEpfM li:hover {
  cursor: pointer;
}
.pagination--aQLu5gp8 li {
  overflow: hidden;
}
.pagination--aQLu5gp8 li img {
  width: 100%;
  height: 100%;
}
.pagination--aQLu5gp8 li.active-arrow--djyXSpht {
  cursor: pointer;
}
.pagination--aQLu5gp8 li.inactive-arrow--g9IpYcvq {
  pointer-events: none;
}
@keyframes slideRight--ff89W0lv {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-24px);
  }
}

@keyframes slideLeft {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(14px);
  }
}
@keyframes slideRight {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-14px);
  }
}
@keyframes slideCircleOnTextRight {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(28px);
  }
}
@keyframes slideCircleOnTextLeft {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes slide1Right {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(28px);
  }
}
@keyframes slide2Right {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(56px);
  }
}
@keyframes slide3Right {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(84px);
  }
}
@keyframes slide4Right {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(112px);
  }
}
@keyframes slide1Left {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-28px);
  }
}
@keyframes slide2Left {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-56px);
  }
}
@keyframes slide3Left {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-84px);
  }
}
@keyframes slide4Left {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-112px);
  }
}

.story-container--hLkw20Rp,
.main--ZqyRipAl {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  font-size: 1.5rem;
  padding: 0 60px;
  height: max-content;
}
.story-container--hLkw20Rp .loader-section--tdQcszUe,
.main--ZqyRipAl .loader-section--tdQcszUe {
  height: 400px;
  width: 100%;
}
.story-container--hLkw20Rp .header-section--REv6lTCI,
.main--ZqyRipAl .header-section--REv6lTCI {
  margin-top: 44px;
  display: grid;
}
.story-container--hLkw20Rp .header-section--REv6lTCI > *,
.main--ZqyRipAl .header-section--REv6lTCI > * {
  grid-column-start: 1;
  grid-row-start: 1;
  justify-self: center;
}
.story-container--hLkw20Rp .header-section--REv6lTCI .toggle-container--KfrbXJl3,
.main--ZqyRipAl .header-section--REv6lTCI .toggle-container--KfrbXJl3 {
  max-width: 260px;
  min-width: 216px;
  max-height: 40px;
}
.story-container--hLkw20Rp .header-section--REv6lTCI .button-container--Oz_Cdv6w,
.main--ZqyRipAl .header-section--REv6lTCI .button-container--Oz_Cdv6w {
  justify-self: right;
}
.story-container--hLkw20Rp .pagination-container--FbnxmwIK,
.main--ZqyRipAl .pagination-container--FbnxmwIK {
  margin-top: 40px;
  margin-bottom: 40px;
}
.story-container--hLkw20Rp .filter-container-style--D39IplEy,
.main--ZqyRipAl .filter-container-style--D39IplEy {
  margin-top: 20px;
  margin-bottom: 16px;
}
.story-container--hLkw20Rp .active-filters-container--iP5s4ENN,
.main--ZqyRipAl .active-filters-container--iP5s4ENN {
  margin-bottom: 2vmin;
}
.story-container--hLkw20Rp .card-container--xd62zYPl,
.main--ZqyRipAl .card-container--xd62zYPl {
  margin-top: 14px;
}
.story-container--hLkw20Rp .hint-text-container--qsGfe6vk,
.main--ZqyRipAl .hint-text-container--qsGfe6vk {
  margin-top: 30px;
  margin-bottom: 30px;
}

.choose-type-tab--JJ7zFAbq {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
}
.choose-type-tab--JJ7zFAbq .list-item--uyLg4zFS {
  color: #000;
  min-height: 30px;
}
.choose-type-tab--JJ7zFAbq .list-item--uyLg4zFS .title-disabled--Wzf6zGXp {
  color: #D8D8D8;
  pointer-events: none;
}
.choose-type-tab--JJ7zFAbq .list-item--uyLg4zFS.disabled--qrboqDZv {
  pointer-events: none;
}
.choose-type-tab--JJ7zFAbq .information-section--rk7OPGt3 {
  flex: 1;
  display: flex;
  align-items: flex-end;
  text-align: center;
  justify-content: center;
  margin-bottom: 3vmin;
  font-size: 14px;
  line-height: 16px;
}
.choose-type-tab--JJ7zFAbq .information-section--rk7OPGt3 .information-email--UGJT0is9 {
  color: #26A9FA;
}

.choose-type-wrapper--O8znOVcZ {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
}
.trigger-button--BDuRsevK {
  background: #FFFFFF;
  border: 1px solid #9B9B9B;
  box-sizing: border-box;
  border-radius: 6px;
  width: 100%;
  max-width: 38vmin;
  height: 6.1vmin;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
  display: inline-block;
  align-self: flex-start;
  cursor: pointer;
}
.trigger-button--BDuRsevK .button-text--iZmxFaI4 {
  display: flex;
  height: 100%;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  width: 85%;
  color: #9B9B9B;
  float: left;
  padding-left: 1vmin;
  font-size: 1.9vmin;
  font-size: 2vmin;
}
.trigger-button--BDuRsevK .button-text--iZmxFaI4.active-text--nJTHktBP {
  color: #000;
}
.trigger-button--BDuRsevK .layout-icon--k0fs0h_U {
  float: right;
  padding-right: 1.8vmin;
  line-height: 6.1vmin;
}
.trigger-button--BDuRsevK .layout-icon--k0fs0h_U img {
  width: 1.7vmin;
  height: 1.1vmin;
}

.choose-content-tab--bfr49fj7 {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
}
.choose-content-tab--bfr49fj7 .list-item--kDjRo8cr {
  padding: 12px;
  justify-content: space-between;
}
.choose-content-tab--bfr49fj7 .search-bar-container--sUfzEWuR {
  padding: 16px 12px;
}
.choose-content-tab--bfr49fj7 .recommenders-text--szeig7Ky {
  text-align: left;
}

.header-container--oShuvv2Y {
  display: flex;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid #f3f3f3;
  box-sizing: border-box;
}
.header-container--oShuvv2Y .header-icon--DgFQGyMD img {
  height: 20px;
  width: 20px;
}
.header-container--oShuvv2Y .title--pCyuMqyS {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 500;
  font-size: 1em;
  line-height: 18px;
  margin-left: 2vmin;
  color: #000;
}
.header-container--oShuvv2Y .clear-all--AC8F6KfG {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 600;
  font-size: 0.8em;
  line-height: 16px;
  color: #9B9B9B;
  cursor: none;
  pointer-events: none;
}
.header-container--oShuvv2Y .clear-all--AC8F6KfG.enabled--uAVKekmt {
  cursor: pointer;
  pointer-events: visible;
  color: #D0021B;
}

.filter-key-container--NMRmJIXA {
  font-size: 0.9em;
  line-height: 16px;
  display: flex;
  color: #000;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 14px;
  padding-bottom: 14px;
  cursor: pointer;
}
.filter-key-container--NMRmJIXA .filter-icon--tjMaLEz3 {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.filter-key-container--NMRmJIXA .filter-icon--tjMaLEz3 img {
  width: 20px;
  height: 20px;
}

.confirm-button--fCMPHxaf {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 12px 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #D2D2D2;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 0.8em;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  box-sizing: border-box;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  transition: all 0.2s ease;
  opacity: 0;
  visibility: hidden;
}
.confirm-button--fCMPHxaf.visible--dAfHg5em {
  opacity: 1;
  visibility: visible;
  background: #7ED321;
}
.confirm-button--fCMPHxaf.disabled--qkMMa2qG {
  background: #D2D2D2;
  cursor: unset;
  pointer-events: none;
}
.arrow--nWoJCFSP {
  position: absolute;
  width: 10px;
  height: 10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -4px;
  background: #FFFFFF;
  border-radius: 2px;
  transform: rotate(45deg);
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.15);
  z-index: 1010;
  transition: all 0.2s ease;
}
.arrow--nWoJCFSP.disabled--qkMMa2qG {
  background: #D2D2D2 !important;
}
.arrow--nWoJCFSP.active--m6bvJaii {
  background: #7ED321;
}

.choose-category--cMsEUf5d .list-item--JUIklsgK {
  padding: 12px;
  justify-content: space-between;
}
.choose-category--cMsEUf5d .empty-item--e8kUHPpJ {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 240px;
  padding-bottom: 40px;
}
.choose-category--cMsEUf5d .empty-item--e8kUHPpJ .empty-item-text--bpcMPq3I {
  font-size: 2.1vmin;
  text-align: center;
  color: #718086;
  margin-top: 2vmin;
}
.choose-category--cMsEUf5d .category-text--M4vnzG1H {
  text-align: left;
}

.choose-content-wrapper--XXgCOkU1 {
  height: 100%;
  width: 100%;
  background-color: #FFFFFF;
  border-radius: 4px;
}
.trigger-button--OGib1op3 {
  background: #FFFFFF;
  border: 1px solid #9B9B9B;
  box-sizing: border-box;
  border-radius: 6px;
  width: 100%;
  max-width: 38vmin;
  height: 6.1vmin;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
  display: inline-block;
  align-self: flex-start;
  cursor: pointer;
}
.trigger-button--OGib1op3.disabled--DKlOwSrK {
  pointer-events: none;
  opacity: 0.5;
}
.trigger-button--OGib1op3 .button-text--Oh2ys9Ci {
  display: flex;
  height: 100%;
  align-items: center;
  color: #9B9B9B;
  float: left;
  padding-left: 1vmin;
  font-size: 1.9vmin;
  font-size: 2vmin;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 85%;
}
.trigger-button--OGib1op3 .button-text--Oh2ys9Ci.active-text--mQx6b3Zz {
  color: #000;
}
.trigger-button--OGib1op3 .layout-icon--WNcy7hvY {
  float: right;
  padding-right: 1.8vmin;
  line-height: 6.1vmin;
}
.trigger-button--OGib1op3 .layout-icon--WNcy7hvY img {
  width: 1.7vmin;
  height: 1.1vmin;
}

.main--YtvAE4wZ {
  text-align: center;
  font-size: 1.5rem;
  padding: 0 60px;
  height: max-content;
}
.main--YtvAE4wZ .search-bar-container--POrx8J3c {
  margin-top: 24px;
}
.main--YtvAE4wZ .warning-container--t6Yz_uLm {
  margin-top: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.main--YtvAE4wZ .warning-container--t6Yz_uLm .warning-icon--MQUcA_iB {
  height: 16px;
  width: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 4px;
}
.main--YtvAE4wZ .warning-container--t6Yz_uLm .warning-icon--MQUcA_iB img {
  width: 100%;
  height: 100%;
}
.main--YtvAE4wZ .warning-container--t6Yz_uLm .warning-text--F6WmmL4g {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 14px;
  color: #FF8A00;
}
.main--YtvAE4wZ .devices-container--daIpnPkE {
  margin-top: 1vmin;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.main--YtvAE4wZ .devices-container--daIpnPkE .placeholder-container--S5GwgmnC {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70%;
}
.main--YtvAE4wZ .devices-container--daIpnPkE .placeholder-container--S5GwgmnC img {
  height: 10vmin;
  width: 10vmin;
}
.main--YtvAE4wZ .footer-container--xFKNWhal {
  height: 30vmin;
}
.main--YtvAE4wZ .footer-container--xFKNWhal .footer-item-container--SnuNsFYt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.main--YtvAE4wZ .footer-container--xFKNWhal .footer-item-container--SnuNsFYt .hint-text--SZvnKMJt {
  margin-top: 0;
  margin-bottom: 1vmin;
  text-align: start;
}
.main--YtvAE4wZ .footer-container--xFKNWhal .footer-item-container--SnuNsFYt .choose-type-container--GILW5nHz {
  flex: 0.4;
  margin-bottom: 1vmin;
  width: 90%;
  max-width: 38vmin;
}
.main--YtvAE4wZ .footer-container--xFKNWhal .footer-item-container--SnuNsFYt .choose-content-container--qW8AAEW8 {
  width: 90%;
  max-width: 38vmin;
}
.main--YtvAE4wZ .footer-container--xFKNWhal .footer-item-container--SnuNsFYt .localise-container--H8jOPjs9 {
  font-size: 18px;
  width: 100%;
}
.main--YtvAE4wZ .footer-container--xFKNWhal .footer-item-container--SnuNsFYt .localise-container--H8jOPjs9.disabled--UPN2Zm17 {
  pointer-events: none;
  opacity: 0.5;
}

.popover-body--Q5TJwH61 {
  padding-left: 8px;
  padding-right: 8px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.popover-body--Q5TJwH61 p {
  display: flex;
  text-align: center;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
}
.popover-body--Q5TJwH61 .buttons-container--GjTq7CCW {
  display: flex;
  justify-content: space-evenly;
  margin-top: 16px;
  width: 80%;
}
.popover-body--Q5TJwH61 .buttons-container--GjTq7CCW input {
  background: none;
  border-radius: 4px;
  width: 72px;
  height: 24px;
}
.popover-body--Q5TJwH61 .buttons-container--GjTq7CCW .cancel-button--VDQkoWtt {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  border: 1px solid #9B9B9B;
}
.popover-body--Q5TJwH61 .buttons-container--GjTq7CCW .schedule-button--tLgHKbWS {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  color: #26A9FA;
  border: 1px solid #26A9FA;
}

@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}.basketPreview {
  background: #F9F9F9;
}

@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}.detailsPreview {
  background: #F9F9F9;
  padding-bottom: 50px;
}

.schedule-buttons-container--JmHEI83K {
  display: flex;
  flex-direction: column;
  max-width: 280px;
}

.cartMessagesDropzone {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-sizing: border-box;
  width: 16.7vmin;
  height: 11.5vmin;
  color: #718086;
  margin-left: 0.3vmin;
}
.cartMessagesDropzonePreview {
  border-radius: 0.9vmin;
  border: 2px dashed #979797;
}
.cartMessagesDropzoneTitle {
  font-size: 2.1vmin;
  line-height: 2.1vmin;
  letter-spacing: 0.07vmin;
}
.cartMessagesDropzoneHintText {
  font-size: 1.8vmin;
  line-height: 1.8vmin;
}
.footerItemContainer {
  display: flex;
}
.footerItemContainer .footerFullRowWidth {
  width: 100%;
}
.footerItemContainer .languageContainer {
  margin-right: 2vmax;
}
.footerItemContainer .languageContainer .popoverComponent {
  width: 19vmax;
  margin-left: -3.5vmax;
  bottom: 36px;
}
.footerItemContainer .storefrontContainer .popoverComponent {
  width: 19vmax;
  margin-left: -3.5vmax;
  bottom: 36px;
}
.languageHint {
  margin-bottom: 1vmin;
}
.scheduleButton {
  width: 100%;
}
.devicePreviews {
  position: absolute;
  top: 40px;
  display: flex;
  justify-content: center;
  width: 100%;
}
.devicePreviews .basketPreviewContainer .DevicePreviewComponent,
.devicePreviews .detailsPreviewContainer .DevicePreviewComponent {
  width: 30vmin;
}
.devicePreviews .basketPreviewContainer .DevicePreviewComponent .DevicePreview__Screen,
.devicePreviews .detailsPreviewContainer .DevicePreviewComponent .DevicePreview__Screen {
  border-radius: 3vmin;
}
.devicePreviews .basketPreviewContainer:first-of-type {
  margin-right: 5.8vmin;
}
.devicePreviews .basketPreviewContainer:last-of-type .DeviceHeader--iPhone {
  width: 100%;
}
.devicePreviews .basketPreviewContainer .DeviceHeader--iPhone {
  width: 100%;
}
.devicePreviews .basketPreviewContainer .IPhonePreview,
.devicePreviews .basketPreviewContainer .IPhonePreviewElements {
  height: 69%;
  width: 100%;
}
.devicePreviews .basketPreviewContainer .IPhonePreviewElements {
  width: 100%;
}
@media (max-width: 400px) {
  .devicePreviews .detailsPreviewContainer:first-of-type {
    margin-right: 5.8vmin;
  }
  .devicePreviews .detailsPreviewContainer .DeviceHeader--iPhone {
    width: 113%;
  }
  .devicePreviews .detailsPreviewContainer .IPhonePreview,
  .devicePreviews .detailsPreviewContainer .IPhonePreviewElements {
    height: 69%;
    width: 113%;
  }
}

@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}.listContainer .inactive {
  opacity: 0.4;
}
.cartMessagesListItem {
  list-style-type: none;
  position: relative;
  float: left;
  margin-bottom: 4.5vmin;
  cursor: pointer;
}
.cartMessagesListItem .cartMessageListItemContainer .pillsTag {
  position: relative;
  transform: none;
  margin-top: 2.1vmin;
  width: 60vmin;
}
.cartMessagesListItem .cartMessageListItemContainer .pillTag {
  height: 100%;
  width: 11.5vmin;
  margin-right: 1.2vmin;
  margin-bottom: 1vmin;
  border-radius: 2.4vmin;
  line-height: 4.2vmin;
  display: block;
  background-color: #e2e2e2;
  float: left;
  -webkit-box-shadow: 0 0.1vmin 0.1vmin 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 0.1vmin 0.1vmin 0 rgba(0, 0, 0, 0.16);
  -ms-box-shadow: 0 0.1vmin 0.1vmin 0 rgba(0, 0, 0, 0.16);
  -o-box-shadow: 0 0.1vmin 0.1vmin 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0.1vmin 0.1vmin 0 rgba(0, 0, 0, 0.16);
}
.cartMessagesListItem .cartMessageListItemContainer .pillTag .pill {
  font-size: 1vmin;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
}
.cartMessagesListItem .cartMessageListItemContainer .pillTag .pill img {
  width: 2.7vmin;
  height: 1.9vmin;
  margin-bottom: 0.4vmin;
  margin-right: 1.1vmin;
}
.cartMessagesListItem .cartMessageListItemContainer .pillTag:first-child {
  margin-left: 0;
}
.cartMessagesListItem .cartMessageListItemContainer .notification-container {
  float: left;
  width: 90.9vmin;
  padding-top: 3vmin;
  padding-bottom: 3vmin;
  padding-left: 0;
  padding-right: 0;
  background-color: #FFFFFF;
  border-radius: 0.5vmin;
  -webkit-box-shadow: 0 0.1vmin 0.4vmin 0 rgba(0, 0, 0, 0.17);
  -moz-box-shadow: 0 0.1vmin 0.4vmin 0 rgba(0, 0, 0, 0.17);
  -ms-box-shadow: 0 0.1vmin 0.4vmin 0 rgba(0, 0, 0, 0.17);
  -o-box-shadow: 0 0.1vmin 0.4vmin 0 rgba(0, 0, 0, 0.17);
  box-shadow: 0 0.1vmin 0.4vmin 0 rgba(0, 0, 0, 0.17);
}
@media (max-height: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container {
    width: 599.94px;
  }
}
@media (max-width: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container {
    width: 599.94px;
  }
}
@media (max-height: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container {
    padding-top: 19.8px;
  }
}
@media (max-width: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container {
    padding-top: 19.8px;
  }
}
@media (max-height: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container {
    padding-bottom: 19.8px;
  }
}
@media (max-width: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container {
    padding-bottom: 19.8px;
  }
}
@media (max-height: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container {
    border-radius: 3.3px;
  }
}
@media (max-width: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container {
    border-radius: 3.3px;
  }
}
.cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item {
  float: left;
  width: 65.2vmin;
}
@media (max-height: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item {
    width: 430.32px;
  }
}
@media (max-width: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item {
    width: 430.32px;
  }
}
.cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item.sent .date {
  color: #7ED321 !important;
}
.cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-image {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  right: 3.8vmin;
  bottom: 2.7vmin;
}
@media (max-height: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-image {
    right: 25.08px;
  }
}
@media (max-width: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-image {
    right: 25.08px;
  }
}
@media (max-height: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-image {
    bottom: 17.82px;
  }
}
@media (max-width: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-image {
    bottom: 17.82px;
  }
}
.cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-image .httpImageContainer {
  width: 12.1vmin;
  height: 12.1vmin;
  border-radius: 0.6vmin;
}
@media (max-height: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-image .httpImageContainer {
    width: 79.86px;
  }
}
@media (max-width: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-image .httpImageContainer {
    width: 79.86px;
  }
}
@media (max-height: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-image .httpImageContainer {
    height: 79.86px;
  }
}
@media (max-width: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-image .httpImageContainer {
    height: 79.86px;
  }
}
@media (max-height: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-image .httpImageContainer {
    border-radius: 3.96px;
  }
}
@media (max-width: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-image .httpImageContainer {
    border-radius: 3.96px;
  }
}
.cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-text {
  text-align: left;
  padding-left: 3.6vmin;
}
@media (max-height: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-text {
    padding-left: 23.76px;
  }
}
@media (max-width: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-text {
    padding-left: 23.76px;
  }
}
.cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-text > h4 {
  padding-top: 0.9vmin;
}
@media (max-height: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-text > h4 {
    padding-top: 5.94px;
  }
}
@media (max-width: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-text > h4 {
    padding-top: 5.94px;
  }
}
.cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-text > p.date {
  min-height: 0;
  color: #F5A623;
  text-transform: uppercase;
  font-size: 1.7vmin;
  line-height: 2.7vmin;
  padding-top: 1.4vmin;
}
@media (max-height: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-text > p.date {
    font-size: 11.22px;
  }
}
@media (max-width: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-text > p.date {
    font-size: 11.22px;
  }
}
@media (max-height: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-text > p.date {
    line-height: 17.82px;
  }
}
@media (max-width: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-text > p.date {
    line-height: 17.82px;
  }
}
@media (max-height: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-text > p.date {
    padding-top: 9.24px;
  }
}
@media (max-width: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-text > p.date {
    padding-top: 9.24px;
  }
}
.cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-text .notification-locale pills {
  position: relative;
  transform: none;
  margin-top: 2.1vmin;
  width: 60vmin;
}
@media (max-height: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-text .notification-locale pills {
    margin-top: 13.86px;
  }
}
@media (max-width: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-text .notification-locale pills {
    margin-top: 13.86px;
  }
}
@media (max-height: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-text .notification-locale pills {
    width: 396px;
  }
}
@media (max-width: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-text .notification-locale pills {
    width: 396px;
  }
}
.cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-text .notification-locale pills .pills {
  width: 54.6vmin;
}
@media (max-height: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-text .notification-locale pills .pills {
    width: 360.36px;
  }
}
@media (max-width: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-text .notification-locale pills .pills {
    width: 360.36px;
  }
}
.cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-text .notification-locale pills .pills pill {
  margin-left: 2.1vmin;
}
@media (max-height: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-text .notification-locale pills .pills pill {
    margin-left: 13.86px;
  }
}
@media (max-width: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-text .notification-locale pills .pills pill {
    margin-left: 13.86px;
  }
}
.cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-text .notification-locale pills .pills pill:first-child {
  margin-left: 0;
}
.cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-text .notification-locale pills .pills pill .pill {
  text-align: center;
}
.cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-item .notification-text .notification-locale pills .counter {
  text-align: center;
}
.cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-controls {
  float: right;
  width: 10.3vmin;
  margin-top: 0.5vmin;
  cursor: pointer;
}
@media (max-height: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-controls {
    width: 67.98px;
  }
}
@media (max-width: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-controls {
    width: 67.98px;
  }
}
@media (max-height: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-controls {
    margin-top: 3.3px;
  }
}
@media (max-width: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-controls {
    margin-top: 3.3px;
  }
}
.cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-controls img {
  width: 2.7vmin;
}
@media (max-height: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-controls img {
    width: 17.82px;
  }
}
@media (max-width: 660px) {
  .cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-controls img {
    width: 17.82px;
  }
}
.cartMessagesListItem .cartMessageListItemContainer .notification-container {
  position: relative;
}
.cartMessagesListItem .cartMessageListItemContainer .notification-container .controlsContainer {
  position: absolute;
  right: 0;
  top: 10px;
}
.cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-image {
  width: 19.1vmin;
  height: 12.1vmin;
  top: 8.2vmin;
}
.cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-image .httpImageContainer {
  width: 100%;
  height: 100%;
}
.cartMessagesListItem .cartMessageListItemContainer .notification-container .notification-image .httpImageContainer img {
  width: 100%;
  height: 100%;
}
.cartMessagesListItem .actionsContainer {
  position: absolute;
  right: 4vmin;
  top: 2vmin;
}
.green {
  color: #64b900 !important;
}

@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}.cartMessagesList {
  margin-left: 0;
}

@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}.cartMessagesManagerContainer {
  display: flex;
  flex-direction: column;
}
.storefrontWrapper {
  margin-top: 9.5vmin;
}
.emptyMessage {
  max-width: 236px;
  margin-top: 15vmin;
  margin-right: auto;
  margin-left: auto;
}
.emptyMessage h4 {
  font-size: 2.1vmin;
  line-height: 1.8;
  font-weight: normal;
}
.emptyMessage p {
  font-size: 1.5vmin;
  color: #34405ecc;
  margin-top: 0;
  line-height: 1.6;
}
.emptyMessage p a {
  color: #64b900;
  text-decoration: none;
}
#notificationManagerContainer {
  float: left;
  position: relative;
  width: 90.9vmin;
  left: 50%;
  margin-left: -45.4vmin;
}
@media (max-height: 660px) {
  #notificationManagerContainer {
    width: 599.94px;
  }
}
@media (max-width: 660px) {
  #notificationManagerContainer {
    width: 599.94px;
  }
}
@media (max-height: 660px) {
  #notificationManagerContainer {
    margin-left: -299.64px;
  }
}
@media (max-width: 660px) {
  #notificationManagerContainer {
    margin-left: -299.64px;
  }
}
#notificationManagerContainer ul {
  margin-left: 0;
}
#notificationManagerContainer ul#scheduled {
  height: 4.8vmin;
}
@media (max-height: 660px) {
  #notificationManagerContainer ul#scheduled {
    height: 31.68px;
  }
}
@media (max-width: 660px) {
  #notificationManagerContainer ul#scheduled {
    height: 31.68px;
  }
}
#notificationManagerContainer ul#scheduled li {
  cursor: pointer;
}
#notificationManagerContainer li {
  list-style-type: none;
  position: relative;
  float: left;
  margin-bottom: 4.5vmin;
}
@media (max-height: 660px) {
  #notificationManagerContainer li {
    margin-bottom: 29.7px;
  }
}
@media (max-width: 660px) {
  #notificationManagerContainer li {
    margin-bottom: 29.7px;
  }
}
#notificationManagerContainer .tileMenuContainer .ddArrowLeft {
  box-shadow: -2px 2px 4px -2px rgba(51, 63, 94, 0.4);
}
#notificationManagerContainer .separatorSent hr {
  margin-top: 6.1vmin;
}
@media (max-height: 660px) {
  #notificationManagerContainer .separatorSent hr {
    margin-top: 40.26px;
  }
}
@media (max-width: 660px) {
  #notificationManagerContainer .separatorSent hr {
    margin-top: 40.26px;
  }
}

@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media print, (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
}@media (max-height: 660px) {
}@media (max-height: 660px) {
}.cartMessagesContainer .filterContainer {
  width: 100%;
}
.cartMessagesContainer .main {
  text-align: center;
  font-size: 1.5rem;
  position: absolute;
  top: 0;
  bottom: 22.5vmin;
  left: 0;
  right: 0;
}
.cartMessagesContainer .main .title {
  color: #333333;
}
.cartMessagesContainer .main .description {
  font-size: 1.3rem;
  color: #718086;
}
.cartMessagesContainer .main .description .highlighted {
  color: #7ED321;
}
.cartMessagesContainer .rightButtonContainer {
  position: absolute;
  top: 16px;
  right: 95px;
}
.cartMessagesContainer .notificationManagerContainer {
  float: left;
  position: relative;
  width: 90.9vmin;
  left: 50%;
  margin-left: -45.4vmin;
}

.notification-card-container--rDtrRw83 {
  min-width: 592px;
  max-width: 592px;
  margin-bottom: 16px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.notification-card-container--rDtrRw83 .title--CsQFowjU {
  max-width: 400px;
  white-space: normal;
  text-overflow: inherit;
}
.pagination-container--F1HLYFr_ {
  padding-top: 40px;
  padding-bottom: 40px;
}
.empty-title--VWGq6kBG {
  color: #333;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
}
.empty-description--EomQdG1a {
  text-align: center;
  font-size: 13px;
  line-height: 16px;
  font-style: normal;
  font-weight: 400;
  color: rgba(52, 64, 94, 0.8);
  margin-top: 4px;
}
.empty-description--EomQdG1a span {
  color: #64b900;
}
.empty-description--EomQdG1a span:hover {
  cursor: pointer;
  text-decoration: underline;
}
.filter-storefront-container--FpMFYt_C {
  margin-top: 40px;
}
.header-section--NtYzYEK9 {
  margin-top: 44px !important;
  display: grid;
  padding-right: 60px;
  padding-left: 60px;
}
.header-section--NtYzYEK9 > * {
  grid-column-start: 1;
  grid-row-start: 1;
  justify-self: center;
}
.header-section--NtYzYEK9 .toggle-container--P98bL4FV {
  max-width: 260px;
  min-width: 216px;
  max-height: 40px;
}
.header-section--NtYzYEK9 .button-container--J8fBRsGM {
  justify-self: right;
}
.filter-container-style--vUUXi72D {
  margin-top: 20px !important;
  margin-bottom: 16px !important;
}
.active-filters-container--upw5FqHA {
  margin-bottom: 2vmin;
}
.re-use--LglzgAt9 {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 13px;
  line-height: 16px;
  color: #666666;
  margin-left: auto;
  color: #26A9FA;
  width: 54px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.re-use--LglzgAt9:hover {
  background: rgba(38, 169, 250, 0.1);
  border-radius: 100px;
  cursor: pointer;
}
.separator--HeZUY8Co {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}
.separator--HeZUY8Co .left-line--OPLTYvCe {
  margin-right: 8px;
  border-top: 2px solid #d7d7d7;
  width: 48px;
  margin-top: 2px;
}
.separator--HeZUY8Co .right-line--ckx3RM0T {
  margin-left: 8px;
  border-top: 2px solid #d7d7d7;
  width: 48px;
  margin-top: 2px;
}
.separator--HeZUY8Co .title--CsQFowjU {
  color: #9b9b9b;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
}
.empty-container--CFIN8mDK {
  margin-top: 40px;
  margin-bottom: 40px;
  min-height: 400px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.empty-container--CFIN8mDK .text-container--nRSSZz2c {
  max-width: 380px;
}
.empty-container--CFIN8mDK .text-container--nRSSZz2c .title--CsQFowjU {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #000;
}
.empty-container--CFIN8mDK .text-container--nRSSZz2c .description--sIqJ65Mb {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #718086;
}
.empty-container--CFIN8mDK .text-container--nRSSZz2c .description--sIqJ65Mb span {
  color: #7ED321;
  text-transform: uppercase;
  font-weight: 500;
}
.empty-container--CFIN8mDK .text-container--nRSSZz2c .description--sIqJ65Mb span:hover {
  cursor: pointer;
  color: #96DA4C;
}
.body-container--mNSnS25x {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.body-container--mNSnS25x .message--y0GxhedM {
  color: #718086;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 4px;
  text-align: left;
}
.body-container--mNSnS25x .right-section--axzZQiox {
  width: 160px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.body-container--mNSnS25x .right-section--axzZQiox .image-container--RLYplm3T {
  width: 74px;
  height: 74px;
}
.body-container--mNSnS25x .right-section--axzZQiox .image-container--RLYplm3T img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.body-container--mNSnS25x .right-section--axzZQiox .studio-id--S0BIYU2Y {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-align: right;
  color: #d8d8d8;
  margin-top: 8px;
}
.sub-title--tInyEcz9 {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  opacity: 1;
  color: #718086;
  height: 20px;
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.sub-title--tInyEcz9 .icon-container--udZx8tV5 {
  width: 16px;
  height: 16px;
}
.sub-title--tInyEcz9 .icon-container--udZx8tV5 img {
  width: 16px;
  height: 16px;
}
.sub-title--tInyEcz9 .last-edited--st0JQUU3 {
  margin-left: 6px;
  margin-top: 2px;
}
.sub-title--tInyEcz9 .last-edited--st0JQUU3.scheduled--NqVMNiX1 {
  color: #FF7A00;
}
.statisticsContainer--qSVwTdrL {
  display: flex;
  align-items: center;
  max-width: 592px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.statisticsContainer--qSVwTdrL .totalSubscribers--IbLrXwWU {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}
.statisticsContainer--qSVwTdrL .changeSubscribers--qQeKWUkf {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 18px;
  margin-left: 5px;
  color: #718086;
  /* no pointer cursor; not clickable */
}
.statisticsContainer--qSVwTdrL .changeSubscribers--qQeKWUkf span {
  margin-right: 5px;
  color: #26A9FA;
}
.statisticsContainer--qSVwTdrL .changeSubscribers--qQeKWUkf .lessSubs--rn8s_Z3k {
  color: #FA9826;
}
.statisticsContainer--qSVwTdrL .noData--Ep13jQNc {
  color: #CCCCCC;
}
.subscriptionContainer--TYLjdGhp {
  display: flex;
  flex-direction: column;
  width: 750px;
}
.subscriptionContainer--TYLjdGhp .divider--JrWqcyZz {
  width: calc(100% - 32px);
  margin: 0 auto;
  background: #DBDFE2;
  height: 0.5px;
}
.subscriptionContainer--TYLjdGhp .subscriptionItem--zxtfIONb {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 25px;
  font-size: 13px;
  line-height: 16px;
  color: #171921;
}
.subscriptionContainer--TYLjdGhp .subscriptionItem--zxtfIONb .subsChange--dDGBvBUk {
  font-weight: 600;
  color: #26A9FA;
}
.subscriptionContainer--TYLjdGhp .subscriptionItem--zxtfIONb .negative--SF6l_H4_ {
  color: #FA9826;
}
.subscriptionContainer--TYLjdGhp .subscriptionItem--zxtfIONb .unavailable--yRZ9sAf_ {
  color: #E2E2E2;
  font-weight: 400;
}
.subscriptionContainer--TYLjdGhp .global--MVbzEh2L {
  padding: 15px;
  background-color: #EDEFF1;
  font-size: 13px;
  color: #333333;
  font-weight: 500;
  white-space: nowrap;
}
.subscriptionContainer--TYLjdGhp .closeIcon--gfSNfsz8:hover {
  cursor: pointer;
}
.chart--VOXFWGw6 {
  position: relative;
}

.notification-device--dTT5wIgW {
  width: 35vmin;
  height: 70.1vmin;
  position: relative;
  display: flex;
  justify-content: center;
}
.notification-device--dTT5wIgW .device-body--pIW3BUXy {
  position: absolute;
  left: 2.4vmin;
  padding-top: 6vmin;
  width: 86.5%;
  height: 90%;
}
.rich-notification--b8vOt8fM {
  margin-top: 4vmin;
}
.rich-notification--b8vOt8fM .rich-container--gWfYcH57 {
  border-radius: 6px;
  background: #FFFFFF;
  height: 100%;
  text-align: left;
  padding: 1vmin;
}
.rich-notification--b8vOt8fM .rich-container--gWfYcH57 .first-row--ldrW8doF {
  border-bottom: 1px solid rgba(52, 64, 94, 0.2);
  padding-bottom: 0.4vmin;
  margin-bottom: 0.4vmin;
  position: relative;
}
.rich-notification--b8vOt8fM .rich-container--gWfYcH57 .rich-image--ZTt_ujQb {
  height: 20vmin;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rich-notification--b8vOt8fM .rich-container--gWfYcH57 .rich-image--ZTt_ujQb video {
  width: 100%;
  height: 100%;
}
.rich-notification--b8vOt8fM .rich-container--gWfYcH57 .rich-image--ZTt_ujQb .content-image--gzAwsyod {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rich-notification--b8vOt8fM .rich-container--gWfYcH57 .rich-image--ZTt_ujQb .placeholder--uzyxSmK5 {
  width: 8vmin;
}
.rich-notification--b8vOt8fM .rich-container--gWfYcH57 .second-row--xDd5l_lW {
  margin-top: 4px;
}
.rich-notification--b8vOt8fM .view-content--lVPCtzdI {
  font-size: 1.6vmin;
  padding: 1vmin 0;
  margin-top: 1vmin;
  border-radius: 1vmin;
  background-color: rgba(255, 255, 255, 0.6);
  text-align: center;
}
.lock-screen--ytsHrf5s {
  margin-top: 6vmin;
}
.lock-screen--ytsHrf5s .time--zyWShVTH {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 100;
  color: #FFFFFF;
  font-size: 8vmin;
  line-height: 8vmin;
  text-align: center;
}
.lock-screen--ytsHrf5s .date--MKdgfWT7 {
  color: #FFFFFF;
  font-weight: 400;
  font-family: SFUIDisplay;
  font-size: 1.8vmin;
  text-align: center;
}
.lock-screen--ytsHrf5s .content-container--RUrBFFT5 {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), rgba(255, 255, 255, 0.5);
  border-radius: 6px;
  padding: 1vmin;
  color: #000000;
  text-align: left;
}
.lock-screen--ytsHrf5s .content-container--RUrBFFT5 .second-row--xDd5l_lW {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.lock-screen--ytsHrf5s .content-container--RUrBFFT5 .second-row--xDd5l_lW .info-container--RsxABKsK {
  width: 84%;
}
.lock-screen--ytsHrf5s .content-container--RUrBFFT5 .second-row--xDd5l_lW .message--O5To4dse {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: auto;
  white-space: normal;
  font-size: 1.3vmin;
  margin-top: 0.2vmin;
  line-height: 1.5vmin;
}
.lock-screen--ytsHrf5s .content-container--RUrBFFT5 .notification-image--x6BvN2MQ {
  border-radius: 2px;
  background-color: #FFFFFF;
  width: 3.6vmin;
  height: 3.4vmin;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lock-screen--ytsHrf5s .content-container--RUrBFFT5 .notification-image--x6BvN2MQ .content-image--gzAwsyod {
  width: 3.6vmin;
  height: 3.4vmin;
  object-fit: cover;
}
.lock-screen--ytsHrf5s .content-container--RUrBFFT5 .notification-image--x6BvN2MQ img {
  width: 80%;
  height: 74%;
}
.lock-screen--ytsHrf5s .first-row--ldrW8doF,
.rich-notification--b8vOt8fM .first-row--ldrW8doF {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.lock-screen--ytsHrf5s .first-row--ldrW8doF .app-icon--kui3QY3Y,
.rich-notification--b8vOt8fM .first-row--ldrW8doF .app-icon--kui3QY3Y {
  width: 2.4vmin;
}
.lock-screen--ytsHrf5s .first-row--ldrW8doF .app-name--CNhKCB07,
.rich-notification--b8vOt8fM .first-row--ldrW8doF .app-name--CNhKCB07 {
  flex: 1;
  margin-left: 6px;
}
.lock-screen--ytsHrf5s .rich-container--gWfYcH57 .title--zTmCRpD5,
.rich-notification--b8vOt8fM .rich-container--gWfYcH57 .title--zTmCRpD5,
.lock-screen--ytsHrf5s .content-container--RUrBFFT5 .title--zTmCRpD5,
.rich-notification--b8vOt8fM .content-container--RUrBFFT5 .title--zTmCRpD5 {
  font-size: 1.4vmin;
  line-height: 1.8vmin;
  font-weight: 400;
  font-family: SFUIText;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lock-screen--ytsHrf5s .rich-container--gWfYcH57 .message--O5To4dse,
.rich-notification--b8vOt8fM .rich-container--gWfYcH57 .message--O5To4dse,
.lock-screen--ytsHrf5s .content-container--RUrBFFT5 .message--O5To4dse,
.rich-notification--b8vOt8fM .content-container--RUrBFFT5 .message--O5To4dse {
  font-size: 1.3vmin;
  line-height: 1.5vmin;
  font-family: SFUIText;
  font-weight: 200;
  word-wrap: break-word;
}

.trigger-button--fxx7wxf6 {
  height: 4.5vmin;
  width: 4.5vmin;
  border-radius: 50%;
  background: linear-gradient(to bottom, #191919, #2c2c2c);
  display: flex;
  align-items: center;
  justify-content: center;
}
.trigger-button--fxx7wxf6:hover {
  cursor: pointer;
}
.trigger-button--fxx7wxf6 img {
  width: 14px;
  height: 14px;
}
.body--qjtc6zee {
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #191919, #2c2c2c);
}
.select-content--BnuvPpPc .header-container--ld7LJvhZ {
  display: flex;
  align-items: center;
  height: 48px;
  border-bottom: 1px solid #606060;
  justify-content: space-between;
  padding-right: 8px;
  padding-left: 8px;
}
.select-content--BnuvPpPc .header-container--ld7LJvhZ .icon-container--k3wHYtbH {
  height: 26px;
  width: 26px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.select-content--BnuvPpPc .header-container--ld7LJvhZ .icon-container--k3wHYtbH:hover {
  cursor: pointer;
  background: #323232;
}
.select-content--BnuvPpPc .header-container--ld7LJvhZ .title--kwidfidm {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: #FFFFFF;
  padding-left: 8px;
}
.select-content--BnuvPpPc .header-container--ld7LJvhZ .resolutionGuideButton--pU9f9CCU {
  cursor: pointer;
}
.select-content--BnuvPpPc .header-container--ld7LJvhZ .reset--vd4yM5Lb {
  color: #D0021B;
  padding-right: 8px;
}
.select-content--BnuvPpPc .header-container--ld7LJvhZ .reset--vd4yM5Lb:hover {
  text-decoration: underline;
  cursor: pointer;
}
.select-content--BnuvPpPc .header-container--ld7LJvhZ .reset--vd4yM5Lb.disabled--xq6GkfCI {
  opacity: 0.5;
  pointer-events: none;
}
.select-content--BnuvPpPc .list-item-container--JNnoLZ12 {
  color: #FFFFFF;
  border-bottom: 1px solid #606060;
  display: flex;
  justify-content: space-between;
}
.select-content--BnuvPpPc .list-item-container--JNnoLZ12:hover {
  background: #323232;
}
.tipsContainer--JGHMOMN2 {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  font-size: 14px;
  margin-top: 14px;
  color: #FFFFFF;
}
.tipsContainer--JGHMOMN2 .tipItem--D16pUreU {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.tipsContainer--JGHMOMN2 .tipItem--D16pUreU .tipIconContainer--zhiLHQC5 {
  margin-right: 0.5vmin;
}
.tipsContainer--JGHMOMN2 .tipItem--D16pUreU .tipIconContainer--zhiLHQC5 img {
  width: 18px;
  height: 18px;
}
.uploader-container--SF5TR8Q3 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 14px;
}
.uploader-container--SF5TR8Q3 img {
  object-fit: cover;
}
.uploader-container--SF5TR8Q3 .dropzone--BAZpEhkJ {
  width: 140px;
  height: 120px;
  border: 1px dashed #979797;
  background: #363636;
  border-radius: 6px;
  position: relative;
}
.uploader-container--SF5TR8Q3 .dropzone-filled--XQEwxPxN {
  position: relative;
  width: 140px;
  height: 120px;
}
.uploader-container--SF5TR8Q3 .dropzone-preview--kGxgd1Qj {
  border-radius: 6px;
}
.uploader-container--SF5TR8Q3 .hint--jWDGeunx {
  color: #FFFFFF;
}

.tip-container--YNndugwb {
  padding: 1.8vmin 2.6vmin;
  border-radius: 1.1vmin;
  background-color: #FFFFFF;
  position: relative;
  height: max-content;
}
.tip-container--YNndugwb .message--VPT7aEo7 {
  text-align: center;
  font-size: 1.8vmin;
  color: #718086;
}
.tip-container--YNndugwb .arrow--VCQk4K1p {
  position: absolute;
  border: 1px solid transparent;
  background-color: #FFFFFF;
  top: 50%;
  height: 1vmin;
  width: 1vmin;
}
.tip-container--YNndugwb .arrow--VCQk4K1p.arrow-right--tc6gbPRO {
  border-top-color: #e2e2e2;
  border-right-color: #e2e2e2;
  right: 0;
  transform: translateX(50%) translateY(-50%) rotate(45deg);
}
.tip-container--YNndugwb .arrow--VCQk4K1p.arrow-left--t6qYd0M5 {
  border-left-color: #e2e2e2;
  border-bottom-color: #e2e2e2;
  left: 0;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.test-notification--CN46w5lb {
  display: flex;
  flex-flow: row nowrap;
  padding: 2vmin 0;
  margin-bottom: 2vmin;
  border-bottom: 1px solid #d7d7d7;
  font-size: 1.9vmin;
  color: #718086;
  text-decoration: none;
  font-weight: 500;
}
.test-notification--CN46w5lb img {
  margin-left: 10px;
}
.test-notification--CN46w5lb:hover {
  cursor: pointer;
}
.test-notification--CN46w5lb.disabled--OiDkUvp2 {
  cursor: default;
  opacity: 0.5;
  pointer-events: none;
}
.element-container--W0FmSH2I {
  margin-top: 20px !important;
}
.element-container--W0FmSH2I .hint--UXlbkReD h4 {
  text-align: center;
}
.validator--t3hStXBy {
  height: 40px;
  display: flex;
  align-items: center;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
}
.validator--t3hStXBy img {
  margin-right: 4px;
}

.info-wrapper--yQk4VmmQ {
  padding: 0px 46px;
}
.info-wrapper--yQk4VmmQ .info-container--xE4VzC4Q {
  justify-content: center;
}
.info-wrapper--yQk4VmmQ .info-container--xE4VzC4Q .info-image-container--VG7oLre8 {
  margin-top: 24px;
  text-align: center;
}
.info-wrapper--yQk4VmmQ .info-text-container--JPOHvqo7 {
  padding: 0px 44px;
  margin-top: 2vmin;
  margin-bottom: 2.8vmin;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 1.6vmin;
  line-height: 2.8vmin;
  text-align: center;
  color: #718086;
}
@media (max-height: 650px) {
  .info-wrapper--yQk4VmmQ .info-text-container--JPOHvqo7 {
    font-size: 14px;
    line-height: 15px;
  }
}

.language-section-wrapper--xWEKcSMg {
  padding: 0px 46px;
  margin-top: 24px;
}
.language-section-wrapper--xWEKcSMg .notification-language-title--H8z1oqgH {
  font-weight: 500;
  line-height: 2.4vmin;
  letter-spacing: 0.01em;
  font-family: Source Sans Pro;
  font-style: normal;
  font-size: 2.2vmin;
  color: #333333;
}
.language-section-wrapper--xWEKcSMg .notification-language--z7hcwMgQ {
  margin-top: 1.2vmin;
  margin-bottom: 2vmin;
  line-height: 2.2vmin;
  font-size: 2vmin;
  letter-spacing: 0.01em;
  font-family: Source Sans Pro;
  font-style: normal;
  color: #333333;
}
@media (max-height: 650px) {
  .language-section-wrapper--xWEKcSMg .notification-language-title--H8z1oqgH {
    font-size: 16px;
    line-height: 16px;
  }
  .language-section-wrapper--xWEKcSMg .notification-language--z7hcwMgQ {
    font-size: 14px;
    line-height: 14px;
  }
}

.storefront-section-wrapper--BYN5nbQR {
  padding: 0px 46px;
  margin-top: 24px;
}
.storefront-section-wrapper--BYN5nbQR .storefront-title--oL05qFZD {
  font-weight: 500;
  line-height: 2.4vmin;
  letter-spacing: 0.01em;
  font-family: Source Sans Pro;
  font-style: normal;
  font-size: 2.2vmin;
  color: #333333;
}
.storefront-section-wrapper--BYN5nbQR .storefronts-container--gV9WiChG {
  margin-top: 1.2vmin;
  margin-bottom: 2vmin;
  display: flex;
  flex-wrap: inherit;
  padding: 0px;
}
.storefront-section-wrapper--BYN5nbQR .storefronts-container--gV9WiChG .pill-size--s4OUN6h7 {
  width: 10vmin;
  height: 3vmin;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 4px;
}
@media (max-height: 650px) {
  .storefront-section-wrapper--BYN5nbQR .storefronts-container--gV9WiChG .pill-size--s4OUN6h7 {
    margin-right: 10px;
  }
}
.storefront-section-wrapper--BYN5nbQR .storefronts-container--gV9WiChG .pill-size--s4OUN6h7 .flag-size--evBInOxi {
  height: 2vmin;
}
.storefront-section-wrapper--BYN5nbQR .storefronts-container--gV9WiChG .pill-size--s4OUN6h7 .country-name--pocuiCYY {
  font-size: 1.8vmin;
}
@media (max-height: 650px) {
  .storefront-section-wrapper--BYN5nbQR .storefront-title--oL05qFZD {
    font-size: 16px;
    line-height: 16px;
  }
}

.notification-section-wrapper--YGisEdl8 {
  padding: 0px 46px;
  margin-top: 24px;
}
.notification-section-wrapper--YGisEdl8 .notification-title--K5nFc_MW {
  font-weight: 500;
  line-height: 2.2vmin;
  letter-spacing: 0.01em;
  font-family: Source Sans Pro;
  font-style: normal;
  font-size: 2.2vmin;
  color: #333333;
}
.notification-section-wrapper--YGisEdl8 .notification-body--HvLtS6P3 {
  margin-top: 1.2vmin;
  margin-bottom: 2vmin;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 2vmin;
  line-height: 2.2vmin;
  color: #333333;
}
@media (max-height: 650px) {
  .notification-section-wrapper--YGisEdl8 .notification-title--K5nFc_MW {
    font-size: 16px;
    line-height: 16px;
  }
  .notification-section-wrapper--YGisEdl8 .notification-body--HvLtS6P3 {
    font-size: 14px;
    line-height: 14px;
  }
}

.popover-body--K27mRvYY {
  width: 260px !important;
  padding: 16px;
  height: auto;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
}
.popover-body--K27mRvYY .warning--MxohO4FC {
  font-weight: 600;
  font-size: 17px;
  line-height: 20px;
  text-align: center;
  color: #D22A2A;
}
.popover-body--K27mRvYY .storefrontsText--s7GDYJZ_ label,
.popover-body--K27mRvYY .storefrontsText--s7GDYJZ_ p {
  padding-top: 0.5vmin;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  color: #000000;
}
.popover-body--K27mRvYY .info--hQ1OhHTF {
  padding-top: 0.5vmin;
  font-size: 13px;
  line-height: 14px;
  text-align: center;
  color: #718086;
}
.popover-body--K27mRvYY .buttons-container--nqEPF6K3 {
  padding-top: 0.5vmin;
  justify-content: space-evenly;
}
.popover-body--K27mRvYY .buttons-container--nqEPF6K3 .cancel-button-container--pCu1jDbp .cancel-button--mRFt2OOg {
  font-size: 14px;
  border: 1px solid #718086;
  box-sizing: border-box;
  color: #000000;
  border-radius: 6px;
  text-align: center;
  background: #FFFFFF;
  width: 70px;
  height: 30px;
  margin-top: 6px;
}
.popover-body--K27mRvYY .buttons-container--nqEPF6K3 .continue-button--IWRk4Rfb {
  font-size: 14px;
  border: 1px solid #D22A2A;
  box-sizing: border-box;
  border-radius: 6px;
  text-align: center;
  color: #D22A2A;
  background: #FFFFFF;
  width: 70px;
  height: 30px;
  margin-top: 6px;
}

.notification-title--sCBMvBck {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 500;
  font-size: 2vmin;
  line-height: 2.2vmin;
  letter-spacing: 0.01em;
  color: #333333;
}
.notification-time--NbJylOHI {
  color: #7ED321;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 600;
  font-size: 2vmin;
  line-height: 2.2vmin;
  letter-spacing: 0.01em;
  margin-top: 2px;
}
.button-container--jvztIqSF {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.button-container--jvztIqSF .send-button--q8s0xz3x {
  background-color: #7ED321;
  position: relative;
  display: flex;
  justify-content: center;
  border-radius: 1vmin;
  align-items: center;
  width: 14vmin;
  height: 5vmin;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: bold;
  font-size: 2vmin;
  line-height: 2.2vmin;
  text-align: center;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #FFFFFF;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.button-container--jvztIqSF .send-button--q8s0xz3x img {
  margin-right: 5px;
}
.button-container--jvztIqSF .send-button--q8s0xz3x .button-text--GSaihWM6 {
  margin-right: 5px;
}
.button-container--jvztIqSF .send-button--q8s0xz3x.disabled--G5dil3gX {
  background-color: #D8D8D8;
}
@media (max-height: 650px) {
  .notification-title--sCBMvBck,
  .notification-time--NbJylOHI {
    font-size: 13px;
    line-height: 14px;
  }
  .button-container--jvztIqSF .send-button--q8s0xz3x {
    height: 26px;
    font-size: 14px;
    line-height: 16px;
  }
}

.notification-title--zlDRYC03 {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 500;
  font-size: 2vmin;
  line-height: 2.2vmin;
  letter-spacing: 0.01em;
  color: #333333;
}
.notification-time--SpNt0wqY {
  color: #F5A623;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 600;
  font-size: 2vmin;
  line-height: 2.2vmin;
  letter-spacing: 0.01em;
  margin-top: 2px;
}
.button-container--aBWRzLTM {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.button-container--aBWRzLTM .send-button--qGRqcDEr {
  background-color: #F5A623;
  display: flex;
  justify-content: center;
  border-radius: 1vmin;
  align-items: center;
  width: 16vmin;
  height: 5vmin;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: bold;
  font-size: 2vmin;
  line-height: 2.2vmin;
  text-align: center;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #FFFFFF;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.button-container--aBWRzLTM .send-button--qGRqcDEr img {
  margin-right: 5px;
}
.button-container--aBWRzLTM .send-button--qGRqcDEr .button-text--Obe_HvD0 {
  margin-right: 5px;
}
.button-container--aBWRzLTM .send-button--qGRqcDEr.disabled--x3Sk0HwE {
  background-color: #D8D8D8;
}
@media (max-height: 650px) {
  .notification-title--zlDRYC03,
  .notification-time--SpNt0wqY {
    font-size: 13px;
    line-height: 14px;
  }
  .button-container--aBWRzLTM .send-button--qGRqcDEr {
    height: 26px;
    font-size: 14px;
    line-height: 16px;
    width: 114px;
  }
}

.footer-wrapper--jxAhyqLE {
  padding-top: 16px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.next-button--MaRAFTCJ {
  border-radius: 1vmin;
  letter-spacing: 0.2vmin;
  background-color: #7ED321;
  color: #FFFFFF;
  font-weight: 500;
  height: 6vmin;
  line-height: 6vmin;
  font-size: 2vmin;
  flex: 1;
}
.next-button--MaRAFTCJ.disabled--vcmycjpm {
  background-color: #D8D8D8;
  pointer-events: none;
  cursor: default;
}

.wrapper-container--XZ4_2lAP {
  max-width: 650px;
  width: 100%;
}
.wrapper-container--XZ4_2lAP .modal-title--hp5GkzRi {
  font-style: normal;
  font-weight: 600;
  font-size: 2vmin;
  line-height: 24px;
  text-align: center;
  color: #333333;
  margin-top: 8px;
}
.wrapper-container--XZ4_2lAP .modal-title--hp5GkzRi .modal-title-container--W_Q44PsZ .title--l78JhiQW {
  padding: 0px;
}
.wrapper-container--XZ4_2lAP .modal-body--iVNXTL5W {
  overflow: auto;
  padding-bottom: 8vmin;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
@media (max-height: 650px) {
  .wrapper-container--XZ4_2lAP {
    max-height: 500px;
    width: 100%;
  }
  .wrapper-container--XZ4_2lAP .modal-body--iVNXTL5W {
    max-height: 400px;
  }
}

.choose-content--ggwZcrdR .list-item--okHrLmxt {
  padding: 15px 20px;
  justify-content: space-between;
  cursor: pointer;
}
.choose-content--ggwZcrdR .toggle-list-item--_36AsH1D {
  min-height: unset !important;
}
.choose-content--ggwZcrdR .toggle-list-item--_36AsH1D .keepStaticItem--ybCoZ01Y {
  font-size: 0.8em;
  padding: 0.8vmin 0;
}
.choose-content--ggwZcrdR .toggleListItemContent--bumPbqSf {
  min-height: unset !important;
}

.choose-lookbook--GYuQMAqT .empty-item--W8kIiFFh {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 30vmin;
}
.choose-lookbook--GYuQMAqT .empty-item--W8kIiFFh .empty-item-text--F2QbLywT {
  font-size: 2.1vmin;
  text-align: center;
  color: #718086;
  margin-top: 2vmin;
}
.choose-lookbook--GYuQMAqT .search-list-item--Atz1njpS {
  padding: 12px;
  min-height: 60px !important;
}
.choose-lookbook--GYuQMAqT .list-item--SplIAhmT {
  flex-direction: column;
  min-height: 95px;
  display: table !important;
}
.choose-lookbook--GYuQMAqT .list-item-title--MLFQXU7G {
  margin: 0px 15px;
  padding: 1.2vmin 0;
  font-size: 0.8em;
  border-bottom: 1px solid #F3F3F3;
  text-align: left;
}
.choose-lookbook--GYuQMAqT .not-found-title--P_HpPBpC {
  margin: 17px;
  text-align: left;
  align-self: flex-start;
  font-size: 0.7em;
}

.row-list-item--XBVaGJCG {
  width: 100%;
  padding: 10px 15px;
  box-sizing: border-box;
  cursor: pointer;
  min-height: 95px;
  display: flex;
  justify-content: center;
}
.row-list-item--XBVaGJCG .row-image--l1BYCdtR {
  width: 26vmin;
  height: 16vmin;
  margin-right: 10px;
  border-radius: 1vmin;
  position: relative;
  background-color: #EEEEEE;
}
.row-list-item--XBVaGJCG .row-image--l1BYCdtR .single-image--S6J8YWra {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  border-radius: 8px;
  align-items: center;
}
.row-list-item--XBVaGJCG .row-image--l1BYCdtR .single-image--S6J8YWra .default-title--PVzc2J0G {
  width: 100%;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 900;
  font-size: 1.3vmin;
  line-height: 1.3vmin;
  text-align: center;
  color: #FFFFFF;
  text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5vmin;
}
.row-list-item--XBVaGJCG .row-image--l1BYCdtR .single-image--S6J8YWra .default-title--PVzc2J0G img {
  width: 100%;
  height: 100%;
}
.row-list-item--XBVaGJCG .row-image--l1BYCdtR .double-image--DOA7TBqJ {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  border-radius: 8px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 900;
  font-size: 1.3vmin;
  line-height: 1.3vmin;
  color: #FFFFFF;
  text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
  text-align: center;
}
.row-list-item--XBVaGJCG .row-image--l1BYCdtR:hover {
  cursor: pointer;
}
.row-list-item--XBVaGJCG .row-image--l1BYCdtR video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1vmin;
}

.choose-home-wall--KSau4TJS .empty-item--E4KZMbHB {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 30vmin;
}
.choose-home-wall--KSau4TJS .empty-item--E4KZMbHB .empty-item-text--A3b0KQ6U {
  font-size: 2.1vmin;
  text-align: center;
  color: #718086;
  margin-top: 2vmin;
}
.choose-home-wall--KSau4TJS .list-item--hkdvuXEU {
  padding: 12px;
}
.choose-home-wall--KSau4TJS .list-item--hkdvuXEU .catalog-selector--rO8gXYZ2 {
  padding-left: 8px;
  display: flex;
  height: 36px;
  min-height: 36px;
  flex-direction: row;
  align-items: center;
  border-radius: 8px;
  background: #F9F9F9;
}
.choose-home-wall--KSau4TJS .list-item--hkdvuXEU .catalog-selector--rO8gXYZ2 .catalog-text--uk9qKeXf {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 1.6vmin;
  line-height: 1.8vmin;
  display: flex;
  align-items: center;
  color: #333333;
  width: 80%;
}
.choose-home-wall--KSau4TJS .list-item--hkdvuXEU .catalog-selector--rO8gXYZ2 .pill-container--Qw4LktwI {
  display: flex;
}
.choose-home-wall--KSau4TJS .list-item--hkdvuXEU .catalog-selector--rO8gXYZ2 .pill-container--Qw4LktwI .divider--tbpOARNc {
  border-left: 2px solid #EFEFEF;
  margin-right: 6px;
}

.choose-notification-wrapper--jzJu9Xo3 {
  height: 100%;
  width: 100%;
  border-radius: 4px;
}
.button-base--Y2UGzhbm {
  display: grid;
  grid-template-columns: 1fr 3rem;
  grid-gap: 0.5rem;
  width: 100%;
  height: 6.1vmin;
  line-height: 6.1vmin;
  border: 1px solid #9B9B9B;
  border-radius: 0.9vmin;
  font-size: 1.9vmin;
  margin-top: 1vmin;
  cursor: pointer;
}
.button-base--Y2UGzhbm.disabled--QG_3Fuzi {
  opacity: 0.5;
  pointer-events: none;
}
.button-base--Y2UGzhbm .button-text--ooF5k6pB {
  color: #333333;
  padding-left: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.button-base--Y2UGzhbm .layout-icon--oyCFrgih {
  align-self: center;
  justify-self: center;
}
.button-base--Y2UGzhbm .layout-icon--oyCFrgih img {
  width: 1.2rem;
}

.devices-container--pV6e7icn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  margin-top: 3vmin;
}
.devices-container--pV6e7icn .left--hjP0LBCf {
  margin-right: 2vmin;
  display: flex;
}
.devices-container--pV6e7icn .left--hjP0LBCf .left-tip--YWjZpyeL {
  margin-top: 22vmin;
  margin-right: 2vmin;
}
@media only screen and (max-width: 1080px) {
  .devices-container--pV6e7icn .left--hjP0LBCf .left-tip--YWjZpyeL {
    display: none;
  }
}
.devices-container--pV6e7icn .right--g3QsXAI_ {
  margin-left: 2vmin;
  display: flex;
}
.devices-container--pV6e7icn .right--g3QsXAI_ .right-tip--uvkM5qGE {
  margin-top: 22vmin;
  margin-left: 2vmin;
}
@media only screen and (max-width: 1080px) {
  .devices-container--pV6e7icn .right--g3QsXAI_ .right-tip--uvkM5qGE {
    display: none;
  }
}
.footer-container--np3MQ3y7 {
  height: 37vmin;
}
.disabled--MHaXfByW {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}
.input-container--cK9WUE4b {
  position: relative;
  width: calc(100% - 8vmin);
}
.input-container--cK9WUE4b .characters-left--gmy3JFxj {
  position: absolute;
  color: #718086;
  display: none;
  top: 1vmin;
  right: -6vmin;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 2vmin;
  display: flex;
  height: calc(100% - 1vmin);
  align-items: cneter;
  justify-content: center;
  align-items: center;
}
.hint-text--xo0wVcZ9 {
  margin-bottom: 1vmin;
}
.input-style--P1dYe4qn,
.text-area-style--KGIjVThI {
  font-family: 'Source Sans Pro', sans-serif;
  margin-top: 1vmin;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  width: 100%;
  height: 5.5vmin;
  padding-left: 2vmin;
  color: #333;
  font-size: 2vmin;
}
.input-style--P1dYe4qn::placeholder,
.text-area-style--KGIjVThI::placeholder {
  color: #CCCCCC;
  font-family: inherit;
  font-style: italic;
  font-size: 2vmin;
}
.input-style--P1dYe4qn {
  padding-right: 6vmin;
}
.text-area-style--KGIjVThI {
  height: 12vmin !important;
  padding-top: 1vmin;
  padding-left: 2vmin;
  resize: none;
}
.save-container--Fvt0KFa8 {
  margin-top: 3vmin;
}
.save-container--Fvt0KFa8 .button-wrapper--WN5nLFSc {
  display: flex;
  align-items: center;
}

.notification-button--mCFtXPZb {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 44px;
  border-radius: 0.9vmin;
  border: 1px solid #9b9b9b;
  color: #9B9B9B;
  align-items: center;
  justify-content: space-between;
  font-size: 15px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  cursor: pointer;
}
.notification-button--mCFtXPZb .text--GMTrmEgY {
  margin-left: 14px;
}
.notification-button--mCFtXPZb .schedule-arrow--tFXqVBh8 {
  margin-right: 14px;
}
.notification-button--mCFtXPZb .schedule-arrow--tFXqVBh8 img {
  width: 10px;
  height: 10px;
  filter: opacity(0.5);
}
.notification-button--mCFtXPZb.active--shjQ0QOK {
  color: #333;
}
.notification-button--mCFtXPZb.active--shjQ0QOK .schedule-arrow--tFXqVBh8 img {
  filter: none;
}

.wrapper-container--ruSsJoe6 {
  width: 100%;
  height: 100%;
}
.wrapper-container--ruSsJoe6 .modal-title--ny7gbgLe {
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 21px;
  text-align: center;
  color: #333333;
}
.wrapper-container--ruSsJoe6 .wrapper-body--AYWauHAp {
  overflow-y: scroll;
  height: 472px;
  line-height: 16px;
  padding-left: 34px !important;
  padding-right: 34px !important;
}
@media only screen and (min-height: 700px) {
  .wrapper-container--ruSsJoe6 .wrapper-body--AYWauHAp {
    font-size: 20px;
  }
}
@media only screen and (max-height: 700px) {
  .wrapper-container--ruSsJoe6 .wrapper-body--AYWauHAp {
    font-size: 15px;
  }
}
@media only screen and (min-height: 700px) {
  .wrapper-container--ruSsJoe6 .wrapper-body--AYWauHAp .default-title-container--Xop47HRn {
    margin-top: 20px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-height: 700px) {
  .wrapper-container--ruSsJoe6 .wrapper-body--AYWauHAp .default-title-container--Xop47HRn {
    margin-top: 10px;
  }
}
.wrapper-container--ruSsJoe6 .wrapper-body--AYWauHAp .default-title-container--Xop47HRn .default-message-container--ONMXmuhF {
  margin-top: 8px;
}
.wrapper-container--ruSsJoe6 .wrapper-body--AYWauHAp .default-title-container--Xop47HRn .default-title--Eh7ESBn3 {
  font-weight: normal;
  font-size: 0.8em;
  font-weight: 600;
  font-style: normal;
  line-height: 1.6em;
  color: #333333;
}
@media only screen and (min-height: 700px) {
  .wrapper-container--ruSsJoe6 .wrapper-body--AYWauHAp .default-title-container--Xop47HRn .default-title--Eh7ESBn3 {
    padding-top: 8px;
    padding-bottom: 4px;
  }
}
@media only screen and (max-height: 700px) {
  .wrapper-container--ruSsJoe6 .wrapper-body--AYWauHAp .default-title-container--Xop47HRn .default-title--Eh7ESBn3 {
    padding-top: 4px;
    padding-bottom: 2px;
  }
}
.wrapper-container--ruSsJoe6 .wrapper-body--AYWauHAp .default-title-container--Xop47HRn .default-title-description--P49YSPUj {
  padding-left: 2px;
  padding-top: 8px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 0.6em;
  line-height: 1.6em;
  color: #718086;
  text-align: left;
}
@media only screen and (max-height: 700px) {
  .media-container--oi5GaDj5 .media-body--d91A_cVQ:first-child {
    padding-top: 10px;
  }
}
@media only screen and (min-height: 700px) {
  .media-container--oi5GaDj5 .media-body--d91A_cVQ:first-child {
    padding-top: 20px;
  }
}
.media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF:not(:first-child) {
  margin: 80px 0 0 0 !important;
}
@media only screen and (max-height: 700px) {
  .media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF {
    padding-bottom: 7px;
  }
}
@media only screen and (min-height: 700px) {
  .media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF {
    padding-bottom: 14px;
  }
}
.media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF .media-item-title-wrapper--W3rWiiLD {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF .media-item-title-wrapper--W3rWiiLD .flag-container--CraFJWLB {
  width: 28px;
  height: 20px;
}
.media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF .media-item-title-wrapper--W3rWiiLD .flag-container--CraFJWLB img {
  width: 100%;
  height: 100%;
  margin-right: 10px;
}
.media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF .media-dropzone--SZSpUKjP {
  position: absolute;
  width: 100%;
  background-color: #FFFFFF;
  border-radius: 8px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
}
.media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF .media-dropzone--SZSpUKjP .title-container-class-name--OurPB79T {
  width: 100%;
  display: flex;
  justify-content: center;
}
.media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF .media-dropzone--SZSpUKjP .dropzoneFilled--v5A8wGu2 {
  background: #FFFFFF;
  border: 0.8px solid #D8D8D8;
  border-radius: 8px;
  width: 100%;
  height: 80px;
  font-size: 14px;
  cursor: pointer;
  box-sizing: border-box;
  color: #718086;
  margin-left: 0vmin;
}
.media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF .media-dropzone--SZSpUKjP .dropzone--Zb2YJIwd {
  width: 100%;
  height: 80px;
  font-size: 14px;
  cursor: pointer;
  box-sizing: border-box;
  color: #718086;
  margin-left: 0vmin;
}
.media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF .media-dropzone--SZSpUKjP .dropzoneFilled--v5A8wGu2,
.media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF .media-dropzone--SZSpUKjP .dropzone--Zb2YJIwd {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
}
.media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF .media-dropzone--SZSpUKjP .dropzoneFilled--v5A8wGu2 .full-width--NL9vqL7o,
.media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF .media-dropzone--SZSpUKjP .dropzone--Zb2YJIwd .full-width--NL9vqL7o {
  width: 100%;
}
.media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF .media-dropzone--SZSpUKjP .dropzoneFilled--v5A8wGu2 .full-width--NL9vqL7o .dropzone-title--ypjYUkJm,
.media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF .media-dropzone--SZSpUKjP .dropzone--Zb2YJIwd .full-width--NL9vqL7o .dropzone-title--ypjYUkJm {
  font-size: 14px;
  line-height: 18px;
  color: #333333 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #718086;
}
.media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF .media-dropzone--SZSpUKjP .dropzoneFilled--v5A8wGu2 .full-width--NL9vqL7o .dropzone-hint--l37wkAjj,
.media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF .media-dropzone--SZSpUKjP .dropzone--Zb2YJIwd .full-width--NL9vqL7o .dropzone-hint--l37wkAjj {
  text-align: center;
  font-size: 12px;
  line-height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #718086;
  margin-top: 0.4vmin;
}
.media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF .media-dropzone--SZSpUKjP .dropzoneFilled--v5A8wGu2 .row--AOEsjP4f,
.media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF .media-dropzone--SZSpUKjP .dropzone--Zb2YJIwd .row--AOEsjP4f {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF .media-dropzone--SZSpUKjP .dropzoneFilled--v5A8wGu2 .row-empty-container--OjMwA_Hb,
.media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF .media-dropzone--SZSpUKjP .dropzone--Zb2YJIwd .row-empty-container--OjMwA_Hb {
  width: 100%;
  height: 100%;
  border: 0.8px dashed #D8D8D8;
  border-radius: 8px;
  display: flex;
  align-items: center;
}
.media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF .media-dropzone--SZSpUKjP .dropzoneFilled--v5A8wGu2 .row-empty-container--OjMwA_Hb.error--UFHPDIdr,
.media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF .media-dropzone--SZSpUKjP .dropzone--Zb2YJIwd .row-empty-container--OjMwA_Hb.error--UFHPDIdr {
  border-color: #D0021B;
}
.media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF .media-dropzone--SZSpUKjP .imageName--DYfiOXWi {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 1.8vmin;
  line-height: 4.8vmin;
  min-width: 0px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #333333;
  padding-left: 0px;
  margin-left: -2.5vmin;
  margin-right: 2.5vmin;
  text-align: left;
}
.media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF .media-dropzone--SZSpUKjP .dropzone-image-container--vfN_czoJ {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  position: relative;
  padding-left: 8px;
}
.media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF .media-dropzone--SZSpUKjP .dropzone-image-container--vfN_czoJ .dropzone-spinner--svwcKap4 {
  position: absolute;
  top: 50%;
  left: 40%;
}
.media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF .media-dropzone--SZSpUKjP .dropzone-image-container--vfN_czoJ .image-preview--ujhBYYqR {
  border-radius: 2px;
  object-fit: cover;
  width: 80%;
  height: 80%;
}
.media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF .media-dropzone--SZSpUKjP .dropzone-image-container--vfN_czoJ .image-bar-preview--kgU3d80b {
  border-radius: 2px;
  width: 80%;
  height: 80%;
  background: #EEEEEE;
  object-fit: scale-down;
}
.media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF .media-dropzone--SZSpUKjP .trash-icon--T61ULJrg {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 1vmin;
}
.media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF .media-dropzone--SZSpUKjP .trash-icon--T61ULJrg img {
  height: 20px;
}
.media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF .media-item-title--cIG6xTjm {
  font-weight: normal;
  font-size: 1.8vmin;
  font-family: Source Sans Pro;
  font-style: normal;
  line-height: 1.6em;
  color: #333333;
  text-align: left;
  margin-left: 7px;
}
.media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF .wrapper--KifZLEE6 {
  position: relative;
}
.media-container--oi5GaDj5 .media-body--d91A_cVQ .media-item--bBpzM8wF .wrapper--KifZLEE6 .search--Qcdprmsf .grid-container {
  padding: 0;
}

.chips-container--gM_jDaXU {
  display: flex;
  flex-direction: row;
  margin-left: 4px;
}
.chips-container--gM_jDaXU .chip--Y7lRc8Ta {
  background: #E2E2E2;
  border: 1px solid #D5D5D5;
  border-radius: 30px;
  box-sizing: border-box;
  width: 83px;
  height: 27px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.chips-container--gM_jDaXU .chip--Y7lRc8Ta:not(:first-child) {
  margin-left: 7px;
}
.chips-container--gM_jDaXU .chip--Y7lRc8Ta .flag-container--Y7jKsSRt {
  width: 15px;
  height: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chips-container--gM_jDaXU .chip--Y7lRc8Ta .flag-container--Y7jKsSRt img {
  width: 100%;
  height: 100%;
}
.chips-container--gM_jDaXU .chip--Y7lRc8Ta .chip-text--w3ksIMgR {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #000000;
  margin-left: 4px;
}
.chips-container--gM_jDaXU .additional-chip--fOkKt7aE {
  background: #E2E2E2;
  border: 1px solid #D5D5D5;
  width: 27px;
  height: 27px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 7px;
  border-radius: 50%;
}
.chips-container--gM_jDaXU .additional-chip--fOkKt7aE:hover {
  cursor: pointer;
}
.chips-container--gM_jDaXU .additional-chip-text--QkKfM5Av {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #000000;
}

.localise-preview--oknhejWX {
  box-sizing: border-box;
  border-radius: 8px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 0.01em;
  color: #333333;
  height: auto;
  align-items: center;
  display: flex;
  min-width: 160px;
  max-width: 340px;
  flex-direction: row;
  border: none;
  background: none;
  padding: 0;
  width: 100%;
  max-width: 100%;
}
.localise-preview--oknhejWX .preview-body--V00zzpQX {
  display: flex;
}
.localise-preview--oknhejWX .preview-body--V00zzpQX .title--vtu8EvTZ {
  font-weight: 500;
  padding-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  padding: 0;
}
.localise-preview--oknhejWX .preview-actions--H3sfuoT7 {
  display: flex;
  flex-direction: row;
  margin-left: 10px;
}
.localise-preview--oknhejWX .preview-actions--H3sfuoT7 .icon-container--b8Gjuhsa {
  width: 26px;
  height: 26px;
  background: #FFFFFF;
  border-radius: 100%;
  display: flex;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  justify-content: center;
  align-items: center;
}
.localise-preview--oknhejWX .preview-actions--H3sfuoT7 .icon-container--b8Gjuhsa img {
  width: 18px;
  height: 18px;
}
.localise-preview--oknhejWX .preview-actions--H3sfuoT7 .icon-container--b8Gjuhsa:hover {
  cursor: pointer;
}

.button-container--Z7F2dw4p {
  width: 100%;
}
.button-container--Z7F2dw4p .tip-container--pwsoiF3S {
  background: #FFFFFF;
  border: 1px solid #D5D5D5;
  box-sizing: border-box;
  border-radius: 8px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 1.8vmin;
  line-height: 2.5vmin;
  letter-spacing: 0.01em;
  color: #333333;
  padding-top: 1.5vmin;
  padding-bottom: 1.5vmin;
  width: 38vmin;
  padding-left: 1.5vmin;
  text-align: left;
}

.wrapper-container--bcthdyDG {
  width: 100%;
  height: 100%;
}
.wrapper-container--bcthdyDG .modal-title--V_1AjMhY {
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 21px;
  text-align: center;
  color: #333333;
}
.wrapper-container--bcthdyDG .wrapper-body--mr8yCUkI {
  overflow-y: scroll;
  height: 472px;
  line-height: 16px;
  padding-left: 34px !important;
  padding-right: 34px !important;
}
@media only screen and (min-height: 700px) {
  .wrapper-container--bcthdyDG .wrapper-body--mr8yCUkI {
    font-size: 20px;
  }
}
@media only screen and (max-height: 700px) {
  .wrapper-container--bcthdyDG .wrapper-body--mr8yCUkI {
    font-size: 15px;
  }
}
@media only screen and (min-height: 700px) {
  .wrapper-container--bcthdyDG .wrapper-body--mr8yCUkI .default-title-container--gGm_EwO9 {
    margin-top: 20px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-height: 700px) {
  .wrapper-container--bcthdyDG .wrapper-body--mr8yCUkI .default-title-container--gGm_EwO9 {
    margin-top: 10px;
  }
}
.wrapper-container--bcthdyDG .wrapper-body--mr8yCUkI .default-title-container--gGm_EwO9 .default-message-container--YdsuHNHc {
  margin-top: 8px;
}
.wrapper-container--bcthdyDG .wrapper-body--mr8yCUkI .default-title-container--gGm_EwO9 .default-title--jxEXERYd {
  font-weight: normal;
  font-size: 0.8em;
  font-weight: 600;
  font-style: normal;
  line-height: 1.6em;
  color: #333333;
}
@media only screen and (min-height: 700px) {
  .wrapper-container--bcthdyDG .wrapper-body--mr8yCUkI .default-title-container--gGm_EwO9 .default-title--jxEXERYd {
    padding-top: 8px;
    padding-bottom: 4px;
  }
}
@media only screen and (max-height: 700px) {
  .wrapper-container--bcthdyDG .wrapper-body--mr8yCUkI .default-title-container--gGm_EwO9 .default-title--jxEXERYd {
    padding-top: 4px;
    padding-bottom: 2px;
  }
}
.wrapper-container--bcthdyDG .wrapper-body--mr8yCUkI .default-title-container--gGm_EwO9 .default-title-description--xQ4Kqj81 {
  padding-left: 2px;
  padding-top: 8px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 0.6em;
  line-height: 1.6em;
  color: #718086;
  text-align: left;
}

.media-brand-wrapper--EqwALQin {
  margin-top: 13px !important;
}

.info-button--sbo5i_ds {
  display: flex;
  justify-content: flex-end;
  margin-left: 7px;
}
.info-button--sbo5i_ds img {
  width: 20px;
  height: 20px;
}
.info-button--sbo5i_ds img:hover {
  cursor: pointer;
}
.wrapper--FwIjeHIK {
  display: flex;
  justify-content: flex-end;
  background: rgba(51, 51, 51, 0.9);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(30px);
  color: #FFFFFF;
  padding: 14px;
}
.wrapper--FwIjeHIK .title--QGNL8Mzn {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #333333;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-weight: 500;
  color: #FFFFFF;
}
.wrapper--FwIjeHIK .step-container--j4it4xnk {
  display: flex;
  align-items: center;
  padding-top: 5px;
}
.wrapper--FwIjeHIK .step-container--j4it4xnk .step-description--zT4euHyK {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 13px;
  line-height: 16px;
  color: #666666;
  color: #DCE3E5;
  text-align: left;
  width: 226px;
}

.search-bar-container--gQIY7xoo {
  margin-top: 24px;
  width: 354px;
}
.devices-container--awspTE2D {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  height: 53vmin;
  margin-top: 5vmin;
}
.footer-container--aXsmLXP3 {
  height: 34vmin;
}
.footer-container--aXsmLXP3 .footer-item-container--V03HHXrb {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.footer-container--aXsmLXP3 .hint-text--d7bF1D2_ .hint-text-tooltip--krRXqwT4 {
  display: flex;
}
.footer-container--aXsmLXP3 a {
  color: #748085;
  text-decoration: underline;
}
.footer-container--aXsmLXP3 .calendar-container--NgeARq3N {
  position: relative;
  width: 260px;
  margin-top: 16px;
}
.footer-container--aXsmLXP3 .calendar-container--NgeARq3N.disabled--RXWp3TDo {
  opacity: 0.5;
  pointer-events: none;
}
.footer-container--aXsmLXP3 .image-holder-square--hun5to9L {
  margin-top: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18vmin;
  height: 12vmin;
  text-align: center;
}
.footer-container--aXsmLXP3 .image-holder-square--hun5to9L .dropzone-preview--lamVCtJB {
  width: 18vmin;
  height: 12vmin;
  border-radius: 0.9vmin;
  border: 2px dashed #979797;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-container--aXsmLXP3 .image-holder-square--hun5to9L .dropzone-preview--lamVCtJB:hover {
  border-color: #777b82 !important;
  cursor: pointer;
}
.footer-container--aXsmLXP3 .image-holder-square--hun5to9L .dropzone-preview--lamVCtJB.container-class--BzAmS3va {
  border: 0px;
}
.footer-container--aXsmLXP3 .image-holder-square--hun5to9L img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.internal-container--c53wpiN2 {
  width: 206px;
}
.internal-container--c53wpiN2 .list-item-container--awk9P8Sd {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.internal-container--c53wpiN2 .list-item-container--awk9P8Sd .new-label--PHZEcSZJ {
  margin-left: 10px;
  width: 34px;
  padding-left: 2px;
  height: 18px;
  background: url(/2f59459ad4447a90d556.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: #FFFFFF;
}
.internal-container--c53wpiN2 .list-item-container--awk9P8Sd .title--d5of5FUU {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  margin-left: 10px;
}

.wrapperContainer--vuWviORv {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 16px;
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.wrapperContainer--vuWviORv .container--qd7fheom {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
  border-radius: 0.5vmin;
}
.wrapperContainer--vuWviORv .header--bt8gCuPh {
  display: flex;
  justify-content: space-between;
  padding: 13px 15px;
  background: #FFFFFF;
}
.wrapperContainer--vuWviORv .header--bt8gCuPh .published--lEPCWHVx {
  width: 27px;
  height: 27px;
}
.wrapperContainer--vuWviORv .header--bt8gCuPh .published--lEPCWHVx img {
  width: 100%;
  height: 100%;
  background-size: cover;
}
.wrapperContainer--vuWviORv .header--bt8gCuPh .titleContainer--ejyaJ1M4 {
  display: flex;
  flex-direction: column;
}
.wrapperContainer--vuWviORv .header--bt8gCuPh .titleContainer--ejyaJ1M4 .title--rJAL7LBC {
  font-weight: 600;
  font-size: 18px;
  line-height: 23px;
}
.wrapperContainer--vuWviORv .header--bt8gCuPh .titleContainer--ejyaJ1M4 .date--pWM2qRTe {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #9B9B9B;
}
.wrapperContainer--vuWviORv .imageWrapper--u0jOR5u9 {
  width: 100%;
  height: 30vh;
}
@media (max-width: 1200px) {
  .wrapperContainer--vuWviORv .imageWrapper--u0jOR5u9 {
    height: 20vh;
  }
}
.wrapperContainer--vuWviORv .imageWrapper--u0jOR5u9 .image--j4FMctrR {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wrapperContainer--vuWviORv .imageWrapper--u0jOR5u9 .image--j4FMctrR:hover {
  cursor: pointer;
}
.wrapperContainer--vuWviORv .footer--oCTP9Qd5 {
  position: relative;
}
.wrapperContainer--vuWviORv .footer--oCTP9Qd5 .dropdownTrigger--QGtoxpJh {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 15px;
  background: #FFFFFF;
}
.wrapperContainer--vuWviORv .footer--oCTP9Qd5 .dropdownTrigger--QGtoxpJh:hover {
  cursor: pointer;
}
.wrapperContainer--vuWviORv .footer--oCTP9Qd5 .dropdownTrigger--QGtoxpJh .archivedTitle--ARMETx3E {
  font-size: 18px;
  line-height: 23px;
  color: #9b9b9b;
}
.wrapperContainer--vuWviORv .footer--oCTP9Qd5 .dropdownTrigger--QGtoxpJh .pillWrapper--gNILgMR2 {
  width: 100%;
}
.wrapperContainer--vuWviORv .footer--oCTP9Qd5 .dropdownTrigger--QGtoxpJh .dropdown--ZqtHNxsL {
  width: 14px;
  height: 8px;
}

.list-container--GM_DFjN4 {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.wrapper--pzF3rcsR {
  padding: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100px;
}
.wrapper--pzF3rcsR .title--hL0WUeoN {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #333333;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: #000000;
  font-weight: 500;
}
.wrapper--pzF3rcsR .description--wRVmTakY {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #718086;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-weight: 400;
  color: #666666;
}
.wrapper--pzF3rcsR .description--wRVmTakY span {
  color: #26A9FA;
}
.wrapper--pzF3rcsR .description--wRVmTakY span:hover {
  cursor: pointer;
  text-decoration: underline;
}

.story-container--BiU3ZEG0,
.main--WZPiCDuE {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  font-size: 1.5rem;
  padding: 0 120px;
  height: max-content;
}
.story-container--BiU3ZEG0 .spinner-position--TvbmKxSP,
.main--WZPiCDuE .spinner-position--TvbmKxSP {
  position: absolute;
  top: 500px;
  left: 50%;
}
.story-container--BiU3ZEG0 .loader-section--nmw5DoZP,
.main--WZPiCDuE .loader-section--nmw5DoZP {
  height: 400px;
  width: 100%;
}
.story-container--BiU3ZEG0 .header-section--O4vkbqJj,
.main--WZPiCDuE .header-section--O4vkbqJj {
  margin-top: 44px;
  display: grid;
  margin-bottom: 20px;
}
.story-container--BiU3ZEG0 .header-section--O4vkbqJj > *,
.main--WZPiCDuE .header-section--O4vkbqJj > * {
  grid-column-start: 1;
  grid-row-start: 1;
  justify-self: center;
}
.story-container--BiU3ZEG0 .header-section--O4vkbqJj .toggle-container--OawJ7iKW,
.main--WZPiCDuE .header-section--O4vkbqJj .toggle-container--OawJ7iKW {
  max-width: 260px;
  min-width: 216px;
  max-height: 40px;
}
.story-container--BiU3ZEG0 .header-section--O4vkbqJj .button-container--Q56hsQfp,
.main--WZPiCDuE .header-section--O4vkbqJj .button-container--Q56hsQfp {
  display: flex;
  align-items: center;
  justify-self: right;
  position: relative;
}
.story-container--BiU3ZEG0 .header-section--O4vkbqJj .button-container--Q56hsQfp .tooltip--wNUlnO_n,
.main--WZPiCDuE .header-section--O4vkbqJj .button-container--Q56hsQfp .tooltip--wNUlnO_n {
  margin-left: 5px;
  margin-top: 6px;
}
.story-container--BiU3ZEG0 .isPaginationLoading--nmcQEBYE,
.main--WZPiCDuE .isPaginationLoading--nmcQEBYE {
  display: none;
}
.story-container--BiU3ZEG0 .pagination-container--SsOqIxuX,
.main--WZPiCDuE .pagination-container--SsOqIxuX {
  margin-top: 40px;
  margin-bottom: 40px;
}
.story-container--BiU3ZEG0 .filter-container-style--M4Y7KM0H,
.main--WZPiCDuE .filter-container-style--M4Y7KM0H {
  margin-bottom: 16px;
}
.story-container--BiU3ZEG0 .filter-container--trQsVhNh,
.main--WZPiCDuE .filter-container--trQsVhNh {
  margin-bottom: 3vmin;
}
.story-container--BiU3ZEG0 .filter-container--trQsVhNh .filter-dropdown-container--cBWnIU6I,
.main--WZPiCDuE .filter-container--trQsVhNh .filter-dropdown-container--cBWnIU6I {
  display: flex;
  justify-content: center;
  align-items: center;
}
.story-container--BiU3ZEG0 .card-container--Y4O05wzZ,
.main--WZPiCDuE .card-container--Y4O05wzZ {
  margin-top: 14px;
}
.story-container--BiU3ZEG0 .hint-text-container--fUb4Rj5T,
.main--WZPiCDuE .hint-text-container--fUb4Rj5T {
  margin-top: 30px;
  margin-bottom: 30px;
}
.story-container--BiU3ZEG0 .link--wNpMd3xB,
.main--WZPiCDuE .link--wNpMd3xB {
  color: #fff;
  text-decoration: underline;
}

.pills-wrapper--kO3KVWhx {
  display: flex;
  flex-wrap: wrap;
  height: auto;
}
.pills-wrapper--kO3KVWhx.full-wrapper--aPW_ErXX {
  transition: max-height 0.25s ease-in;
}
.pills-wrapper--kO3KVWhx .pill-container--lhN2WVO_ {
  margin-top: 4px;
  margin-bottom: 4px;
  padding-right: 4px;
  height: 27px;
  max-width: 120px;
  min-width: 86px;
}
.pills-wrapper--kO3KVWhx .flag-name--MGdV2yPd {
  height: 12px;
}
.pills-wrapper--kO3KVWhx .country-name--sI1DRlX0 {
  font-size: 12px;
  letter-spacing: 0.5px;
}
.more-button--ISD5eNjQ {
  margin-top: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 27px;
  width: 27px;
  background: #e2e2e2;
  border-radius: 14px;
  font-size: 12px;
  line-height: 15px;
}
.more-button--ISD5eNjQ:hover {
  cursor: pointer;
  background: #D2D2D2;
}
.more-button--ISD5eNjQ.disabled--uwN7IGzE {
  pointer-events: none;
  user-select: none;
}

.sub-title--bXSwV1xX {
  margin-left: 14px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  opacity: 1;
  color: #718086;
  height: 20px;
  display: flex;
  align-items: center;
}
.sub-title--bXSwV1xX .icon-container--jTFFY8ia {
  width: 16px;
  height: 16px;
}
.sub-title--bXSwV1xX .icon-container--jTFFY8ia img {
  width: 16px;
  height: 16px;
}
.sub-title--bXSwV1xX .last-edited--vywoqweD {
  margin-left: 6px;
  margin-top: 2px;
}

.title--y3rZDfxC {
  max-width: 320px;
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.product-card-container--CCDzu5Ep {
  min-width: 592px;
  max-width: 592px;
}

.button-container--eyl0k_lg {
  border: none;
  border-radius: 6px;
  min-width: 160px;
  max-width: 200px;
  height: 40px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 15px;
  color: #FFFFFF;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}

.hint-container--Ir1oDY_T {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 584px;
  min-height: 60px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  padding: 20px;
  text-align: left;
  color: #303030;
  background: rgba(38, 169, 250, 0.1);
  border: 1px solid #26A9FA;
  box-sizing: border-box;
  border-radius: 10px;
}
.hint-container--Ir1oDY_T .icon-container--ooGIaNAR {
  margin-right: 4px;
}
.hint-container--Ir1oDY_T a {
  color: #26A9FA;
}

.empty-container--tB2drc80 {
  min-height: 400px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.empty-container--tB2drc80 .text-container--Ym4ZAHcI {
  max-width: 380px;
}
.empty-container--tB2drc80 .text-container--Ym4ZAHcI .title--bHNTDVKO {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #000;
}
.empty-container--tB2drc80 .text-container--Ym4ZAHcI .description--loAvJ8dT {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: #718086;
}
.empty-container--tB2drc80 .text-container--Ym4ZAHcI .description--loAvJ8dT .new-button--dBbw1JYf {
  color: #7ED321;
  text-transform: uppercase;
  font-weight: 500;
}
.empty-container--tB2drc80 .text-container--Ym4ZAHcI .description--loAvJ8dT .new-button--dBbw1JYf:hover {
  cursor: pointer;
  color: #96DA4C;
}

.story-container--GcbbVBFB,
.main--Hz7kQK5v {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  font-size: 1.5rem;
  padding: 0 60px;
  height: max-content;
}
.story-container--GcbbVBFB .loader-section--Op7sFX0a,
.main--Hz7kQK5v .loader-section--Op7sFX0a {
  height: 400px;
  width: 100%;
}
.story-container--GcbbVBFB .header-section--QL_bMZrF,
.main--Hz7kQK5v .header-section--QL_bMZrF {
  margin-top: 44px;
  display: grid;
}
.story-container--GcbbVBFB .header-section--QL_bMZrF > *,
.main--Hz7kQK5v .header-section--QL_bMZrF > * {
  grid-column-start: 1;
  grid-row-start: 1;
  justify-self: center;
}
.story-container--GcbbVBFB .header-section--QL_bMZrF .toggle-container--kxT4Lje0,
.main--Hz7kQK5v .header-section--QL_bMZrF .toggle-container--kxT4Lje0 {
  max-width: 260px;
  min-width: 216px;
  max-height: 40px;
}
.story-container--GcbbVBFB .header-section--QL_bMZrF .button-container--S2UIolXv,
.main--Hz7kQK5v .header-section--QL_bMZrF .button-container--S2UIolXv {
  justify-self: right;
}
.story-container--GcbbVBFB .pagination-container--Ua6islUr,
.main--Hz7kQK5v .pagination-container--Ua6islUr {
  margin-top: 40px;
  margin-bottom: 40px;
}
.story-container--GcbbVBFB .filter-container-style--mGxnuH_N,
.main--Hz7kQK5v .filter-container-style--mGxnuH_N {
  margin-top: 20px;
  margin-bottom: 16px;
}
.story-container--GcbbVBFB .active-filters-container--MC_MDYtT,
.main--Hz7kQK5v .active-filters-container--MC_MDYtT {
  margin-bottom: 2vmin;
}
.story-container--GcbbVBFB .card-container--wvl7Ns9Y,
.main--Hz7kQK5v .card-container--wvl7Ns9Y {
  margin-top: 14px;
}
.story-container--GcbbVBFB .hint-text-container--OBzqoCIX,
.main--Hz7kQK5v .hint-text-container--OBzqoCIX {
  margin-top: 30px;
  margin-bottom: 30px;
}

.preview-item--l2XWjOF2 {
  margin-right: 24px;
  position: relative;
}
.preview-item--l2XWjOF2 .crop--p3QCc05m {
  position: relative;
  width: 48px;
  min-width: 48px;
  height: 99px;
  min-height: 99px;
}
.preview-item--l2XWjOF2 .crop--p3QCc05m img,
.preview-item--l2XWjOF2 .crop--p3QCc05m video {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}
.preview-item--l2XWjOF2 .empty--kQ8shegY {
  width: 46px;
  min-width: 46px;
  height: 97px;
  min-height: 97px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  text-align: center;
  vertical-align: middle;
  border-color: #26a9fa;
  color: #26a9fa;
  border: 1px dashed;
  font-size: 2.4vmin;
}
.preview-item--l2XWjOF2 .empty--kQ8shegY:hover {
  cursor: pointer;
}
.preview-item--l2XWjOF2 .empty--kQ8shegY.disabled--jSkck3JA {
  border-color: #9b9b9b;
  color: #9b9b9b;
  user-select: none;
  cursor: default;
}
.border--lqq6FkEQ {
  width: 100%;
  height: 100%;
  position: absolute;
  border: solid 1px #9b9b9b;
  border-radius: 1vmin;
  padding: 5px;
  transform: translate(-5px, -5px);
  box-sizing: content-box;
}
.selected-page--fCirrDdX {
  display: flex;
  padding-right: 20px;
  position: relative;
}
.selected-page--fCirrDdX .crop--p3QCc05m {
  width: 48px;
  height: 99px;
  margin-right: 8px;
}
.selected-page--fCirrDdX .crop--p3QCc05m img,
.selected-page--fCirrDdX .crop--p3QCc05m video {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}
.selected-page--fCirrDdX .info--jOLnFQCr {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  white-space: nowrap;
}
.selected-page--fCirrDdX .info--jOLnFQCr .text--BfKS0uOJ {
  font-size: 2.1vmin;
  line-height: 1.29;
  font-weight: 400;
}
.selected-page--fCirrDdX .info--jOLnFQCr .date--GFiF5qWn {
  color: #718086;
  font-size: 1.8vmin;
}
.selected-page--fCirrDdX .actionButtons--zFuuKKBu {
  display: flex;
  align-items: center;
  margin-top: 1.2vmin;
}
.selected-page--fCirrDdX .actionButtons--zFuuKKBu .edit--F8My2YUZ {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 11.2vmin;
  height: 3.6vmin;
  color: #26a9fa;
  border-radius: 0.9vmin;
  border: 1px solid #26a9fa;
  font-size: 2vmin;
  margin-right: 20px;
}
.selected-page--fCirrDdX .actionButtons--zFuuKKBu .edit--F8My2YUZ:hover {
  box-shadow: 0 0.5vmin 0.9vmin 0 rgb(38 169 15.625%) !important;
  -moz-box-shadow: 0 0.5vmin 0.9vmin 0 rgb(38 169 15.625%) !important;
  -webkit-box-shadow: 0 0.5vmin 0.9vmin 0 rgb(38 169 15.625%) !important;
}

.story-manager--UG775onl {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.story-manager--UG775onl .search-bar-container--Itg4zUXi {
  margin: 24px 0;
  width: 354px;
}
.story-manager--UG775onl .search-bar-container--Itg4zUXi .referenceName--aGFX_cBw {
  text-align: left;
  color: #7b868c;
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  margin-bottom: 5px;
}
.story-manager--UG775onl .qr--t4EMia0L {
  position: absolute;
  right: 4vmin;
  top: 1vmin;
  z-index: 999;
}
.story-manager--UG775onl .qr--t4EMia0L.margin-top--dOfivE9k {
  top: calc(0.8vmin + 35px);
}
.story-manager--UG775onl .main--ocya1Gea {
  top: 7.9vmin;
  width: 100%;
  text-align: center;
}
.story-manager--UG775onl .main--ocya1Gea .header--S7NhNe6P .lookbook-category-container--dtTodIzZ {
  display: flex;
  justify-content: center;
}
.story-manager--UG775onl .main--ocya1Gea .header--S7NhNe6P .lookbook-category-container--dtTodIzZ.disabled--r0SyDwBN {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
  user-select: none;
}
.story-manager--UG775onl .main--ocya1Gea .preview-container--BNkIeP82 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100vw;
  height: 55vmin;
}
.story-manager--UG775onl .main--ocya1Gea .footer--hpp6bVES {
  display: flex;
  height: 29vmin;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  min-width: 880px;
  background-color: #FFFFFF;
  text-align: center;
  box-shadow: -3vmin -0.9vmin 3vmin 0 rgb(0 0 0%);
}
.story-manager--UG775onl .main--ocya1Gea .footer-column--iRaZBZsT {
  width: 60%;
  position: relative;
}
.story-manager--UG775onl .main--ocya1Gea .footer-column--iRaZBZsT .divider--oS8LdswY {
  right: 0;
  margin-top: 5vmin;
  height: 21vmin;
  display: inline-block;
  position: absolute;
  width: 1px;
  background-color: #F3F3F3;
}
.story-manager--UG775onl .main--ocya1Gea .footer-column--iRaZBZsT.disabled--r0SyDwBN {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
  user-select: none;
}
.story-manager--UG775onl .main--ocya1Gea .footer-column--iRaZBZsT .number--rX8MWR8f {
  float: left;
  width: 5.1vmin;
  height: 8.5vmin;
  margin-top: 2.5vmin;
  margin-left: 3.6vmin;
}
.story-manager--UG775onl .main--ocya1Gea .footer-column--iRaZBZsT:last-child {
  width: 40%;
  display: flex;
}
.story-manager--UG775onl .main--ocya1Gea .footer-column--iRaZBZsT:last-child .number--rX8MWR8f {
  width: 5.6vmin;
  margin-top: 2.5vmin;
  margin-left: 3.6vmin;
}
.story-manager--UG775onl .main--ocya1Gea .footer-column--iRaZBZsT:last-child .content--thK46wQq {
  width: 100%;
  float: none;
}
.story-manager--UG775onl .main--ocya1Gea .footer-column--iRaZBZsT .content--thK46wQq {
  float: left;
  margin-left: 2.1vmin;
  text-align: left;
}
.story-manager--UG775onl .main--ocya1Gea .footer-column--iRaZBZsT .title--U840LvkC {
  color: #26A9FA;
  padding-top: 2vmin;
}
.story-manager--UG775onl .main--ocya1Gea .footer-column--iRaZBZsT .description--p5oWaBBi {
  padding-top: 0.6vmin;
  width: 47vmin;
}
.story-manager--UG775onl .main--ocya1Gea .footer-column--iRaZBZsT .note--UVFlyqlH {
  padding-top: 1.7vmin;
  font-size: 1.8vmin;
  color: #718086;
}
.story-manager--UG775onl .main--ocya1Gea .footer-column--iRaZBZsT .lookbook-storefront-container--mNuAG_7T {
  max-width: 200px;
}
.story-manager--UG775onl .main--ocya1Gea .footer-column--iRaZBZsT .scroll--jGkLjdjI {
  display: flex;
  width: 100%;
  padding-top: 250px;
  margin-top: -250px;
}

.contentPopoverButtonEmpty--cUlfmH7U {
  margin-top: 2vmin;
  position: relative;
  border: 1px solid #9b9b9b;
  border-radius: 6px;
  height: 5.5vmin;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 100px;
  padding: 0px 14px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  color: #858585;
  opacity: 0.5;
}
.contentPopoverButtonEmpty--cUlfmH7U:hover {
  cursor: pointer;
}
.contentPopoverButtonEmpty--cUlfmH7U.active-button--kdJFQvpI {
  color: #333;
  border-color: #9b9b9b;
}
.contentPopoverButtonEmpty--cUlfmH7U.active-button--kdJFQvpI img {
  filter: opacity(1);
}
.contentPopoverButtonEmpty--cUlfmH7U img {
  width: 10px;
  height: 10px;
  filter: opacity(0.5);
}

.localiseTitlesEmptyStateWrapper--QrJypgiJ {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
}
.localiseTitlesEmptyStateWrapper--QrJypgiJ .localiseTitlesEmptyStateDivider--j4pfBtv3 {
  font-size: 2.1vmin;
  white-space: nowrap;
  padding-right: 8px;
  padding-left: 8px;
}
.localiseTitlesEmptyStateWrapper--QrJypgiJ .localiseTitlesEmptyState--kOPBGgkT {
  border: 1px solid #9B9B9B;
  box-sizing: border-box;
  border-radius: 8px;
  width: 100%;
  height: 6vmin;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 2vmin;
  line-height: 5.1vmin;
  text-align: center;
  letter-spacing: 0.01em;
  color: #9B9B9B;
  opacity: 0.5;
}

.layout-base--NyfSn5TV {
  position: relative;
  border: 1px solid #9b9b9b;
  border-radius: 6px;
  height: 5.5vmin;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 100px;
  padding: 0px 14px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 15px;
  line-height: 19px;
  color: #333333;
  color: #858585;
}
.layout-base--NyfSn5TV:hover {
  cursor: pointer;
}
.layout-base--NyfSn5TV.active-button--EQm1t6LU {
  color: #333;
  border-color: #9b9b9b;
}
.layout-base--NyfSn5TV.active-button--EQm1t6LU img {
  filter: opacity(1);
}
.layout-base--NyfSn5TV img {
  width: 10px;
  height: 10px;
  filter: opacity(0.5);
}
.resolution-guide--hwFObYNd {
  margin-top: 8px;
  display: flex;
  width: 100%;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: #FFFFFF;
  height: 38px;
}
.resolution-guide--hwFObYNd:hover {
  cursor: pointer;
  color: inherit;
}
.video-slider-wrapper--o6umG_nN {
  width: 100%;
  height: 100%;
  cursor: default;
}
.step-info-placeholder--fBtn1BQ4 {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 8px;
  text-align: left;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 13px;
  line-height: 16px;
  color: #666666;
  color: #DCE3E5;
}
.step-info-container--wOU70Vr8 {
  width: 252px;
}
.step-info--YYoVRteM {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 14px;
}
.step-info--YYoVRteM img {
  height: 16px;
  width: 16px;
}
.step-info--YYoVRteM span {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-size: 13px;
  line-height: 16px;
  color: #666666;
  color: #DCE3E5;
  margin-left: 8px;
}
.disabled--ILx_1kJD {
  pointer-events: none;
  border-color: rgba(155, 155, 155, 0.5);
  cursor: not-allowed;
}
.add-single-image-container--ncqFdIAj .dropzone-container--hJ_4_u3F {
  display: flex;
  justify-content: center;
  height: 300px;
  align-items: center;
  position: relative;
}
.add-single-image-container--ncqFdIAj .dropzone-container--hJ_4_u3F .image-holder-regular--jHCfEJWU {
  display: flex;
  justify-content: center;
  width: 114px;
  height: 246px;
  position: relative;
}
.add-single-image-container--ncqFdIAj .dropzone-container--hJ_4_u3F .image-holder-regular--jHCfEJWU .regular-image--jpTmO5_Y {
  height: 100%;
  width: 100%;
  cursor: pointer;
  box-sizing: border-box;
  color: #718086;
}
.add-single-image-container--ncqFdIAj .dropzone-container--hJ_4_u3F .image-holder-regular--jHCfEJWU .regular-image--jpTmO5_Y img {
  object-fit: cover;
}
.add-single-image-container--ncqFdIAj .dropzone-container--hJ_4_u3F .image-holder-regular--jHCfEJWU .icon--Itq0IfO3,
.add-single-image-container--ncqFdIAj .dropzone-container--hJ_4_u3F .image-holder-square--CD7kItC8 .icon--Itq0IfO3,
.add-single-image-container--ncqFdIAj .dropzone-container--hJ_4_u3F .image-holder-tall--YBCKHHPJ .icon--Itq0IfO3 {
  position: absolute;
  top: 0;
  right: 0;
  height: 2.8vmin;
  width: 2.8vmin;
  z-index: 2;
  margin-top: -1.6vmin;
  margin-right: -1.6vmin;
}
.add-single-image-container--ncqFdIAj .dropzone-container--hJ_4_u3F .image-holder-regular--jHCfEJWU .icon--Itq0IfO3 img,
.add-single-image-container--ncqFdIAj .dropzone-container--hJ_4_u3F .image-holder-square--CD7kItC8 .icon--Itq0IfO3 img,
.add-single-image-container--ncqFdIAj .dropzone-container--hJ_4_u3F .image-holder-tall--YBCKHHPJ .icon--Itq0IfO3 img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.add-single-image-container--ncqFdIAj .dropzone-container--hJ_4_u3F .image-holder-regular--jHCfEJWU:hover,
.add-single-image-container--ncqFdIAj .dropzone-container--hJ_4_u3F .image-holder-square--CD7kItC8:hover,
.add-single-image-container--ncqFdIAj .dropzone-container--hJ_4_u3F .image-holder-tall--YBCKHHPJ:hover {
  cursor: pointer;
}
.add-single-image-container--ncqFdIAj .dropzone-container--hJ_4_u3F .dropzone-preview--t7dXI0mi {
  border-radius: 0.9vmin;
  border: 2px dashed #979797;
}
.add-single-image-container--ncqFdIAj .dropzone-container--hJ_4_u3F .without-border-radius--n94tZKL3 {
  border-radius: 0;
}
.add-single-image-container--ncqFdIAj .tip--MOnFkzcV {
  color: #718086;
  text-align: center;
  font-size: 14px;
  padding: 0 35px;
  margin-top: 8px;
}
.add-single-image-container--ncqFdIAj .tip--MOnFkzcV a {
  color: inherit;
}
.propsContainer--KjgP4KBW {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.propsContainer--KjgP4KBW .text--QpBqQJ66 {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
}
.propsContainer--KjgP4KBW .title--jA0PF0AZ {
  font-weight: 600;
  margin-top: 15px;
}

.main--bDfghDBR {
  text-align: center;
  font-size: 1.5rem;
  padding: 0 60px;
  height: max-content;
}
.main--bDfghDBR .search-bar-container--wHMwzZId {
  margin: 24px 0;
}
.main--bDfghDBR .warning-container--k233J0p7 {
  margin-top: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.main--bDfghDBR .warning-container--k233J0p7 .warning-icon--NJfDS6T1 {
  height: 16px;
  width: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 4px;
}
.main--bDfghDBR .warning-container--k233J0p7 .warning-icon--NJfDS6T1 img {
  width: 100%;
  height: 100%;
}
.main--bDfghDBR .warning-container--k233J0p7 .warning-text--oFxFGq0F {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 14px;
  color: #FF8A00;
}
.main--bDfghDBR .devices-container--_t6Iaslh {
  margin-top: 1vmin;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.main--bDfghDBR .devices-container--_t6Iaslh .placeholder-container--Nj28I_Nn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70%;
}
.main--bDfghDBR .devices-container--_t6Iaslh .placeholder-container--Nj28I_Nn img {
  height: 10vmin;
  width: 10vmin;
}
.main--bDfghDBR .footer-container--wcLYcP0B {
  height: 30vmin;
}
.main--bDfghDBR .footer-container--wcLYcP0B .footer-item-container--zk9YTGir {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.main--bDfghDBR .footer-container--wcLYcP0B .footer-item-container--zk9YTGir .hint-text--sDC7JsC5 {
  margin-top: 0;
  margin-bottom: 1vmin;
  text-align: start;
}
.main--bDfghDBR .footer-container--wcLYcP0B .footer-item-container--zk9YTGir .choose-type-container--m0JvJwax {
  flex: 0.4;
  margin-bottom: 1vmin;
  width: 90%;
  max-width: 38vmin;
}
.main--bDfghDBR .footer-container--wcLYcP0B .footer-item-container--zk9YTGir .choose-content-container--WbQKiiUy {
  width: 90%;
  max-width: 38vmin;
}
.main--bDfghDBR .footer-container--wcLYcP0B .footer-item-container--zk9YTGir .localise-container--goLEeyIP {
  font-size: 18px;
  width: 100%;
}
.main--bDfghDBR .footer-container--wcLYcP0B .footer-item-container--zk9YTGir .localise-container--goLEeyIP.disabled--x1AGiBbv {
  pointer-events: none;
  opacity: 0.5;
}

.layout-container--JwK71RFL {
  width: 100%;
  position: relative;
}
.layout-container--JwK71RFL .layout-video-container--_a7iRxHT {
  position: relative;
  width: 100%;
}
.layout-container--JwK71RFL .layout-video-container--_a7iRxHT video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 2s all ease;
}
.layout-image-container--T1fcv3hW.ipad--kSFHNpvk {
  height: 760px;
}
.layout-image-container--T1fcv3hW.iphone--MWIPZEH3 {
  height: 260px;
}
.layout-image-container--T1fcv3hW.ipad--kSFHNpvk,
.layout-image-container--T1fcv3hW.iphone--MWIPZEH3 {
  width: 100%;
}
.layout-image-container--T1fcv3hW img {
  animation-name: fadeInOpacity--kbKr_V_i;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 0.4s;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  object-fit: cover;
}
.layout-image-container--T1fcv3hW .localise-title-iphone--Z9w6Die4 {
  display: flex;
  flex-direction: column;
  text-align: left !important;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: Source Sans Pro;
  font-style: normal;
  text-align: center;
  font-size: 1.9vmin;
  font-weight: 900;
  line-height: 1.8vmin;
  color: #ffffff;
  text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
  width: 84%;
  overflow: hidden;
  margin-bottom: 10px;
}
.layout-image-container--T1fcv3hW .localise-title-iphone--Z9w6Die4 .title--3sV_fY61 {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.layout-image-container--T1fcv3hW .localise-title-iphone--Z9w6Die4 .message--PHVTneig {
  font-size: 1.4vmin;
  line-height: 1.4vmin;
  margin-top: 10px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.layout-image-container--T1fcv3hW .localise-title-ipad--XuOGSFIc {
  flex-direction: column;
  text-align: left !important;
  position: absolute;
  bottom: 0;
  margin-bottom: 40px;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 900;
  font-size: 3.2vmin;
  text-align: center;
  line-height: 3vmin;
  color: #ffffff;
  text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
  width: 84%;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.layout-image-container--T1fcv3hW .localise-title-ipad--XuOGSFIc .title--3sV_fY61 {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.layout-image-container--T1fcv3hW .localise-title-ipad--XuOGSFIc .message--PHVTneig {
  font-size: 1.7vmin;
  line-height: 1.8vmin;
  margin-top: 10px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@keyframes fadeInOpacity--kbKr_V_i {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.button-styles--LhtuI870 {
  padding-top: 3px;
  padding-bottom: 3px;
}
.button-styles--LhtuI870 .toggle-item--ULs9MWw8 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.button-styles--LhtuI870 .toggle-item--ULs9MWw8 img:hover {
  opacity: 1 !important;
}

.right-section--xzVTmqeh.right-section-maintenance--StiDPnCL {
  top: calc(210px + 35px);
}
.right-section--xzVTmqeh .devices-container--iKYGlicY {
  margin-top: 16px;
  display: flex;
  justify-content: center;
}
.right-section--xzVTmqeh .devices-container--iKYGlicY .iphone-preview--xI5CGs0u {
  width: 29.5vmin;
  height: 58.5vmin;
  background-size: contain;
}
.right-section--xzVTmqeh .devices-container--iKYGlicY .iphone-preview-content--A_t9tPgA {
  padding-bottom: 2vmin;
}
.right-section--xzVTmqeh .devices-container--iKYGlicY .ipad-preview--DN9UO7uj {
  width: 85vmin;
  height: 57.3vmin;
  background-size: contain;
  max-width: 704px;
  max-height: 478px;
}
@media only screen and (max-width: 760px) {
  .right-section--xzVTmqeh .toggle-wrapper--m5t_iVnG,
  .right-section--xzVTmqeh .devices-container--iKYGlicY {
    display: none;
  }
}