/*
! tailwindcss v3.2.4 | 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: #e5e7eb; /* 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.
*/

html {
  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, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
}

/*
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. 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-size: 1em; /* 2 */
}

/*
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-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: 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,
[type='button'],
[type='reset'],
[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;
}

/*
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: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 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;
}

*, ::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-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(59 130 246 / 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:  ;
}

::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-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(59 130 246 / 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:  ;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {

  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {

  .container {
    max-width: 1536px;
  }
}
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}
.pointer-events-none {
  pointer-events: none !important;
}
.visible {
  visibility: visible !important;
}
.static {
  position: static !important;
}
.fixed {
  position: fixed !important;
}
.absolute {
  position: absolute !important;
}
.relative {
  position: relative !important;
}
.bottom-0 {
  bottom: 0px !important;
}
.right-20 {
  right: 5rem !important;
}
.top-20 {
  top: 5rem !important;
}
.-top-3 {
  top: -0.75rem !important;
}
.right-10 {
  right: 2.5rem !important;
}
.z-\[9999\] {
  z-index: 9999 !important;
}
.m-auto {
  margin: auto !important;
}
.m-5 {
  margin: 1.25rem !important;
}
.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-8 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-6 {
  margin-bottom: 1.5rem !important;
}
.mt-4 {
  margin-top: 1rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mt-10 {
  margin-top: 2.5rem !important;
}
.mt-3 {
  margin-top: 0.75rem !important;
}
.mb-4 {
  margin-bottom: 1rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mr-4 {
  margin-right: 1rem !important;
}
.mb-5 {
  margin-bottom: 1.25rem !important;
}
.mb-2\.5 {
  margin-bottom: 0.625rem !important;
}
.mt-5 {
  margin-top: 1.25rem !important;
}
.mb-8 {
  margin-bottom: 2rem !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.mt-\[12px\] {
  margin-top: 12px !important;
}
.mt-6 {
  margin-top: 1.5rem !important;
}
.mr-12 {
  margin-right: 3rem !important;
}
.mr-6 {
  margin-right: 1.5rem !important;
}
.mt-9 {
  margin-top: 2.25rem !important;
}
.block {
  display: block !important;
}
.inline-block {
  display: inline-block !important;
}
.inline {
  display: inline !important;
}
.flex {
  display: flex !important;
}
.inline-flex {
  display: inline-flex !important;
}
.table {
  display: table !important;
}
.grid {
  display: grid !important;
}
.hidden {
  display: none !important;
}
.h-12 {
  height: 3rem !important;
}
.h-4 {
  height: 1rem !important;
}
.h-2 {
  height: 0.5rem !important;
}
.h-2\.5 {
  height: 0.625rem !important;
}
.h-full {
  height: 100% !important;
}
.h-\[220px\] {
  height: 220px !important;
}
.h-\[19\.5px\] {
  height: 19.5px !important;
}
.w-1\/6 {
  width: 16.666667% !important;
}
.w-5\/6 {
  width: 83.333333% !important;
}
.w-12 {
  width: 3rem !important;
}
.w-full {
  width: 100% !important;
}
.w-48 {
  width: 12rem !important;
}
.w-9\/12 {
  width: 75% !important;
}
.w-24 {
  width: 6rem !important;
}
.w-32 {
  width: 8rem !important;
}
.w-8\/12 {
  width: 66.666667% !important;
}
.w-4\/12 {
  width: 33.333333% !important;
}
.w-6\/12 {
  width: 50% !important;
}
.w-72 {
  width: 18rem !important;
}
.min-w-full {
  min-width: 100% !important;
}
.max-w-md {
  max-width: 28rem !important;
}
.max-w-3xl {
  max-width: 48rem !important;
}
.max-w-sm {
  max-width: 24rem !important;
}
.max-w-\[360px\] {
  max-width: 360px !important;
}
.max-w-xl {
  max-width: 36rem !important;
}
.max-w-2xl {
  max-width: 42rem !important;
}
.max-w-\[74px\] {
  max-width: 74px !important;
}
.table-fixed {
  table-layout: fixed !important;
}
.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)) !important;
}
@keyframes pulse {

  50% {
    opacity: .5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.cursor-not-allowed {
  cursor: not-allowed !important;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.flex-col {
  flex-direction: column !important;
}
.items-center {
  align-items: center !important;
}
.items-stretch {
  align-items: stretch !important;
}
.justify-end {
  justify-content: flex-end !important;
}
.justify-center {
  justify-content: center !important;
}
.justify-between {
  justify-content: space-between !important;
}
.gap-3 {
  gap: 0.75rem !important;
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(1rem * var(--tw-space-y-reverse)) !important;
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0 !important;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important;
}
.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1 !important;
  border-color: rgb(243 244 246 / var(--tw-divide-opacity)) !important;
}
.whitespace-nowrap {
  white-space: nowrap !important;
}
.rounded-xl {
  border-radius: 0.75rem !important;
}
.rounded {
  border-radius: 0.25rem !important;
}
.rounded-full {
  border-radius: 9999px !important;
}
.rounded-sm {
  border-radius: 0.125rem !important;
}
.rounded-md {
  border-radius: 0.375rem !important;
}
.rounded-b-full {
  border-bottom-right-radius: 9999px !important;
  border-bottom-left-radius: 9999px !important;
}
.border {
  border-width: 1px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-0 {
  border-width: 0px !important;
}
.border-y {
  border-top-width: 1px !important;
  border-bottom-width: 1px !important;
}
.border-t {
  border-top-width: 1px !important;
}
.border-b {
  border-bottom-width: 1px !important;
}
.border-r-2 {
  border-right-width: 2px !important;
}
.border-l-4 {
  border-left-width: 4px !important;
}
.border-r {
  border-right-width: 1px !important;
}
.border-ac {
  --tw-border-opacity: 1 !important;
  border-color: rgb(79 70 229 / var(--tw-border-opacity)) !important;
}
.border-gray-300 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
}
.border-indigo-600 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(79 70 229 / var(--tw-border-opacity)) !important;
}
.border-gray-100 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(243 244 246 / var(--tw-border-opacity)) !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.bg-indigo-600 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity)) !important;
}
.bg-ac {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity)) !important;
}
.bg-neutral-200 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity)) !important;
}
.bg-gray-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important;
}
.bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.bg-gray-200 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important;
}
.bg-zinc-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity)) !important;
}
.bg-lightBlue {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(248 249 252 / var(--tw-bg-opacity)) !important;
}
.bg-green {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(150 191 71 / var(--tw-bg-opacity)) !important;
}
.bg-cover {
  background-size: cover !important;
}
.bg-\[8rem_center\] {
  background-position: 8rem center !important;
}
.bg-no-repeat {
  background-repeat: no-repeat !important;
}
.p-4 {
  padding: 1rem !important;
}
.p-5 {
  padding: 1.25rem !important;
}
.py-5 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}
.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.px-6 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.py-6 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-12 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.py-10 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}
.px-5 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}
.pr-3 {
  padding-right: 0.75rem !important;
}
.pl-2 {
  padding-left: 0.5rem !important;
}
.pl-3 {
  padding-left: 0.75rem !important;
}
.pl-5 {
  padding-left: 1.25rem !important;
}
.pt-0 {
  padding-top: 0px !important;
}
.pt-5 {
  padding-top: 1.25rem !important;
}
.pt-4 {
  padding-top: 1rem !important;
}
.pb-12 {
  padding-bottom: 3rem !important;
}
.text-left {
  text-align: left !important;
}
.text-center {
  text-align: center !important;
}
.text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.text-xs {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}
.text-2xl {
  font-size: 1.5rem !important;
  line-height: 2rem !important;
}
.text-lg {
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}
.text-xl {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
}
.font-semibold {
  font-weight: 600 !important;
}
.font-normal {
  font-weight: 400 !important;
}
.font-light {
  font-weight: 300 !important;
}
.font-medium {
  font-weight: 500 !important;
}
.font-bold {
  font-weight: 700 !important;
}
.leading-\[7px\] {
  line-height: 7px !important;
}
.text-gray-700 {
  --tw-text-opacity: 1 !important;
  color: rgb(55 65 81 / var(--tw-text-opacity)) !important;
}
.text-gray-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(107 114 128 / var(--tw-text-opacity)) !important;
}
.text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.text-ac {
  --tw-text-opacity: 1 !important;
  color: rgb(79 70 229 / var(--tw-text-opacity)) !important;
}
.text-black {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}
.text-indigo-600 {
  --tw-text-opacity: 1 !important;
  color: rgb(79 70 229 / var(--tw-text-opacity)) !important;
}
.text-gray-900 {
  --tw-text-opacity: 1 !important;
  color: rgb(17 24 39 / var(--tw-text-opacity)) !important;
}
.text-gray-400 {
  --tw-text-opacity: 1 !important;
  color: rgb(156 163 175 / var(--tw-text-opacity)) !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-70 {
  opacity: 0.7 !important;
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25) !important;
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.outline-none {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.grayscale {
  --tw-grayscale: grayscale(100%) !important;
  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) !important;
}
.invert {
  --tw-invert: invert(100%) !important;
  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) !important;
}
.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) !important;
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.duration-100 {
  transition-duration: 100ms !important;
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

html,
body {
  padding: 0;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  background-color: #f3f4f6;
  -webkit-font-smoothing: antialiased;
}

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

* {
  box-sizing: border-box;
}

#wpcontent{
  padding-left: 0px;
}
.wrap{
  max-width:1400px;
  padding: 20px;
}
@media (max-width: 720px) {
  .wrap{
    padding: 0px;
  }
}
@media (min-width: 720px) {
  .input-column{
  width: 300px !important;
  }
}



.toggle-switch {
  position: relative;
  display: inline-block;
  height: 18px;
  width: 40px;
}
.toggle-switch input[type="checkbox"] {
  display: none;
}
.toggle-switch .switch {
  position: absolute;
  cursor: pointer;
  background-color: #666666;
  border-radius: 25px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: background-color 0.2s ease;
}

.toggle-switch .switch::before {
  position: absolute;
  content: "";
  top: -1px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #cfcfcf;
  border-radius: 50%;
  transition: transform 0.4s ease;
}
.toggle-switch input[type="checkbox"]:checked + .switch::before {
  transform: translateX(21px);
  background-color: rgb(255 255 255);
  border: 1px solid #cfcfcf;
}
.toggle-switch input[type="checkbox"]:checked + .switch {
  background-color: #4F46E5;
}

/* Tooltip */
.tooltip {
  border-bottom:1px dashed #000; /* little indicater to indicate it's hoverable */
}

.tooltip:before {
  content: attr(data-text);
  position: absolute;
  transform: translate(50%, 8%);
  right: 100%;
  min-width: 230px;
  padding: 10px;
  border-radius: 10px;
  background: #f4f4f4;
  color: #1d2327;
  text-align: center;
  display: none;
  top: 100%;
  font-size: 12px;
  font-weight: 400;
  border: 1px solid #d1d5db;
  z-index: 999;
}

.tooltip:after {
  content: "";
  position: absolute;
  margin-left: -15px;
  top: 50%;
  transform: translate(50%, 0%);
  border: 10px solid #d1d5db;
  border-color: transparent transparent #d1d5db transparent;
  display:none;
}

.tooltip:hover:before, .tooltip:hover:after {
  display:block;
}

.tooltip:hover:before {
  display:block;
}

.button-helper {
  background-color: #f9f9f9;
  border: 0px;
  padding: 5px 15px;
  display: flex;
  align-items: center;
  color: #9da9b5;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  z-index: 100;
}
.button-helper svg {
  margin-right: 5px;
}

.premium{
  position: relative;
}
.premium-overlay{
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1000;
  background-color: #ffffffb3;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
.premium-cta{
  z-index: 2000;
}

.website-preview svg{
  position: absolute;
}

.website-preview .accessibility-menu-closed{
  height: 203px;
}

/* Tooltip on hover */
.tooltip-info {
  position:relative;
}
.tooltip-info #tooltip-span {
  display:none;
  width: 180px;
  text-align: left;
  background: #E5E5E5;
  padding: 5px 10px;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  color: #666666;
  font-weight: 400;
  font-size: 14px;
}
.tooltip-info:hover #tooltip-span {
  display:block;
  position:fixed;
  overflow:hidden;
}

/* Loading spinner */
.loader {
  width: 28px;
  height: 28px;
  border: 3px solid #4F46E5;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  }

  @keyframes rotation {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
  }

  .hover\:bg-indigo-700:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(67 56 202 / var(--tw-bg-opacity)) !important;
}

  .hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important;
}

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

  .focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

  .focus\:ring-indigo-500:focus {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity)) !important;
}

  .focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px !important;
}

  .focus\:ring-offset-indigo-200:focus {
  --tw-ring-offset-color: #c7d2fe !important;
}

  @media (prefers-color-scheme: dark) {

  .dark\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1 !important;
    border-color: rgb(209 213 219 / var(--tw-divide-opacity)) !important;
  }

  .dark\:border-gray-300 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
  }

  .dark\:bg-gray-200 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important;
  }

  .dark\:bg-gray-300 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity)) !important;
  }
}

  @media (min-width: 768px) {

  .md\:mb-0 {
    margin-bottom: 0px !important;
  }

  .md\:flex {
    display: flex !important;
  }

  .md\:w-1\/3 {
    width: 33.333333% !important;
  }

  .md\:w-2\/3 {
    width: 66.666667% !important;
  }

  .md\:min-w-\[500px\] {
    min-width: 500px !important;
  }

  .md\:max-w-\[350px\] {
    max-width: 350px !important;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .md\:p-6 {
    padding: 1.5rem !important;
  }

  .md\:px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}

  @media (min-width: 1024px) {

  .lg\:flex {
    display: flex !important;
  }

  .lg\:w-7\/12 {
    width: 58.333333% !important;
  }

  .lg\:w-5\/12 {
    width: 41.666667% !important;
  }

  .lg\:w-8\/12 {
    width: 66.666667% !important;
  }

  .lg\:text-center {
    text-align: center !important;
  }
}

/*! CSS Used from: https://cdn.shopify.com/s/files/1/0264/5144/3787/t/1/assets/theme.scss.css?v=149851678205553002261655118337 ; media=all */
@media all{
  *,*:before,*:after{box-sizing:border-box;}
  input,button{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;}
  a{background-color:transparent;}
  button,input{color:inherit;font:inherit;margin:0;}
  button::-moz-focus-inner{border-style:none;padding:0;}
  button:-moz-focusring{outline:1px dotted ButtonText;}
  a,button,input,label{touch-action:manipulation;}
  .show{display:block!important;}
  input,button{font-size:16px;font-family:Roboto,sans-serif;font-style:normal;font-weight:400;color:#3d4246;line-height:1.5;}
  @media only screen and (max-width: 989px){
  input,button{font-size:16px;}
  }
  p{color:#69727b;margin:0 0 19.44444px;}
  @media only screen and (max-width: 749px){
  p{font-size:.9375em;}
  }
  p:last-child{margin-bottom:0;}
  li{list-style:none;}
  ul{margin:0;padding:0;}
  a{color:#3d4246;text-decoration:none;}
  a:not([disabled]):hover,a:focus{color:#25282b;}
  svg:not(:root){overflow:hidden;}
  button{cursor:pointer;}
  label{display:block;margin-bottom:5px;}
  @media only screen and (max-width: 749px){
  label{font-size:.875em;}
  }
  label[for]{cursor:pointer;}
  input{border:1px solid #949494;background-color:#fff;color:#000;max-width:100%;line-height:1.2;border-radius:2px;}
  input:focus{border-color:#7b7b7b;}
  ::-webkit-input-placeholder{color:#000;opacity:.6;}
  ::-moz-placeholder{color:#000;opacity:.6;}
  :-ms-input-placeholder{color:#000;opacity:.6;}
  ::-ms-input-placeholder{color:#000;opacity:1;}
  input{padding:8px 15px;}
  @media only screen and (min-width: 750px){
  input{padding:10px 18px;}
  }
  }
  /*! CSS Used from: Embedded */
  .accessibly-otm-hidden{display:none!important;}
  .accessibly-otm-row{display:flex;justify-content:space-between;align-items:center;}
  .accessibly-otm-flex{display:flex;}
  .accessibly-otm-justify-between{justify-content:space-between;}
  .accessibly-otm-align-center{align-items:center;}
  .accessibly-otm-tab{padding:10px;display:none;}
  .accessibly-otm-tab-active{display:block;}
  .accessibly-otm-reset-button-container{padding:10px 10px;}
  .accessibly-otm-reset-button{font-family:"Noto Sans",sans-serif;background-color:#e3e9ff;color:#574cd5;border:0;width:100%;padding:10px;border-radius:5px;margin:0;font-weight:600;cursor:pointer;text-align:center;}
  .accessibly-otm-reset-button:hover{background-color:#574cd5;color:#fff;}
  .accessibly-otm-widget{-webkit-font-smoothing:antialiased;position:relative;right:0;top:0;width:100%;height:100vh;background-color:#f8f9fc;z-index:100;box-shadow:0px 4px 20px rgba(25,27,30,.1);direction:ltr;}
  @media screen and (min-width: 520px){
  .accessibly-otm-widget{width:100%; max-width:435px;}
  }
  .accessibly-otm-hide-forever{background-color:#fff;padding:15px 10px;border-bottom:1px solid #f2f2f8;box-shadow:rgba(25,27,30,.03) 0px 0px;}
  .accessibly-otm-hide-forever-message{font-family:"Noto Sans",sans-serif;font-size:14px;}
  .accessibly-otm-hide-forever-ok{width:50%;margin-right:5px;background-color:#e3e9ff;color:#574cd5;border:0;padding:10px;border-radius:5px;font-weight:600;cursor:pointer;font-family:"Noto Sans",sans-serif;}
  .accessibly-otm-hide-forever-cancel{width:50%;background-color:#f8f9fc;color:#000;border:0;padding:10px;border-radius:5px;font-weight:600;cursor:pointer;font-family:"Noto Sans",sans-serif;}
  .accessibly-otm-navigation .accessibly-otm-row{padding:15px 10px;}
  .accessibly-otm-navigation-button{opacity:1;background-color:rgba(0,0,0,0);outline:none;border:none;text-decoration:none;text-align:center;margin-right:10px;padding:0;}
  .accessibly-otm-navigation-button:hover{text-align:center;opacity:.6;background-color:rgba(0,0,0,0);outline:none;border:none;text-decoration:none;}
  .accessibly-otm-navigation-title{font-family:"Noto Sans",sans-serif;font-size:16px;margin:0;padding:0;color:#fff;position:absolute;left:15px;transform:translateY(-50%) translateX(0%);transition:all .2 linear;letter-spacing:0px;font-weight:600;text-transform:capitalize!important;}
  .accessibly-otm-navigation-close{background-color:rgba(0,0,0,0);border:none;font-size:15px;cursor:pointer;}
  .accessibly-otm-navigation-close svg{height:15px;}
  .accessibly-otm-navigation-settings{font-size:15px;cursor:pointer;}
  .accessibly-otm-navigation-settings svg{height:23px;width:unset;fill:rgba(0,0,0,0);}
  .accessibly-otm-navigation-back{font-family:"Noto Sans",sans-serif;background-color:rgba(0,0,0,0);font-size:15px;display:flex;align-items:center;color:#fff;font-weight:700;opacity:0!important;margin-left:-15px;transition:all .2 linear;cursor:pointer;}
  .accessibly-otm-statement{padding:10px;max-height:calc(100vh - 140px);overflow-y:auto;color:#000;}
  .accessibly-otm-statement ul{padding:0;}
  .accessibly-otm-statement ul li{font-family:"Noto Sans";}
  .accessibly-otm-statement p{font-family:"Noto Sans";font-style:normal;font-weight:400;font-size:14px;}
  .accessibly-otm-statement p.accessibly-otm-h2{font-family:"Noto Sans";font-style:normal;font-weight:600;font-size:22px;}
  .accessibly-otm-statement p.accessibly-otm-h3{font-family:"Noto Sans";font-style:normal;font-weight:600;font-size:18px;}
  .accessibly-otm-statement p.accessibly-otm-h4{font-family:"Noto Sans";font-style:normal;font-weight:600;font-size:16px;}
  #accessiblyOtm .accessibly-otm-assertive{position:relative;width:0px;height:0px;left:0;top:0;opacity:0;display:block;line-height:0;}
  #accessiblyOtm .accessibly-otm-features{padding:10px;max-height:calc(100vh - 150px);overflow-y:auto;}
  #accessiblyOtm .accessibly-otm-features::-webkit-scrollbar{width:5px;background-color:#f3f4f6;}
  #accessiblyOtm .accessibly-otm-features::-webkit-scrollbar-thumb{background:#d4dae4;border-radius:5px;}
  #accessiblyOtm .accessibly-otm-features-block:last-child{padding-bottom:30px;}
  #accessiblyOtm .accessibly-otm-features-block-title{font-family:"Noto Sans",sans-serif;font-size:16px;font-weight:600;color:#7a7f8c;margin-bottom:5px;margin-top:10px;text-transform:capitalize!important;}
  #accessiblyOtm .accessibly-otm-features-row{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:10px;margin-bottom:30px;}
  @media screen and (min-width: 520px){
  #accessiblyOtm .accessibly-otm-features-row{grid-template-columns:repeat(3, 1fr);}
  }
  #accessiblyOtm .accessibly-otm-option-button{font-family:"Noto Sans",sans-serif;display:block;position:relative;height:auto;text-align:center;padding:5px 10px;background-color:#fff;border:none;min-height:115px;border:1px solid #f2f2f8;border-radius:5px;margin:unset;line-height:1.2;box-shadow:0px 0px 5px rgba(25,27,30,.03);cursor:pointer;}
  #accessiblyOtm .accessibly-otm-option-button:focus{outline:0;}
  #accessiblyOtm .accessibly-otm-option-icon{width:100%;position:relative;display:block;margin-bottom:10px;margin-top:10px;pointer-events:none;line-height:0;}
  #accessiblyOtm .accessibly-otm-option-icon svg{width:30px;height:28px;fill:rgba(0,0,0,0);display:inline;}
  #accessiblyOtm .accessibly-otm-option-icon svg g{fill:rgba(0,0,0,0);}
  #accessiblyOtm .accessibly-otm-option-title{font-family:"Noto Sans",sans-serif;text-transform:initial;margin-bottom:0;font-size:14px;font-weight:700;color:#000;letter-spacing:0;margin-bottom:10px;padding:0;line-height:20px;text-transform:capitalize!important;}
  #accessiblyOtm .accessibly-otm-option-levels{display:flex;justify-content:center;}
  #accessiblyOtm .accessibly-otm-option-levels span{width:33%;margin:0px 2px;}
  #accessiblyOtm .accessibly-otm-option-levels span svg{width:100%;height:unset;display:block;}
  #accessiblyOtm .accessibly-otm-footer{position:absolute;bottom:0;width:100%;}
  #accessiblyOtm .accessibly-otm-footer .accessibly-otm-row{padding:15px 15px;background-color:#fff;border-top:2px solid #f3f4f6;}
  #accessiblyOtm .accessibly-otm-footer a{font-family:"Noto Sans",sans-serif;display:block;font-size:12px;font-weight:700;margin-bottom:5px;padding:0;text-decoration:none;color:#4b5563!important;text-transform:capitalize!important;cursor:pointer;}
  #accessiblyOtm .accessibly-otm-footer a:hover{color:#574cd5!important;}
  #accessiblyOtm .accessibly-otm-dropdown-container{position:relative;display:block;color:#000;}
  #accessiblyOtm .accessibly-otm-dropdown-label{font-family:"Noto Sans",sans-serif;font-size:15px;font-weight:600;width:100%;padding-bottom:10px;border-bottom:1px solid #eff1f7;margin-bottom:0px;}
  #accessiblyOtm .accessibly-otm-dropdown-button{font-family:"Noto Sans",sans-serif;color:inherit;background-color:rgba(0,0,0,0);font-weight:400;font-size:14px;width:100%;border:0;border-inline:none;border-bottom:1px solid #eff1f7;padding:15px 0px;text-align:left;cursor:pointer;}
  #accessiblyOtm .accessibly-otm-dropdown-search{font-family:"Noto Sans",sans-serif;box-sizing:border-box;background-position:14px 12px;background-repeat:no-repeat;font-size:13px;padding:8px 10px;border:none;border-radius:8px;background-color:#eff1f7;margin-top:10px;margin-bottom:10px;width:100%;}
  #accessiblyOtm .accessibly-otm-dropdown-item-container{padding:.5rem 0;display:none;position:absolute;min-width:230px;width:100%;z-index:1;}
  #accessiblyOtm .accessibly-otm-dropdown-item-container.show{display:block;}
  #accessiblyOtm .accessibly-otm-dropdown-item{font-family:"Noto Sans",sans-serif;color:#000;text-decoration:none;text-align:left;font-weight:400;font-size:13px;display:block;cursor:pointer;padding:8px 10px;border-radius:10px;}
  #accessiblyOtm .accessibly-otm-dropdown-item:hover{background-color:#eff1f7;}
  #accessiblyOtm .accessibly-otm-footer-logo svg{height:30px;width:unset;}
  /*! CSS Used from: Embedded */
  fontsninja-text{font-family:inherit;font-weight:inherit;font-style:inherit;font-size:inherit;color:inherit;}
  /*! CSS Used fontfaces */
  @font-face{font-family:Roboto;font-weight:400;font-style:normal;src:url(https://fonts.shopifycdn.com/roboto/roboto_n4.da808834c2315f31dd3910e2ae6b1a895d7f73f5.woff2?&hmac=fc93048d67b5919b29c4e947343d0a9599adb89fe18272b77057db493cffc489) format("woff2"),url(https://fonts.shopifycdn.com/roboto/roboto_n4.a512c7b68cd7f12c72e1a5fd58e7f7315c552e93.woff?&hmac=be64ada5dc9e0332d117b70bf19b9fefd0340f9022a8349b78d28787f6783825) format("woff");}
  @font-face{font-family:Roboto;font-weight:700;font-style:normal;src:url(https://fonts.shopifycdn.com/roboto/roboto_n7.51ede27d5b58491d9cf07ad184108da52fef80b4.woff2?&hmac=8bb259a3f49ea88d41c462dcb44f2cec856d8661f982e17fbec39180f6186d44) format("woff2"),url(https://fonts.shopifycdn.com/roboto/roboto_n7.1babbb6a27f91b14216bafa40bf222e08f6999f4.woff?&hmac=2dc8169e45bac2afac11d0d3aaf8d06b4454742dfab2d1c2987406d80e19ec4f) format("woff");}
  @font-face{font-family:Roboto;font-weight:400;font-style:italic;src:url(https://fonts.shopifycdn.com/roboto/roboto_i4.f98951b4b9b6e1096fc799cd05debd098bd422ac.woff2?&hmac=1aa9c43fd61251fcdf83b82e8f5043a3e3d55898fd9d8eb09ee03cebc337c012) format("woff2"),url(https://fonts.shopifycdn.com/roboto/roboto_i4.688a26691d45bc4053b6ae24a196cabdeedbc25c.woff?&hmac=e1dbd434c5744f0edcd5592ba2a75585f210b69e34be7a9f6322eb8ad1fabc60) format("woff");}
  @font-face{font-family:Roboto;font-weight:700;font-style:italic;src:url(https://fonts.shopifycdn.com/roboto/roboto_i7.9c922c35bb84952cfb17e8c1d42e440e75aa8ccf.woff2?&hmac=2296c2d51e7aa2388655ee9b2f9ae6bca9a27d7203f147def895e600c965e48d) format("woff2"),url(https://fonts.shopifycdn.com/roboto/roboto_i7.c50b5683f5731edb8040ff2110a54947108434de.woff?&hmac=b2ac5182195fbae3d14433e409ef69ddbc692155f1d68bb5fc2b51457d48acf8) format("woff");}
  @font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v27/o-0IIpQlx3QUlC5A4PNr6DRASf6M7VBj.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
  @font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v27/o-0IIpQlx3QUlC5A4PNr4TRASf6M7VBj.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
  @font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v27/o-0IIpQlx3QUlC5A4PNr5DRASf6M7VBj.woff2) format('woff2');unicode-range:U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;}
  @font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v27/o-0IIpQlx3QUlC5A4PNr6TRASf6M7VBj.woff2) format('woff2');unicode-range:U+1F00-1FFF;}
  @font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v27/o-0IIpQlx3QUlC5A4PNr5jRASf6M7VBj.woff2) format('woff2');unicode-range:U+0370-03FF;}
  @font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v27/o-0IIpQlx3QUlC5A4PNr6jRASf6M7VBj.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;}
  @font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v27/o-0IIpQlx3QUlC5A4PNr6zRASf6M7VBj.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
  @font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v27/o-0IIpQlx3QUlC5A4PNr5TRASf6M7Q.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
  @font-face{font-family:'Noto Sans';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjOhBVadyBx2pqPIif.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
  @font-face{font-family:'Noto Sans';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjOhBVYNyBx2pqPIif.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
  @font-face{font-family:'Noto Sans';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjOhBVZdyBx2pqPIif.woff2) format('woff2');unicode-range:U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;}
  @font-face{font-family:'Noto Sans';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjOhBVaNyBx2pqPIif.woff2) format('woff2');unicode-range:U+1F00-1FFF;}
  @font-face{font-family:'Noto Sans';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjOhBVZ9yBx2pqPIif.woff2) format('woff2');unicode-range:U+0370-03FF;}
  @font-face{font-family:'Noto Sans';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjOhBVa9yBx2pqPIif.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;}
  @font-face{font-family:'Noto Sans';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjOhBVatyBx2pqPIif.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
  @font-face{font-family:'Noto Sans';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjOhBVZNyBx2pqPA.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
  @font-face{font-family:'Noto Sans';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjXhFVadyBx2pqPIif.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
  @font-face{font-family:'Noto Sans';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjXhFVYNyBx2pqPIif.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
  @font-face{font-family:'Noto Sans';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjXhFVZdyBx2pqPIif.woff2) format('woff2');unicode-range:U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;}
  @font-face{font-family:'Noto Sans';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjXhFVaNyBx2pqPIif.woff2) format('woff2');unicode-range:U+1F00-1FFF;}
  @font-face{font-family:'Noto Sans';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjXhFVZ9yBx2pqPIif.woff2) format('woff2');unicode-range:U+0370-03FF;}
  @font-face{font-family:'Noto Sans';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjXhFVa9yBx2pqPIif.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;}
  @font-face{font-family:'Noto Sans';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjXhFVatyBx2pqPIif.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
  @font-face{font-family:'Noto Sans';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjXhFVZNyBx2pqPA.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

#accessibility-widget svg {
  fill: none;
  stroke: none;
}

#accessibility-widget svg path,
#accessibility-widget svg rect {
  stroke: none !important;
}

#accessibility-widget svg.accessibility-box-close,
#accessibility-widget .accessibility-reset svg {
  width: auto !important;
}

#accessibly-trigger {
  cursor: pointer;
}

.accessibly-hide-btn {
  position: absolute;
  right: 38px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 9px;
  cursor: pointer;
}
.accessibly-hide-btn p {
  color: #fff;
  margin-bottom: 0;
  margin-top: 0;
  font-size: 14px;
}

.accessibly-btn-big {
  width: 64px;
  height: 64px;
}
.accessibly-btn-big:after {
  width: 64px;
  height: 64px;
}

.accessibly-btn-small {
  width: 50px;
  height: 50px;
}
.accessibly-btn-small:after {
  width: 50px;
  height: 50px;
}

.accessibly-btn-xs-small {
  width: 40px !important;
  height: 40px !important;
  padding: 5px;
}
.accessibly-btn-xs-small:after {
  width: 40px;
  height: 40px;
}

.accessibility-menu-btn {
  cursor: pointer;
  color: #028ef6;
  border: none;
  z-index: 1;
  box-shadow: 0 5px 15px 0 rgba(37, 44, 97, 0.15),
    0 2px 4px 0 rgba(93, 100, 148, 0.2);
  outline: none !important;
  transition: all 0.2s ease;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(0);
  position: relative;
}
.accessibility-menu-btn:hover {
  transform: scale(1.1, 1.1);
  opacity: 1 !important;
}
.accessibility-menu-btn:hover:after {
  opacity: 1;
}
.accessibility-menu-btn:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 100%;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.accessibility-menu-btn svg {
  fill: #fff;
  height: 100%;
}

#accessibly .app-title{font-size:1.5em;font-weight:bold;margin-bottom:1em}