@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap");.notification-center {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px;
  display: flex;
  height: 80vh;
  flex-direction: column;
  align-items: flex-end;
  z-index: 9999;
  pointer-events: none;
  overflow-x: hidden;
  overflow-y: auto;
  scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}
.notification-center::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}
.notification-center .notification {
  margin-bottom: 16px;
}
.notification {
  z-index: 99;
  min-width: 364px;
  max-width: 33%;
  animation-duration: 0.15s;
  align-self: flex-end;
  pointer-events: auto;
}
.notification .notification__wrapper {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  padding: 22.5px 24px;
  min-height: 24px;
  background-color: #a53030;
  color: #fafafc;
  word-break: break-all;
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.notification .notification__wrapper > span {
  align-self: center;
}
.notification .notification__wrapper.success {
  background-color: #2a9156;
}
.notification i.icon-close {
  font-size: 23px;
  cursor: pointer;
  align-self: flex-start;
  color: #d1d1d1;
}
.notification-fade-enter-active {
  transition: opacity 0.3s ease-in;
  animation-name: fadeInDown;
}
.notification-fade-leave-active {
  transition: opacity 0.15s ease-out;
  animation-name: fadeOut;
}
.notification-fade-enter-from,
.notification-fade-leave-to {
  opacity: 0;
}
.notification-fade-enter,
.notification-fade-leave-to {
  opacity: 0;
}
@media (max-width: 767px) {
.notification-center {
    top: auto;
    justify-content: end;
    flex-direction: column-reverse;
}
.notification-center .notification {
    margin-top: 16px;
    margin-bottom: 0px;
}
.notification {
    width: 100%;
}
.notification-fade-enter-active {
    animation-name: fadeInUp;
}
}
@keyframes fadeOut {
from {
    opacity: 1;
}
to {
    opacity: 0;
}
}
@keyframes fadeInDown {
from {
    opacity: 0.5;
    transform: translate3d(0, -100%, 0);
}
to {
    opacity: 1;
    transform: none;
}
}
@keyframes fadeInUp {
from {
    opacity: 0.5;
    transform: translate3d(0, 100%, 0);
@media (max-width: 767px) {
      transform: translate3d(0, 100%, 0);
}
}
to {
    opacity: 1;
    transform: none;
}
}@media (max-width: 767px) {
.mobile-hide-chat {
    display: none;
}
}
body,
html {
  font-size: 16px;
  font-family: "Noto Sans TC", sans-serif;
  margin: 0;
}
.app-wrapper {
  padding-top: 72px;
  display: flex;
  flex-direction: column;
  min-height: calc(var(--vh-px) - 72px);
}
@media (max-width: 1127px) {
.app-wrapper {
    padding-top: 56px;
    min-height: calc(var(--vh-px) - 56px);
}
}
.auau-nuxt-footer {
  margin-top: auto;
}
#auau-container {
  padding-top: 48px;
  padding-bottom: 96px;
}
@media (max-width: 1127px) {
#auau-container {
    padding-top: 24px;
    padding-bottom: 48px;
}
}/* http://meyerweb.com/eric/tools/css/reset/
   v2.0-modified | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

/* make sure to set some focus styles for accessibility */
:focus {
  outline: 0;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  max-width: 100%;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}

/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

html,
button,
input,
select,
textarea {
  color: #222;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

img {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}.auau-nuxt-day-bar {
  display: flex;
  position: relative;
  text-align: center;
  max-width: 100%;
  justify-content: space-around;
  padding: 0px 28.5px;
}
.auau-nuxt-day-bar.auau-nuxt-day-bar__disabled {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  pointer-events: none;
}
.auau-nuxt-day-bar.auau-nuxt-day-bar__disabled .auau-nuxt-day-bar__label-active,
.auau-nuxt-day-bar.auau-nuxt-day-bar__disabled .auau-nuxt-day-bar__label,
.auau-nuxt-day-bar.auau-nuxt-day-bar__disabled .auau-nuxt-icon {
  color: #d1d1d1 !important;
}
.auau-nuxt-day-bar .auau-nuxt-day-bar__label {
  color: #949494;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-day-bar .auau-nuxt-day-bar__label-active {
  color: var(--auau-800, #f8b818);
}
.auau-nuxt-day-bar .auau-nuxt-day-bar__clickable {
  cursor: pointer;
}
.auau-nuxt-day-bar .auau-nuxt-day-bar__unclickable {
  pointer-events: none;
}
.auau-nuxt-day-bar .auau-nuxt-day-bar__chevron {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  align-items: center;
}
.auau-nuxt-day-bar .auau-nuxt-day-bar__chevron.left {
  left: 0;
}
.auau-nuxt-day-bar .auau-nuxt-day-bar__chevron.right {
  right: 0;
}
@media (max-width: 767px) {
.auau-nuxt-day-bar {
    overflow: auto;
    padding-bottom: 20px;
    justify-content: space-between;
}
.auau-nuxt-day-bar .auau-nuxt-day-bar__chevron {
    position: static;
    transform: none;
}
}
.auau-nuxt-scroll-container {
  overflow: auto;
  box-sizing: border-box;
  border-radius: inherit;
  position: relative;
  scrollbar-gutter: stable;
}
.auau-nuxt-scroll-container::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: transparent;
}
.auau-nuxt-scroll-container::-webkit-scrollbar-track {
  border-radius: 10px;
  background: transparent;
}
.auau-nuxt-scroll-container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: transparent;
}
.auau-nuxt-scroll-container::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
}
.auau-nuxt-scroll-container::-webkit-scrollbar-thumb:active {
  background: rgba(0, 0, 0, 0.9);
}
.auau-nuxt-scroll-container:hover::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.auau-nuxt-scroll-container:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
}
.auau-nuxt-scroll-container:hover::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 8px;
  left: 0;
  z-index: -100;
}
@font-face {
  font-family: "auau-icon";
  src: url("https://cdn-v2.auau.io/fonts/auau-icon.eot?4f1aqh");
  src: url("https://cdn-v2.auau.io/fonts/auau-icon.eot?4f1aqh#iefix") format("embedded-opentype"), url("https://cdn-v2.auau.io/fonts/auau-icon.ttf?4f1aqh") format("truetype"), url("https://cdn-v2.auau.io/fonts/auau-icon.woff?4f1aqh") format("woff"), url("https://cdn-v2.auau.io/fonts/auau-icon.svg?4f1aqh#auau-icon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'auau-icon';
    src: url('../font/auau-icon.svg?jmb7p1#auau-icon') format('svg');
  }
}
*/
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "auau-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: var(--size);
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-magnifying-glass-minus:before {
  content: "\e96f";
}
.icon-magnifying-glass-plus:before {
  content: "\e970";
}
.icon-magnifying-glass-rotate-left:before {
  content: "\e971";
}
.icon-facebook-fill:before {
  content: "\e972";
}
.icon-arrow-down:before {
  content: "\e900";
}
.icon-arrow-left:before {
  content: "\e901";
}
.icon-arrow-right-box:before {
  content: "\e902";
}
.icon-arrow-right:before {
  content: "\e903";
}
.icon-arrow-up-arrow-down:before {
  content: "\e904";
}
.icon-arrow-up:before {
  content: "\e905";
}
.icon-arrows:before {
  content: "\e906";
}
.icon-attendance-check:before {
  content: "\e907";
}
.icon-auau-partner:before {
  content: "\e908";
}
.icon-auau-payment:before {
  content: "\e909";
}
.icon-auau:before {
  content: "\e90a";
  color: #f8b818;
}
.icon-bags:before {
  content: "\e90b";
}
.icon-ban:before {
  content: "\e90c";
}
.icon-barcode-scan:before {
  content: "\e90d";
}
.icon-bell:before {
  content: "\e90e";
}
.icon-calendar-time:before {
  content: "\e90f";
}
.icon-calendar:before {
  content: "\e910";
}
.icon-cart:before {
  content: "\e911";
}
.icon-check:before {
  content: "\e912";
}
.icon-chevron-down:before {
  content: "\e913";
}
.icon-chevron-left:before {
  content: "\e914";
}
.icon-chevron-right:before {
  content: "\e915";
}
.icon-chevron-up-chevron-down:before {
  content: "\e916";
}
.icon-chevron-up:before {
  content: "\e917";
}
.icon-close-circle:before {
  content: "\e918";
}
.icon-close:before {
  content: "\e919";
}
.icon-coins:before {
  content: "\e91a";
}
.icon-comment-1:before {
  content: "\e91b";
}
.icon-comment:before {
  content: "\e91c";
}
.icon-copy:before {
  content: "\e91d";
}
.icon-course-management:before {
  content: "\e91e";
}
.icon-dashboard:before {
  content: "\e91f";
}
.icon-desktop:before {
  content: "\e920";
}
.icon-dollar-refund:before {
  content: "\e921";
}
.icon-dollar-sign:before {
  content: "\e922";
}
.icon-download:before {
  content: "\e923";
}
.icon-edit:before {
  content: "\e924";
}
.icon-ellipsis-h:before {
  content: "\e925";
}
.icon-ellipsis-v:before {
  content: "\e926";
}
.icon-exclamation-circle:before {
  content: "\e927";
}
.icon-external-link:before {
  content: "\e928";
}
.icon-eye-slash:before {
  content: "\e929";
}
.icon-eye:before {
  content: "\e92a";
}
.icon-facebook:before {
  content: "\e92b";
}
.icon-file-check:before {
  content: "\e92c";
}
.icon-file-draft:before {
  content: "\e92d";
}
.icon-file-edit:before {
  content: "\e92e";
}
.icon-file:before {
  content: "\e92f";
}
.icon-filter:before {
  content: "\e930";
}
.icon-floppy-disk:before {
  content: "\e931";
}
.icon-gift:before {
  content: "\e932";
}
.icon-grid-view:before {
  content: "\e933";
}
.icon-grip-vertical:before {
  content: "\e934";
}
.icon-hand-holding-dollar:before {
  content: "\e935";
}
.icon-headset:before {
  content: "\e936";
}
.icon-heart:before {
  content: "\e937";
}
.icon-home:before {
  content: "\e938";
}
.icon-hourglass-end:before {
  content: "\e939";
}
.icon-image:before {
  content: "\e93a";
}
.icon-info-circle:before {
  content: "\e93b";
}
.icon-language:before {
  content: "\e93c";
}
.icon-line:before {
  content: "\e93d";
}
.icon-link:before {
  content: "\e93e";
}
.icon-list-ul:before {
  content: "\e93f";
}
.icon-loading:before {
  content: "\e940";
}
.icon-lock:before {
  content: "\e941";
}
.icon-mail:before {
  content: "\e942";
}
.icon-map-marker:before {
  content: "\e943";
}
.icon-menu:before {
  content: "\e944";
}
.icon-minus:before {
  content: "\e945";
}
.icon-mobile:before {
  content: "\e946";
}
.icon-paper-plane:before {
  content: "\e947";
}
.icon-paperclip:before {
  content: "\e948";
}
.icon-phone:before {
  content: "\e949";
}
.icon-plus-box:before {
  content: "\e94a";
}
.icon-plus:before {
  content: "\e94b";
}
.icon-printer:before {
  content: "\e94c";
}
.icon-promotion:before {
  content: "\e94d";
}
.icon-qrcode-scan:before {
  content: "\e94e";
}
.icon-question-circle:before {
  content: "\e94f";
}
.icon-rearrange:before {
  content: "\e950";
}
.icon-receipt:before {
  content: "\e951";
}
.icon-redo:before {
  content: "\e952";
}
.icon-report-analytics:before {
  content: "\e953";
}
.icon-search:before {
  content: "\e954";
}
.icon-setting:before {
  content: "\e955";
}
.icon-share:before {
  content: "\e956";
}
.icon-sign-in:before {
  content: "\e957";
}
.icon-sign-out:before {
  content: "\e958";
}
.icon-star-fill:before {
  content: "\e959";
}
.icon-star:before {
  content: "\e95a";
}
.icon-suitcase:before {
  content: "\e95b";
}
.icon-telegram:before {
  content: "\e95c";
}
.icon-third-party:before {
  content: "\e95d";
}
.icon-thumbs-down:before {
  content: "\e95e";
}
.icon-thumbs-up:before {
  content: "\e95f";
}
.icon-thumbtack-fill:before {
  content: "\e960";
}
.icon-thumbtack:before {
  content: "\e961";
}
.icon-tickets:before {
  content: "\e962";
}
.icon-time-left:before {
  content: "\e963";
}
.icon-time:before {
  content: "\e964";
}
.icon-trash:before {
  content: "\e965";
}
.icon-tutor:before {
  content: "\e966";
}
.icon-upload:before {
  content: "\e967";
}
.icon-user-cog:before {
  content: "\e968";
}
.icon-user-dollar:before {
  content: "\e969";
}
.icon-user-time:before {
  content: "\e96a";
}
.icon-user:before {
  content: "\e96b";
}
.icon-users:before {
  content: "\e96c";
}
.icon-volume-up:before {
  content: "\e96d";
}
.icon-whatsapp:before {
  content: "\e96e";
}
.auau-nuxt-icon-button {
  color: var(--auau-800, #f8b818);
  width: fit-content;
  border: none;
  background-color: transparent;
  text-decoration: none;
  cursor: pointer;
  text-decoration: none;
  display: flex;
}
.auau-nuxt-icon-button.primary {
  color: var(--auau-800, #f8b818);
}
.auau-nuxt-icon-button.primary:hover {
  color: var(--auau-900, #f89d00);
}
.auau-nuxt-icon-button.danger {
  color: #dc3030;
}
.auau-nuxt-icon-button.danger:hover {
  color: #a53030;
}
.auau-nuxt-icon-button.success {
  color: #38c172;
}
.auau-nuxt-icon-button.success:hover {
  color: #389072;
}
.auau-nuxt-icon-button.secondary {
  color: #d1d1d1;
}
.auau-nuxt-icon-button.secondary:hover {
  color: #949494;
}
.auau-nuxt-icon-button.normal {
  color: #949494;
}
.auau-nuxt-icon-button.normal:hover {
  color: #2d2d2d;
}
.auau-nuxt-icon-button.dark {
  color: #2d2d2d;
}
.auau-nuxt-icon-button:disabled {
  color: #d1d1d1;
  cursor: default;
}
.auau-nuxt-icon-button:disabled:hover {
  color: #d1d1d1;
}
.auau-nuxt-account-menu-card {
  background: #ffffff;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 40px 0;
  padding: 24px 22px 24px 24px;
  align-items: center;
  position: relative;
}
.auau-nuxt-account-menu-card a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.auau-nuxt-account-menu-card .auau-nuxt-icon {
  color: var(--auau-800, #f8b818);
  grid-area: 1/1/2/3;
}
.auau-nuxt-account-menu-card .auau-nuxt-account-menu-card__label {
  font-size: 24px;
  font-weight: 500;
  line-height: 34.75px;
}
@media (max-width: 767px) {
.auau-nuxt-account-menu-card .auau-nuxt-account-menu-card__label {
    font-size: 20px;
    font-weight: 500;
    line-height: 29px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-account-menu-card {
    grid-template-columns: max-content max-content minmax(0, 1fr);
    gap: 16px;
    background: transparent;
    box-shadow: none;
    border-radius: none;
    padding: 0;
}
.auau-nuxt-account-menu-card .auau-nuxt-icon {
    font-size: 24px !important;
    grid-area: 1/1/2/2;
}
.auau-nuxt-account-menu-card .auau-nuxt-icon-button {
    margin-left: auto;
}
}
.auau-nuxt-modal-base {
  position: fixed !important;
}
.auau-nuxt-modal-base .vfm__container {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  place-items: center;
}
.auau-nuxt-modal-base .auau-nuxt-modal-base__modal-wrapper {
  position: relative;
  margin: auto;
  background-color: #ffffff;
  border-radius: 16px;
  min-width: 458px;
  max-width: 80%;
  padding: 0;
  box-sizing: border-box;
}
.auau-nuxt-modal-base .auau-nuxt-modal-base__close-btn {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  cursor: pointer;
}
.auau-nuxt-modal-base .auau-nuxt-modal-base__close-btn .auau-nuxt-icon {
  margin: auto;
  color: #2d2d2d;
}
.auau-nuxt-modal-base__overlay {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.auau-nuxt-html-text {
  line-height: initial;
}
.auau-nuxt-html-text p:empty {
  padding-bottom: 20px;
  margin: 0;
}
.auau-nuxt-html-text a {
  color: var(--auau-800, #f8b818);
}
.auau-nuxt-html-text ul {
  list-style-type: disc;
  list-style-position: inside;
}
.auau-nuxt-html-text ol {
  list-style-type: decimal;
  list-style-position: inside;
}
.auau-nuxt-html-text ul ul,
.auau-nuxt-html-text ol ul {
  list-style-position: inside;
  margin-left: 15px;
}
.auau-nuxt-html-text ol ol,
.auau-nuxt-html-text ul ol {
  list-style-position: inside;
  margin-left: 15px;
}
.auau-nuxt-html-text blockquote {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
}
.auau-nuxt-html-text pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 1em 0;
}
.auau-nuxt-html-text li > p {
  display: inline;
}
picture.auau-nuxt-image > * {
  width: 100%;
  max-width: 100%;
  display: block;
  object-fit: cover;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
picture.auau-nuxt-image img {
  height: 100%;
}
picture.auau-nuxt-image .auau-nuxt-image__object-cover {
  object-fit: cover !important;
}
picture.auau-nuxt-image .auau-nuxt-image__aspect-ratio-43 {
  aspect-ratio: 4/3;
}
picture.auau-nuxt-image .auau-nuxt-image__aspect-ratio-43.resize-4-3 {
  object-fit: unset;
}
.auau-nuxt-announcement-modal .auau-nuxt-modal-base__modal-wrapper {
  max-height: 604px;
  min-width: 800px;
}
.auau-nuxt-announcement-modal .auau-nuxt-announcement-modal__scrollbar-content {
  padding: 32px 40px;
  height: max-content !important;
  max-height: inherit;
}
.auau-nuxt-announcement-modal .auau-nuxt-announcement-modal__title {
  margin-bottom: 20px;
  text-align: center;
  font-size: 38px;
  font-weight: 700;
  line-height: 55px;
}
@media (max-width: 767px) {
.auau-nuxt-announcement-modal .auau-nuxt-announcement-modal__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
.auau-nuxt-announcement-modal .auau-nuxt-announcement-modal__image img {
  border-radius: 8px;
}
.auau-nuxt-announcement-modal .auau-nuxt-announcement-modal__content {
  padding-top: 20px;
}
@media (max-width: 767px) {
.auau-nuxt-announcement-modal .auau-nuxt-announcement-modal__title {
    margin-bottom: 10px;
}
.auau-nuxt-announcement-modal .auau-nuxt-announcement-modal__content {
    padding-top: 10px;
}
.auau-nuxt-announcement-modal .auau-nuxt-modal-base__modal-wrapper {
    width: 100%;
    max-width: 100%;
    min-width: 100% !important;
    max-height: calc(var(--vw-px) * 0.95);
    position: absolute;
    border-end-start-radius: 0;
    border-end-end-radius: 0;
    bottom: 0;
    z-index: 100;
}
.auau-nuxt-announcement-modal .auau-nuxt-announcement-modal__scrollbar-content {
    padding: 16px 20px;
}
.auau-nuxt-announcement-modal .auau-nuxt-modal-base__close-btn {
    top: 15px;
    right: 15px;
}
}
.auau-nuxt-apple-signin {
  height: 40px;
  width: 40px;
}

/*!
 * FilePond 4.30.3
 * Licensed under MIT, https://opensource.org/licenses/MIT/
 * Please visit https://pqina.nl/filepond/ for details.
 */
/* eslint-disable */
.filepond--assistant {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  white-space: nowrap;
}

/* Hard to override styles */
.filepond--browser.filepond--browser {
  /* is positioned absolute so it is focusable for form validation errors */
  position: absolute;
  margin: 0;
  padding: 0;
  /* is positioned ~behind drop label */
  left: 1em;
  top: 1.75em;
  width: calc(100% - 2em);
  /* hide visually */
  opacity: 0;
  font-size: 0;
  /* removes text cursor in Internet Explorer 11 */
}
.filepond--data {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
  border: none;
  visibility: hidden;
  pointer-events: none;
  contain: strict;
}
.filepond--drip {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  opacity: 0.1;
  /* can't interact with this element */
  pointer-events: none;
  /* inherit border radius from parent (needed for drip-blob cut of) */
  border-radius: 0.5em;
  /* this seems to prevent Chrome from redrawing this layer constantly */
  background: rgba(0, 0, 0, 0.01);
}
.filepond--drip-blob {
  position: absolute;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  top: 0;
  left: 0;
  width: 8em;
  height: 8em;
  margin-left: -4em;
  margin-top: -4em;
  background: #292625;
  border-radius: 50%;
  /* will be animated */
  will-change: transform, opacity;
}
.filepond--drop-label {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0;
  color: #4f4f4f;
  /* center contents */
  display: flex;
  justify-content: center;
  align-items: center;
  /* fixes IE11 centering problems (is overruled by label min-height) */
  height: 0px;
  /* dont allow selection */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* will be animated */
  will-change: transform, opacity;
}

/* Hard to override styles on purpose */
.filepond--drop-label.filepond--drop-label label {
  display: block;
  margin: 0;
  padding: 0.5em;
  /* use padding instead of margin so click area is not impacted */
}
.filepond--drop-label label {
  cursor: default;
  font-size: 0.875em;
  font-weight: normal;
  text-align: center;
  line-height: 1.5;
}
.filepond--label-action {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  -webkit-text-decoration-color: #a7a4a4;
  text-decoration-color: #a7a4a4;
  cursor: pointer;
}
.filepond--root[data-disabled] .filepond--drop-label label {
  opacity: 0.5;
}

/* Hard to override styles */
.filepond--file-action-button.filepond--file-action-button {
  font-size: 1em;
  width: 1.625em;
  height: 1.625em;
  font-family: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  will-change: transform, opacity;
  /* hidden label */
}
.filepond--file-action-button.filepond--file-action-button span {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  white-space: nowrap;
}
.filepond--file-action-button.filepond--file-action-button {
  /* scale SVG to fill button */
}
.filepond--file-action-button.filepond--file-action-button svg {
  width: 100%;
  height: 100%;
}
.filepond--file-action-button.filepond--file-action-button {
  /* bigger touch area */
}
.filepond--file-action-button.filepond--file-action-button::after {
  position: absolute;
  left: -0.75em;
  right: -0.75em;
  top: -0.75em;
  bottom: -0.75em;
  content: "";
}

/* Soft styles */
.filepond--file-action-button {
  /* use default arrow cursor */
  cursor: auto;
  /* reset default button styles */
  color: #fff;
  /* set default look n feel */
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: none;
  /* we animate box shadow on focus */
  /* it's only slightly slower than animating */
  /* a pseudo-element with transforms and renders */
  /* a lot better on chrome */
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  transition: box-shadow 0.25s ease-in;
}
.filepond--file-action-button:hover,
.filepond--file-action-button:focus {
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.9);
}
.filepond--file-action-button[disabled] {
  color: rgba(255, 255, 255, 0.5);
  background-color: rgba(0, 0, 0, 0.25);
}
.filepond--file-action-button[hidden] {
  display: none;
}

/* edit button */
.filepond--action-edit-item.filepond--action-edit-item {
  width: 2em;
  height: 2em;
  padding: 0.1875em;
}
.filepond--action-edit-item.filepond--action-edit-item[data-align*=center] {
  margin-left: -0.1875em;
}
.filepond--action-edit-item.filepond--action-edit-item[data-align*=bottom] {
  margin-bottom: -0.1875em;
}
.filepond--action-edit-item-alt {
  border: none;
  line-height: inherit;
  background: transparent;
  font-family: inherit;
  color: inherit;
  outline: none;
  padding: 0;
  margin: 0 0 0 0.25em;
  pointer-events: all;
  position: absolute;
}
.filepond--action-edit-item-alt svg {
  width: 1.3125em;
  height: 1.3125em;
}
.filepond--action-edit-item-alt span {
  font-size: 0;
  opacity: 0;
}
.filepond--file-info {
  position: static;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  margin: 0 0.5em 0 0;
  min-width: 0;
  /* will be animated */
  will-change: transform, opacity;
  /* can't do anything with this info */
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* no margins on children */
}
.filepond--file-info * {
  margin: 0;
}
.filepond--file-info {
  /* we don't want to have these overrules so these selectors are a bit more specific */
}
.filepond--file-info .filepond--file-info-main {
  font-size: 0.75em;
  line-height: 1.2;
  /* we want ellipsis if this bar gets too wide */
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
.filepond--file-info .filepond--file-info-sub {
  font-size: 0.625em;
  opacity: 0.5;
  transition: opacity 0.25s ease-in-out;
  white-space: nowrap;
}
.filepond--file-info .filepond--file-info-sub:empty {
  display: none;
}
.filepond--file-status {
  position: static;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0;
  min-width: 2.25em;
  text-align: right;
  /* will be animated */
  will-change: transform, opacity;
  /* can't do anything with this info */
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* no margins on children */
}
.filepond--file-status * {
  margin: 0;
  white-space: nowrap;
}
.filepond--file-status {
  /* font sizes */
}
.filepond--file-status .filepond--file-status-main {
  font-size: 0.75em;
  line-height: 1.2;
}
.filepond--file-status .filepond--file-status-sub {
  font-size: 0.625em;
  opacity: 0.5;
  transition: opacity 0.25s ease-in-out;
}

/* Hard to override styles */
.filepond--file-wrapper.filepond--file-wrapper {
  border: none;
  margin: 0;
  padding: 0;
  min-width: 0;
  height: 100%;
  /* hide legend for visual users */
}
.filepond--file-wrapper.filepond--file-wrapper > legend {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  white-space: nowrap;
}
.filepond--file {
  position: static;
  display: flex;
  height: 100%;
  align-items: flex-start;
  padding: 0.5625em 0.5625em;
  color: #fff;
  border-radius: 0.5em;
  /* control positions */
}
.filepond--file .filepond--file-status {
  margin-left: auto;
  margin-right: 2.25em;
}
.filepond--file .filepond--processing-complete-indicator {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 3;
}
.filepond--file .filepond--processing-complete-indicator,
.filepond--file .filepond--progress-indicator,
.filepond--file .filepond--file-action-button {
  position: absolute;
}
.filepond--file {
  /* .filepond--file-action-button */
}
.filepond--file [data-align*=left] {
  left: 0.5625em;
}
.filepond--file [data-align*=right] {
  right: 0.5625em;
}
.filepond--file [data-align*=center] {
  left: calc(50% - 0.8125em);
  /* .8125 is half of button width */
}
.filepond--file [data-align*=bottom] {
  bottom: 1.125em;
}
.filepond--file [data-align=center] {
  top: calc(50% - 0.8125em);
}
.filepond--file .filepond--progress-indicator {
  margin-top: 0.1875em;
}
.filepond--file .filepond--progress-indicator[data-align*=right] {
  margin-right: 0.1875em;
}
.filepond--file .filepond--progress-indicator[data-align*=left] {
  margin-left: 0.1875em;
}

/* make sure text does not overlap */
[data-filepond-item-state=cancelled] .filepond--file-info,
[data-filepond-item-state*=invalid] .filepond--file-info,
[data-filepond-item-state*=error] .filepond--file-info {
  margin-right: 2.25em;
}
[data-filepond-item-state~=processing] .filepond--file-status-sub {
  opacity: 0;
}
[data-filepond-item-state~=processing] .filepond--action-abort-item-processing ~ .filepond--file-status .filepond--file-status-sub {
  opacity: 0.5;
}
[data-filepond-item-state=processing-error] .filepond--file-status-sub {
  opacity: 0;
}
[data-filepond-item-state=processing-error] .filepond--action-retry-item-processing ~ .filepond--file-status .filepond--file-status-sub {
  opacity: 0.5;
}
[data-filepond-item-state=processing-complete] {
  /* busy state */
}
[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing svg {
  -webkit-animation: fall 0.5s 0.125s linear both;
  animation: fall 0.5s 0.125s linear both;
}
[data-filepond-item-state=processing-complete] {
  /* hide details by default, only show when can revert */
}
[data-filepond-item-state=processing-complete] .filepond--file-status-sub {
  opacity: 0.5;
}
[data-filepond-item-state=processing-complete] .filepond--processing-complete-indicator:not([style*=hidden]) ~ .filepond--file-status .filepond--file-status-sub {
  opacity: 0;
}
[data-filepond-item-state=processing-complete] .filepond--file-info-sub {
  opacity: 0;
}
[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing ~ .filepond--file-info .filepond--file-info-sub {
  opacity: 0.5;
}

/* file state can be invalid or error, both are visually similar but */
/* having them as separate states might be useful */
[data-filepond-item-state*=invalid] .filepond--panel,
[data-filepond-item-state*=invalid] .filepond--file-wrapper,
[data-filepond-item-state*=error] .filepond--panel,
[data-filepond-item-state*=error] .filepond--file-wrapper {
  -webkit-animation: shake 0.65s linear both;
  animation: shake 0.65s linear both;
}

/* spins progress indicator when file is marked as busy */
[data-filepond-item-state*=busy] .filepond--progress-indicator svg {
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

/**
 * States
 */
@-webkit-keyframes spin {
0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
}
100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
}
@keyframes spin {
0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
}
100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
}
@-webkit-keyframes shake {
10%, 90% {
    -webkit-transform: translateX(-0.0625em);
    transform: translateX(-0.0625em);
}
20%, 80% {
    -webkit-transform: translateX(0.125em);
    transform: translateX(0.125em);
}
30%, 50%, 70% {
    -webkit-transform: translateX(-0.25em);
    transform: translateX(-0.25em);
}
40%, 60% {
    -webkit-transform: translateX(0.25em);
    transform: translateX(0.25em);
}
}
@keyframes shake {
10%, 90% {
    -webkit-transform: translateX(-0.0625em);
    transform: translateX(-0.0625em);
}
20%, 80% {
    -webkit-transform: translateX(0.125em);
    transform: translateX(0.125em);
}
30%, 50%, 70% {
    -webkit-transform: translateX(-0.25em);
    transform: translateX(-0.25em);
}
40%, 60% {
    -webkit-transform: translateX(0.25em);
    transform: translateX(0.25em);
}
}
@-webkit-keyframes fall {
0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
70% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
}
@keyframes fall {
0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
70% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
}
/* ignore all other interaction elements while dragging a file */
.filepond--hopper[data-hopper-state=drag-over] > * {
  pointer-events: none;
}

/* capture all hit tests using a hidden layer, this speeds up the event flow */
.filepond--hopper[data-hopper-state=drag-over]::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
.filepond--progress-indicator {
  z-index: 103;
}
.filepond--file-action-button {
  z-index: 102;
}
.filepond--file-status {
  z-index: 101;
}
.filepond--file-info {
  z-index: 100;
}
.filepond--item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  padding: 0;
  margin: 0.25em;
  will-change: transform, opacity;
  /* item children order */
}
.filepond--item > .filepond--panel {
  z-index: -1;
}

/* has a slight shadow */
.filepond--item > .filepond--panel .filepond--panel-bottom {
  box-shadow: 0 0.0625em 0.125em -0.0625em rgba(0, 0, 0, 0.25);
}
.filepond--item {
  /* drag related */
}
.filepond--item > .filepond--file-wrapper,
.filepond--item > .filepond--panel {
  transition: opacity 0.15s ease-out;
}
.filepond--item[data-drag-state] {
  cursor: -webkit-grab;
  cursor: grab;
}
.filepond--item[data-drag-state] > .filepond--panel {
  transition: box-shadow 0.125s ease-in-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.filepond--item[data-drag-state=drag] {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.filepond--item[data-drag-state=drag] > .filepond--panel {
  box-shadow: 0 0.125em 0.3125em rgba(0, 0, 0, 0.325);
}
.filepond--item[data-drag-state]:not([data-drag-state=idle]) {
  z-index: 2;
}

/* states */
.filepond--item-panel {
  background-color: #64605e;
}
[data-filepond-item-state=processing-complete] .filepond--item-panel {
  background-color: #369763;
}
[data-filepond-item-state*=invalid] .filepond--item-panel,
[data-filepond-item-state*=error] .filepond--item-panel {
  background-color: #c44e47;
}

/* style of item panel */
.filepond--item-panel {
  border-radius: 0.5em;
  transition: background-color 0.25s;
}

/* normal mode */
.filepond--list-scroller {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  will-change: transform;
}

/* scroll mode */
.filepond--list-scroller[data-state=overflow] .filepond--list {
  bottom: 0;
  right: 0;
}
.filepond--list-scroller[data-state=overflow] {
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%);
  mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%);
}

/* style scrollbar */
.filepond--list-scroller::-webkit-scrollbar {
  background: transparent;
}
.filepond--list-scroller::-webkit-scrollbar:vertical {
  width: 1em;
}
.filepond--list-scroller::-webkit-scrollbar:horizontal {
  height: 0;
}
.filepond--list-scroller::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 99999px;
  border: 0.3125em solid transparent;
  background-clip: content-box;
}

/* hard to overide styles on purpose */
.filepond--list.filepond--list {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
  /* prevents endless paint calls on filepond--list-scroller */
  will-change: transform;
}

/* used for padding so allowed to be restyled */
.filepond--list {
  left: 0.75em;
  right: 0.75em;
}
.filepond--root[data-style-panel-layout~=integrated] {
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
}
.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root,
.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root {
  border-radius: 0;
}
.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root > *,
.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root > * {
  display: none;
}
.filepond--root[data-style-panel-layout~=circle] .filepond--drop-label,
.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label {
  bottom: 0;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 7;
}
.filepond--root[data-style-panel-layout~=circle],
.filepond--root[data-style-panel-layout~=integrated] {
  /* we're only loading one item, this makes the intro animation a bit nicer */
}
.filepond--root[data-style-panel-layout~=circle] .filepond--item-panel,
.filepond--root[data-style-panel-layout~=integrated] .filepond--item-panel {
  display: none;
}
.filepond--root[data-style-panel-layout~=compact] .filepond--list-scroller,
.filepond--root[data-style-panel-layout~=integrated] .filepond--list-scroller {
  overflow: hidden;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
.filepond--root[data-style-panel-layout~=compact] .filepond--list,
.filepond--root[data-style-panel-layout~=integrated] .filepond--list {
  left: 0;
  right: 0;
  height: 100%;
}
.filepond--root[data-style-panel-layout~=compact] .filepond--item,
.filepond--root[data-style-panel-layout~=integrated] .filepond--item {
  margin: 0;
}
.filepond--root[data-style-panel-layout~=compact] .filepond--file-wrapper,
.filepond--root[data-style-panel-layout~=integrated] .filepond--file-wrapper {
  height: 100%;
}
.filepond--root[data-style-panel-layout~=compact] .filepond--drop-label,
.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label {
  z-index: 7;
}
.filepond--root[data-style-panel-layout~=circle] {
  border-radius: 99999rem;
  overflow: hidden;
}
.filepond--root[data-style-panel-layout~=circle] > .filepond--panel {
  border-radius: inherit;
}
.filepond--root[data-style-panel-layout~=circle] > .filepond--panel > * {
  display: none;
}
.filepond--root[data-style-panel-layout~=circle] {
  /* circle cuts of this info, so best to hide it */
}
.filepond--root[data-style-panel-layout~=circle] .filepond--file-info {
  display: none;
}
.filepond--root[data-style-panel-layout~=circle] .filepond--file-status {
  display: none;
}
.filepond--root[data-style-panel-layout~=circle] .filepond--action-edit-item {
  opacity: 1 !important;
  visibility: visible !important;
}

/* dirfty way to fix circular overflow issue on safari 11+ */
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) and (stroke-color: transparent) {
.filepond--root[data-style-panel-layout~=circle] {
      will-change: transform;
}
}
}
.filepond--panel-root {
  border-radius: 0.5em;
  background-color: #f1f0ef;
}
.filepond--panel {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: 0;
  /* defaults to 100% height (fixed height mode) this fixes problem with panel height in IE11 */
  height: 100% !important;
  /* no interaction possible with panel */
  pointer-events: none;
}
.filepond-panel:not([data-scalable=false]) {
  height: auto !important;
}
.filepond--panel[data-scalable=false] > div {
  display: none;
}
.filepond--panel[data-scalable=true] {
  /* this seems to fix Chrome performance issues */
  /* - when box-shadow is enabled */
  /* - when multiple ponds are active on the same page */
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  /* prevent borders and backgrounds */
  background-color: transparent !important;
  border: none !important;
}
.filepond--panel-top,
.filepond--panel-bottom,
.filepond--panel-center {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
}
.filepond--panel-top,
.filepond--panel-bottom {
  height: 0.5em;
}
.filepond--panel-top {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom: none !important;
  /* fixes tiny transparant line between top and center panel */
}
.filepond--panel-top::after {
  content: "";
  position: absolute;
  height: 2px;
  left: 0;
  right: 0;
  bottom: -1px;
  background-color: inherit;
}
.filepond--panel-center,
.filepond--panel-bottom {
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: translate3d(0, 0.5em, 0);
  transform: translate3d(0, 0.5em, 0);
}
.filepond--panel-bottom {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-top: none !important;
  /* fixes tiny transparant line between bottom and center of panel */
}
.filepond--panel-bottom::before {
  content: "";
  position: absolute;
  height: 2px;
  left: 0;
  right: 0;
  top: -1px;
  background-color: inherit;
}
.filepond--panel-center {
  /* the center panel is scaled using scale3d to fit the correct height */
  /* we use 100px instead of 1px as scaling 1px to a huge height is really laggy on chrome */
  height: 100px !important;
  border-top: none !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  /* hide if not transformed, prevents a little flash when the panel is at 100px height while attached for first time */
}
.filepond--panel-center:not([style]) {
  visibility: hidden;
}
.filepond--progress-indicator {
  position: static;
  width: 1.25em;
  height: 1.25em;
  color: #fff;
  /* can't have margins */
  margin: 0;
  /* no interaction possible with progress indicator */
  pointer-events: none;
  /* will be animated */
  will-change: transform, opacity;
}
.filepond--progress-indicator svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
  transform-box: fill-box;
  /* should center the animation correctly when zoomed in */
}
.filepond--progress-indicator path {
  fill: none;
  stroke: currentColor;
}
.filepond--list-scroller {
  z-index: 6;
}
.filepond--drop-label {
  z-index: 5;
}
.filepond--drip {
  z-index: 3;
}
.filepond--root > .filepond--panel {
  z-index: 2;
}
.filepond--browser {
  z-index: 1;
}
.filepond--root {
  /* layout*/
  box-sizing: border-box;
  position: relative;
  margin-bottom: 1em;
  /* base font size for whole component */
  font-size: 1rem;
  /* base line height */
  line-height: normal;
  /* up uses default system font family */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  /* will increase font weight a bit on Safari */
  font-weight: 450;
  /* default text alignment */
  text-align: left;
  /* better text rendering on Safari */
  text-rendering: optimizeLegibility;
  /* text direction is ltr for now */
  direction: ltr;
  /* optimize rendering */
  /* https://developer.mozilla.org/en-US/docs/Web/CSS/contain */
  contain: layout style size;
  /* correct box sizing, line-height and positioning on child elements */
}
.filepond--root * {
  box-sizing: inherit;
  line-height: inherit;
}
.filepond--root *:not(text) {
  font-size: inherit;
}
.filepond--root {
  /* block everything */
}
.filepond--root[data-disabled] {
  pointer-events: none;
}
.filepond--root[data-disabled] .filepond--list-scroller {
  pointer-events: all;
}
.filepond--root[data-disabled] .filepond--list {
  pointer-events: none;
}

/**
 * Root element children layout
 */
.filepond--root .filepond--drop-label {
  min-height: 4.75em;
}
.filepond--root .filepond--list-scroller {
  margin-top: 1em;
  margin-bottom: 1em;
}
.filepond--root .filepond--credits {
  position: absolute;
  right: 0;
  opacity: 0.175;
  line-height: 0.85;
  font-size: 11px;
  color: inherit;
  text-decoration: none;
  z-index: 3;
  bottom: -14px;
}
.filepond--root .filepond--credits[style] {
  top: 0;
  bottom: auto;
  margin-top: 14px;
}

/*!
 * FilePondPluginFilePoster 2.5.1
 * Licensed under MIT, https://opensource.org/licenses/MIT/
 * Please visit https://pqina.nl/filepond/ for details.
 */
/* eslint-disable */
.filepond--file-poster-wrapper {
  z-index: 2;
}
.filepond--image-preview-wrapper ~ .filepond--file-poster-wrapper {
  display: none;
}
.filepond--file-poster-overlay {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 5rem;
  max-height: 7rem;
  margin: 0;
  opacity: 0;
  z-index: 1;
  mix-blend-mode: multiply;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* fixes chrome bug */
  aspect-ratio: auto;
}

/* success (is second canvas) */
.filepond--file-poster-overlay:nth-of-type(2) {
  mix-blend-mode: normal;
}

/* error (is third canvas) */
.filepond--file-poster-overlay:nth-of-type(3) {
  mix-blend-mode: normal;
}

/* disable for Safari as mix-blend-mode causes the overflow:hidden of the parent container to not work */
@supports (-webkit-marquee-repetition: infinite) and ((-o-object-fit: fill) or (object-fit: fill)) {
.filepond--file-poster-overlay {
    mix-blend-mode: normal;
}
}
.filepond--file-poster-wrapper {
  /* no interaction */
  pointer-events: none;
  /* have preview fill up all available space */
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 100%;
  margin: 0;
  /* radius is .05em less to prevent the panel background color from shining through */
  border-radius: 0.45em;
  overflow: hidden;
  /* this seems to prevent Chrome from redrawing this layer constantly */
  background: rgba(0, 0, 0, 0.01);
}
.filepond--file-poster {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  background: #222;
  /* will be animated */
  will-change: transform, opacity;
}
.filepond--file-poster img {
  height: 100%;
  width: auto;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  display: block;
  will-change: transform;
}
.filepond--root[data-style-panel-layout~=integrated] .filepond--file-poster-wrapper {
  border-radius: 0;
}
.filepond--root[data-style-panel-layout~=integrated] .filepond--file-poster {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.filepond--root[data-style-panel-layout~=circle] .filepond--file-poster-wrapper {
  border-radius: 99999rem;
}
.filepond--root[data-style-panel-layout~=circle] .filepond--file-poster-overlay {
  top: auto;
  bottom: 0;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
.filepond--root[data-style-panel-layout~=circle] .filepond--file .filepond--file-action-button[data-align*=bottom]:not([data-align*=center]) {
  margin-bottom: 0.325em;
}
.filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=left] {
  left: calc(50% - 3em);
}
.filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=right] {
  right: calc(50% - 3em);
}
.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=left],
.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=right] {
  margin-bottom: 0.5125em;
}
.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=center] {
  margin-top: 0;
  margin-bottom: 0.1875em;
  margin-left: 0.1875em;
}

/*!
 * Pintura Image Editor 8.16.8
 * (c) 2018-2021 PQINA Inc. - All Rights Reserved
 * License: https://pqina.nl/pintura/license/
 */
/* eslint-disable */
.PinturaRadioGroup .PinturaRadioGroupOptions {
  display: flex;
  flex-direction: column;
}
.PinturaRadioGroup .PinturaRadioGroupOptionGroup + .PinturaRadioGroupOptionGroup {
  margin-top: 0.5em;
}
.PinturaRadioGroup[data-layout=row] .PinturaRadioGroupOptions {
  flex-direction: row;
}
.PinturaRadioGroup label {
  -webkit-tap-highlight-color: transparent;
}
.PinturaDetailsPanel.PinturaSliderPanel {
  border-radius: var(--border-radius-round);
}
.PinturaPercentageLabel {
  font-variant-numeric: tabular-nums;
  min-width: 3em;
  text-align: center;
}
.PinturaSliderPanel .PinturaSlider {
  width: 10em;
  --knob-size:0.75em;
  --knob-margin-left:0.3125em;
  --knob-margin-right:0.3125em;
}
.PinturaSliderPanel .PinturaSliderTrack {
  background-color: #eee;
}
.PinturaSliderPanel .PinturaSliderKnob {
  background-color: #111;
  box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.35), 0 -0.125em 0.25em rgba(0, 0, 0, 0.1);
}
.PinturaPanel[data-util=redact] .PinturaUtilFooter {
  padding: 0;
}
.PinturaPanel[data-util=redact] .PinturaUtilFooter > div {
  height: 1px;
}
.pintura-editor, pintura-editor {
  --color-primary:#ffd843;
  --color-primary-dark:#ffc343;
  --color-primary-text:#000;
  --color-secondary:#03a9f4;
  --color-secondary-dark:#046bbf;
  --color-focus:4,107,191;
  --color-focus-100:rgba(var(--color-focus),1);
  --color-focus-50:rgba(var(--color-focus),0.5);
  --color-focus-25:rgba(var(--color-focus),0.25);
  --color-error:255,87,34;
  --color-error-100:rgb(var(--color-error));
  --color-error-75:rgba(var(--color-error),0.75);
  --color-error-50:rgba(var(--color-error),0.5);
  --color-error-25:rgba(var(--color-error),0.25);
  --color-foreground:0,0,0;
  --color-background:255,255,255;
  --color-preview-outline:var(--color-foreground);
  --color-foreground-100:rgba(var(--color-foreground),1);
  --color-foreground-95:rgba(var(--color-foreground),0.95);
  --color-foreground-90:rgba(var(--color-foreground),0.9);
  --color-foreground-80:rgba(var(--color-foreground),0.8);
  --color-foreground-70:rgba(var(--color-foreground),0.7);
  --color-foreground-60:rgba(var(--color-foreground),0.6);
  --color-foreground-50:rgba(var(--color-foreground),0.5);
  --color-foreground-40:rgba(var(--color-foreground),0.4);
  --color-foreground-30:rgba(var(--color-foreground),0.3);
  --color-foreground-20:rgba(var(--color-foreground),0.25);
  --color-foreground-15:rgba(var(--color-foreground),0.2);
  --color-foreground-10:rgba(var(--color-foreground),0.15);
  --color-foreground-5:rgba(var(--color-foreground),0.075);
  --color-foreground-3:rgba(var(--color-foreground),0.05);
  --color-foreground-1:rgba(var(--color-foreground),0.02);
  --color-foreground-0:rgba(var(--color-foreground),0);
  --color-background-100:rgba(var(--color-background),1);
  --color-background-95:rgba(var(--color-background),0.95);
  --color-background-90:rgba(var(--color-background),0.9);
  --color-background-80:rgba(var(--color-background),0.8);
  --color-background-70:rgba(var(--color-background),0.7);
  --color-background-60:rgba(var(--color-background),0.6);
  --color-background-50:rgba(var(--color-background),0.5);
  --color-background-40:rgba(var(--color-background),0.4);
  --color-background-30:rgba(var(--color-background),0.3);
  --color-background-20:rgba(var(--color-background),0.2);
  --color-background-15:rgba(var(--color-background),0.15);
  --color-background-10:rgba(var(--color-background),0.1);
  --color-background-5:rgba(var(--color-background),0.05);
  --color-background-3:rgba(var(--color-background),0.03);
  --color-background-1:rgba(var(--color-background),0.01);
  --color-background-0:rgba(var(--color-background),0);
  --button-cursor:pointer;
  --font-size:16px;
  --font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  --backdrop-filter-bright:brightness(110%) saturate(180%) blur(10px);
  --backdrop-filter-dark:brightness(90%) saturate(180%) blur(10px);
  --border-radius-round:9999em;
  --border-radius:0.625em;
  --filter-disabled:grayscale(95%) opacity(40%);
  --editor-inset-top:0px;
  --editor-inset-bottom:0px;
  --safe-area-inset-top:0px;
  --safe-area-inset-bottom:0px;
}
.pintura-editor, .PinturaRootWrapper, pintura-editor {
  display: block;
}
.PinturaRootWrapper {
  height: 100%;
}
.PinturaRoot {
  --nav-group-margin:0.5em;
  --editor-calculated-inset-top:calc(var(--safe-area-inset-top) + var(--editor-inset-top));
  --editor-calculated-inset-bottom:calc(var(--safe-area-inset-bottom) + var(--editor-inset-bottom));
  box-sizing: border-box;
  width: var(--editor-width, 100%);
  height: var(--editor-height, 100%);
  padding-top: var(--editor-calculated-inset-top);
  padding-bottom: var(--editor-calculated-inset-bottom);
  max-width: var(--editor-max-width, var(--editor-max-width-default, none));
  max-height: var(--editor-max-height, var(--editor-max-height-default, none));
  position: relative;
  overflow: hidden;
  contain: strict;
  display: grid;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: normal;
  font-size: var(--font-size);
  font-family: var(--font-family);
  font-weight: 450;
  touch-action: manipulation;
  text-align: left;
  text-transform: none;
  text-rendering: optimizeLegibility;
  direction: ltr;
  color: var(--color-foreground-90);
  background-color: var(--color-background-100);
  outline-color: rgba(var(--color-preview-outline), 1);
  transition: background-color 1ms, outline-color 1ms, color 0.15s ease-in-out;
}
.PinturaRoot * {
  box-sizing: content-box;
}
.PinturaRoot button, .PinturaRoot fieldset, .PinturaRoot input, .PinturaRoot legend {
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  width: auto;
  text-decoration: none;
}
.PinturaRoot button[disabled] {
  pointer-events: none;
}
.PinturaRoot canvas {
  display: block;
}
.PinturaRoot svg {
  display: inline-block;
  width: auto;
  height: auto;
}
.PinturaRoot p {
  margin: 0;
}
.PinturaRoot li, .PinturaRoot ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.PinturaRoot a {
  color: inherit;
  text-decoration: none;
}
.PinturaRoot .implicit {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: polygon(0 0, 0 0, 0 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
.PinturaRoot .PinturaStage {
  display: flex;
  align-self: stretch;
  flex: 1;
}
.PinturaRoot .PinturaStage[tabindex="-1"] {
  outline: none;
}
.PinturaRoot .PinturaRootPortal {
  position: absolute;
  left: 0;
  top: 0;
}
.PinturaRoot > .PinturaCanvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}
.PinturaRoot > .PinturaCanvas:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  background-repeat: no-repeat;
}
.PinturaRoot > .PinturaStatus {
  position: absolute;
  z-index: 99999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  background-color: var(--color-background-90);
}
.PinturaRoot > .PinturaStatus > p {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-flex;
  white-space: nowrap;
  align-items: center;
  transition: opacity 0.5s ease-out;
}
.PinturaRoot .PinturaStatusMessage {
  position: absolute;
  font-size: 0.875em;
}
.PinturaRoot .PinturaStatusAside {
  position: absolute;
  left: 0;
}
.PinturaRoot .PinturaStatusAside svg {
  width: 1.25em;
  height: 1.25em;
}
.PinturaRoot .PinturaStatusAside .PinturaProgressIndicator {
  margin-left: 0.5em;
}
.PinturaRoot .PinturaStatusAside .PinturaButton {
  outline: transparent;
  margin-left: 0.75em;
  font-size: 0.875em;
  border-radius: var(--border-radius-round);
  background-color: var(--color-foreground-5);
  padding: 0.25em;
  transition: background-color 0.1s ease-out, color 0.1s ease-out;
  -webkit-backdrop-filter: var(--backdrop-filter-dark);
  backdrop-filter: var(--backdrop-filter-dark);
}
.PinturaRoot .PinturaStatusAside .PinturaButton:not([disabled])[data-focus-visible] {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaRoot .PinturaStatusAside .PinturaButton:not([disabled]):hover {
  background-color: var(--color-foreground-10);
}
.PinturaRoot .PinturaStatusIcon svg {
  font-size: 0.875em;
  margin-top: 0.25em;
  margin-left: 0.5em;
}
.PinturaRoot > .PinturaNav {
  position: relative;
  z-index: 3;
}
.PinturaRoot > .PinturaNav:empty {
  display: none !important;
}
.PinturaRoot > .PinturaNav .PinturaButton {
  outline: transparent;
  transition: background-color 0.1s ease-out, color 0.1s ease-out;
}
.PinturaRoot > .PinturaNav .PinturaButton svg {
  width: 1em;
  transition: opacity 0.1s ease-out;
}
.PinturaRoot > .PinturaNav .PinturaButton > span {
  justify-content: center;
}
.PinturaRoot > .PinturaNav .PinturaButtonIconOnly .PinturaButtonInner, .PinturaRoot > .PinturaNav .PinturaDropdownIconOnly .PinturaButtonInner {
  width: 1.75em;
}
.PinturaRoot > .PinturaNav .PinturaButton .PinturaButtonInner {
  height: 1.75em;
}
.PinturaRoot > .PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly) {
  padding-left: 0.75em;
  padding-right: 0.75em;
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
}
.PinturaRoot > .PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly) .PinturaButtonLabel {
  font-size: 0.75em;
  line-height: 2;
}
.PinturaRoot > .PinturaNav .PinturaButton:only-of-type {
  border-radius: var(--border-radius-round);
}
.PinturaRoot > .PinturaNav .PinturaButton:only-of-type + * {
  margin-left: 0.5em;
}
.PinturaRoot > .PinturaNav .PinturaButton[disabled] svg {
  opacity: 0.25;
}
.PinturaRoot > .PinturaNav .PinturaButton:not(.PinturaButtonExport):not([disabled])[data-focus-visible] {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaRoot > .PinturaNav .PinturaButton:not(.PinturaButtonExport):not([disabled]):hover {
  background-color: var(--color-foreground-10);
}
.PinturaRoot .PinturaButtonExport {
  color: var(--color-primary-text);
  background-color: var(--color-primary);
}
.PinturaRoot .PinturaButtonExport:hover {
  background-color: var(--color-primary-dark);
}
.PinturaRoot .PinturaButtonExport[data-focus-visible] {
  color: var(--color-primary-text);
  background-color: var(--color-primary);
  box-shadow: inset 0 0 0 1px var(--color-foreground-5), 0 0 0 3px var(--color-focus-50);
  background-color: var(--color-primary-dark);
}
.PinturaRoot .PinturaButtonExport:not(.PinturaButtonIconOnly) {
  flex: 1;
  padding: 0 0.75em;
}
.PinturaRoot > .PinturaNavMain {
  display: flex;
  overflow: hidden;
}
.PinturaRoot > .PinturaNavMain [aria-selected=true] button {
  -webkit-backdrop-filter: var(--backdrop-filter-dark);
  backdrop-filter: var(--backdrop-filter-dark);
  background-color: var(--color-foreground-10);
}
.PinturaRoot > .PinturaNavMain button svg {
  align-self: center;
  width: 1.5em;
}
.PinturaRoot > .PinturaNavMain button span, .PinturaRoot > .PinturaNavMain button svg {
  pointer-events: none;
}
.PinturaRoot > .PinturaNavMain button svg + span {
  margin-top: 0.75em;
}
.PinturaRoot > .PinturaNavMain button span {
  font-size: 0.875em;
  display: block;
  width: calc(100% - 1em);
  overflow: hidden;
  text-overflow: ellipsis;
  width: inherit;
  max-width: calc(100% - 1em);
}
.PinturaRoot > .PinturaNavMain button {
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
  transition: background-color 0.1s ease-out, color 0.1s ease-out, box-shadow 0.1s ease-out;
}
.PinturaRoot > .PinturaNavMain button:hover {
  box-shadow: inset 0 0 0 1px var(--color-foreground-10);
}
.PinturaRoot > .PinturaNavMain button[data-focus-visible] {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaRoot > .PinturaNavTools {
  max-width: 100%;
  box-sizing: border-box;
  pointer-events: none;
}
.PinturaRoot > .PinturaNavTools:empty {
  display: none;
}
.PinturaRoot > .PinturaNavTools, .PinturaRoot > .PinturaNavTools .PinturaNavGroup, .PinturaRoot > .PinturaNavTools .PinturaNavSet {
  display: flex;
  align-items: center;
  justify-content: center;
}
.PinturaRoot > .PinturaNavTools .PinturaButton, .PinturaRoot > .PinturaNavTools .PinturaNavSet {
  pointer-events: all;
}
.PinturaRoot > .PinturaNavTools .PinturaButton[data-focus-visible] {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaRoot .PinturaNavGroup {
  margin: 0 var(--nav-group-margin);
}
.PinturaRoot .PinturaNavGroup > * {
  border-radius: var(--border-radius-round);
}
.PinturaRoot .PinturaNavGroup > * + * {
  margin-left: 0.5em;
}
.PinturaRoot .PinturaNavGroup:first-of-type {
  margin-right: auto;
  margin-left: 0;
}
.PinturaRoot .PinturaNavGroup:last-of-type {
  margin-left: auto;
  margin-right: 0;
}
.PinturaRoot .PinturaNavSet {
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
}
.PinturaRoot .PinturaNavSet > :not(:only-child) {
  border: 1px solid var(--color-foreground-3);
  border-top: 0;
  border-bottom: 0;
}
.PinturaRoot .PinturaNavSet > :first-child:not(:only-child) {
  border-left: 0;
}
.PinturaRoot .PinturaNavSet > :last-child:not(:only-child) {
  border-right: 0;
}
.PinturaRoot .PinturaNavSet > * + * {
  margin-left: -1px;
}
.PinturaRoot .PinturaNavSet > .PinturaButton:hover, .PinturaRoot .PinturaNavSet > .PinturaButton[data-focus-visible] {
  position: relative;
  z-index: 1;
}
.PinturaRoot .PinturaNavSet > :only-child {
  border-radius: var(--border-radius-round);
}
.PinturaRoot .PinturaNavSet > :first-child:not(:only-child) .PinturaButtonInner {
  padding: 0 0.125em 0 0.25em;
}
.PinturaRoot .PinturaNavSet > :first-child:not(:only-child) {
  border-top-left-radius: var(--border-radius-round);
  border-bottom-left-radius: var(--border-radius-round);
}
.PinturaRoot .PinturaNavSet > :last-child:not(:only-child) .PinturaButtonInner {
  padding: 0 0.25em 0 0.125em;
}
.PinturaRoot .PinturaNavSet > :last-child:not(:only-child) {
  border-top-right-radius: var(--border-radius-round);
  border-bottom-right-radius: var(--border-radius-round);
}
.PinturaRoot[data-env~=overlay] .PinturaNavSet {
  background-color: var(--color-background-50);
  -webkit-backdrop-filter: var(--backdrop-filter-bright);
  backdrop-filter: var(--backdrop-filter-bright);
  box-shadow: inset 0 0 0 1px var(--color-background-15), 0 0.0625em 0.125em rgba(0, 0, 0, 0.25), 0 0.125em 0.35em rgba(0, 0, 0, 0.35);
}
.PinturaRoot[data-env~=overlay] .PinturaNavSet .PinturaButton:not(.PinturaButtonExport):not([disabled]):hover, .PinturaRoot[data-env~=overlay] .PinturaNavSet > * {
  border-color: var(--color-background-15);
}
.PinturaRoot[data-env~=overlay] .PinturaNavGroup > .PinturaButton {
  box-shadow: 0 0.0625em 0.125em rgba(0, 0, 0, 0.25), 0 0.125em 0.35em rgba(0, 0, 0, 0.35);
}
.PinturaRoot[data-env~=overlay] .PinturaNavGroup .PinturaButtonExport {
  box-shadow: inset 0 0 0.125em rgba(0, 0, 0, 0.25), 0 0.0625em 0.125em rgba(0, 0, 0, 0.25), 0 0.125em 0.35em rgba(0, 0, 0, 0.35);
}
.PinturaRoot .PinturaNavGroupFloat {
  position: absolute;
  left: 0;
  right: 0;
  pointer-events: none;
}
.PinturaRoot .PinturaNavGroupFloat > * {
  pointer-events: all;
}
.PinturaRoot .PinturaUtilFooter .PinturaScrollable > div {
  padding-left: 1em;
  padding-right: 1em;
}
.PinturaRoot > .PinturaMain {
  max-width: 100vw;
}
.PinturaRoot:not([data-env~=has-toolbar]) .PinturaUtilHeader {
  padding-top: 0;
  padding-bottom: 1em;
  margin-bottom: -1em;
}
.PinturaRoot[data-env~=landscape] {
  grid-template-rows: -webkit-min-content auto;
  grid-template-rows: min-content auto;
  grid-template-columns: auto;
}
.PinturaRoot[data-env~=landscape] > .PinturaNavTools {
  grid-row: 1;
  grid-column: 1;
  padding: 1em 1em 0;
  z-index: 3;
}
.PinturaRoot[data-env~=landscape] > .PinturaNavMain {
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  left: 1em;
  top: calc(1em + var(--editor-calculated-inset-top));
  bottom: calc(1em + var(--editor-calculated-inset-bottom));
}
.PinturaRoot[data-env~=landscape] > .PinturaNavMain .PinturaTabList {
  flex-direction: column;
}
.PinturaRoot[data-env~=landscape] > .PinturaNavMain .PinturaTabList li {
  display: flex;
}
.PinturaRoot[data-env~=landscape] > .PinturaNavMain .PinturaTabList li + li {
  margin: 0.5em 0 0;
}
.PinturaRoot[data-env~=landscape] > .PinturaNavMain button {
  flex: 1;
  width: 4em;
  height: 4em;
  border-radius: var(--border-radius);
  justify-content: center;
}
.PinturaRoot[data-env~=landscape] > .PinturaNavMain button span {
  font-size: 0.6875em;
  margin-top: 0.5em;
}
.PinturaRoot[data-env~=landscape] > .PinturaNavMain button svg {
  width: 1em;
  margin-top: 0.25em;
}
.PinturaRoot[data-env~=landscape][data-env~=has-toolbar] > .PinturaNavMain {
  top: calc(4em + var(--editor-calculated-inset-top));
  bottom: calc(4em + var(--editor-calculated-inset-bottom));
}
.PinturaRoot[data-env~=landscape][data-env~=has-limited-space] > .PinturaNavMain {
  align-items: flex-start;
  bottom: calc(1em + var(--editor-calculated-inset-bottom));
}
.PinturaRoot[data-env~=landscape] > .PinturaMain {
  grid-row: 2;
  grid-column: 1;
}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation] {
  grid-template-columns: 6em auto;
}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation] .PinturaNavGroupFloat {
  margin: 0 0 0 6em;
}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation] > .PinturaNavTools {
  grid-column: 1/span 2;
}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation] > .PinturaMain {
  grid-column: 2;
}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right] {
  grid-template-columns: auto 6em;
}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right] .PinturaNavGroupFloat {
  margin: 0 6em 0 0;
}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right] > .PinturaNavMain {
  right: 1em;
  left: auto;
}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right] > .PinturaMain {
  grid-column: 1;
}
.PinturaRoot[data-env~=portrait] {
  grid-template-rows: -webkit-min-content auto -webkit-min-content;
  grid-template-rows: min-content auto min-content;
  grid-template-columns: auto;
}
.PinturaRoot[data-env~=portrait] > * {
  grid-column: 1;
}
.PinturaRoot[data-env~=portrait] > .PinturaNavTools {
  grid-row: 1;
  padding: 0.75em 0.75em 0;
}
.PinturaRoot[data-env~=portrait] > .PinturaNavMain {
  grid-row: 3;
  margin-bottom: 0.75em;
  justify-content: center;
}
.PinturaRoot[data-env~=portrait] > .PinturaNavMain .PinturaTabList {
  padding: 0 0.875em;
}
.PinturaRoot[data-env~=portrait] > .PinturaNavMain li + li {
  margin-left: 0.5em;
}
.PinturaRoot[data-env~=portrait] > .PinturaNavMain[data-state~=overflows] {
  overflow: visible;
}
.PinturaRoot[data-env~=portrait] > .PinturaNavMain button {
  flex: 1;
  width: 4em;
  height: 4em;
  border-radius: var(--border-radius);
  justify-content: center;
}
.PinturaRoot[data-env~=portrait] > .PinturaNavMain button span {
  font-size: 0.6875em;
  margin-top: 0.5em;
}
.PinturaRoot[data-env~=portrait] > .PinturaNavMain button svg {
  width: 1em;
  margin-top: 0.25em;
}
.PinturaRoot[data-env~=portrait] > .PinturaMain {
  grid-row: 2;
  grid-column: 1;
}
.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top] {
  grid-template-rows: -webkit-min-content -webkit-min-content auto;
  grid-template-rows: min-content min-content auto;
}
.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top] > .PinturaMain {
  grid-row: 3;
}
.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top] > .PinturaNavMain {
  grid-row: 2;
  margin-top: 0.75em;
  margin-bottom: 0;
}
.PinturaRoot[data-env~=landscape][data-env~=is-compact] > .PinturaNavMain button {
  flex: 1;
  flex-direction: row;
  width: auto;
  height: auto;
  border-radius: var(--border-radius);
  justify-content: flex-start;
  align-items: center;
  padding: 0.625em 0;
  width: 6em;
}
.PinturaRoot[data-env~=landscape][data-env~=is-compact] > .PinturaNavMain button span {
  font-size: 0.6875em;
  margin: 0 0.625em 0 0;
  line-height: 1.2;
  text-align: left;
}
.PinturaRoot[data-env~=landscape][data-env~=is-compact] > .PinturaNavMain button svg {
  margin: 0 0.5em 0 0.625em;
  min-width: 1em;
}
.PinturaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation] {
  grid-template-columns: 8em auto;
}
.PinturaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation] .PinturaNavGroupFloat {
  margin: 0 0 0 8em;
}
.PinturaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation][data-env~=has-navigation-preference-right] {
  grid-template-columns: auto 8em;
}
.PinturaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation][data-env~=has-navigation-preference-right] .PinturaNavGroupFloat {
  margin: 0 8em 0 0;
}
.PinturaRoot[data-env~=portrait][data-env~=is-compact] > .PinturaNavMain button {
  padding: 0;
  font-size: 0.625em;
  width: 4em;
  height: 4em;
  justify-content: center;
  border-radius: 9999em;
}
.PinturaRoot[data-env~=portrait][data-env~=is-compact] > .PinturaNavMain button span {
  visibility: hidden;
  font-size: 0;
  margin: 0;
}
.PinturaRoot[data-env~=portrait][data-env~=is-compact] > .PinturaNavMain button svg {
  margin-top: 0;
  width: 1.6em;
}
.PinturaRoot[data-env~=portrait][data-env~=is-compact] > .PinturaNavMain button svg [stroke-width] {
  stroke-width: 0.15em;
}
.PinturaRoot[data-env~=portrait][data-env~=narrow] {
  --nav-group-margin:0.25em;
  grid-template-rows: -webkit-min-content auto -webkit-min-content;
  grid-template-rows: min-content auto min-content;
  grid-template-columns: auto;
}
.PinturaRoot[data-env~=portrait][data-env~=narrow] > * {
  grid-column: 1;
}
.PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaUtilFooter .PinturaControlList .PinturaControlListOption span, .PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaUtilFooter .PinturaControlList [role=tab] span {
  font-size: 0.6875em;
}
.PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaToolbar .PinturaToolbarInner > * {
  margin: 0 0.25em;
}
.PinturaRoot[data-env~=portrait][data-env~=narrow][data-env~=short] .PinturaNavGroupFloat {
  position: static;
}
.PinturaRoot[data-env~=overlay] {
  grid-template-rows: auto !important;
  grid-template-columns: auto !important;
}
.PinturaRoot[data-env~=overlay] .PinturaNav {
  z-index: 3;
}
.PinturaRoot[data-env~=overlay] .PinturaMain {
  grid-row: 1;
  grid-column: 1;
}
.PinturaRoot[data-env~=overlay] .PinturaUtilMain {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  z-index: -1;
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter, .PinturaRoot[data-env~=overlay] .PinturaUtilHeader {
  position: absolute;
  left: 0;
  right: 0;
}
.PinturaRoot[data-env~=overlay] .PinturaUtilHeader {
  top: 0;
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter {
  bottom: 0;
}
.PinturaRoot[data-env~=overlay] .PinturaNavMain {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: none;
}
.PinturaRoot[data-env~=overlay] .PinturaNavTools {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
}
.PinturaRoot[data-env~=has-swipe-navigation] .PinturaUtilMain {
  padding-left: 2em;
  padding-right: 2em;
}
.PinturaRoot[data-env*=is-disabled], .PinturaRoot[data-env*=is-disabled] * {
  pointer-events: none !important;
}
.PinturaRoot[data-env*=is-disabled] {
  --color-primary:#b4b4b4;
  --color-primary-dark:#a0a0a0;
  --color-primary-text:#000;
  --color-secondary:#969696;
  --color-secondary-dark:#646464;
}
.PinturaRoot[data-env*=is-disabled] .PinturaCanvas, .PinturaRoot[data-env*=is-disabled] .PinturaColorPickerButton {
  filter: grayscale(100%);
}
.PinturaRoot .PinturaEditorOverlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background: var(--color-background-50);
  pointer-events: none;
}
.PinturaDropdownPanel {
  overflow: hidden;
  border-radius: inherit;
}
.PinturaDropdownPanel .PinturaDropdownOption {
  transition: background-color 0.1s;
  border-radius: inherit;
}
.PinturaDropdownPanel .PinturaDropdownOption label {
  display: block;
  margin: 0;
  border-radius: inherit;
  white-space: nowrap;
}
.PinturaDropdownPanel .PinturaDropdownOption svg {
  margin-right: 0.25em;
  margin-left: -0.5em;
  min-width: 1.5em;
}
.PinturaDropdownPanel .PinturaDropdownOption [slot] {
  display: flex;
  align-items: center;
  padding: 0.325em 0.75em;
}
.PinturaDropdownPanel .PinturaDropdownOptionLabel {
  font-size: 0.75em;
  line-height: 1.75;
  padding: 0 0.325em;
  margin-left: -0.325em;
}
.PinturaDropdownPanel .PinturaDropdownOptionGroup > span {
  display: block;
  padding: 0.75em 1em;
  text-transform: uppercase;
  font-size: 0.75em;
  color: rgba(0, 0, 0, 0.75);
}
.PinturaDropdownPanel [data-disabled=true] {
  color: #999;
}
.PinturaDropdownPanel [data-selected=false]:not([data-disabled=true]):hover {
  background-color: rgba(0, 0, 0, 0.15);
}
.PinturaDropdownPanel [data-selected=true] {
  color: #fff;
  background: #000;
}
.PinturaDropdownPanel [data-focus-visible] + label .PinturaDropdownOptionLabel {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
  border-radius: 0.25em;
}
.PinturaDropdownPanel {
  max-height: 80vh;
  overflow-y: auto;
  scrollbar-color: var(--color-background-30) transparent;
  scrollbar-width: thin;
}
.PinturaDropdownPanel::-webkit-scrollbar {
  width: 1em;
  cursor: pointer;
}
.PinturaDropdownPanel::-webkit-scrollbar-track {
  background: none;
}
.PinturaDropdownPanel::-webkit-scrollbar-thumb {
  cursor: pointer;
  background-clip: padding-box;
  background-color: var(--color-background-30);
  border-radius: 9999em;
  border: 0.3125em solid transparent;
}
.PinturaDropdownOption label {
  margin: 0;
}
.PinturaColorPickerPanel {
  padding: 0.5em;
  max-width: 14em;
  overflow: visible;
  touch-action: none;
}
.PinturaColorPickerPanel .PinturaColorPickerButton {
  outline: transparent;
}
.PinturaColorPickerPanel .PinturaColorPickerButton[data-focus-visible] {
  box-shadow: inset 0 0 0 1px var(--color-foreground-70);
}
.PinturaColorPickerPanel .PinturaColorPreview {
  width: 1.25em;
  height: 1.25em;
  border-radius: 0.25em;
}
.PinturaColorPickerPanel .PinturaColorPreview span {
  border-radius: 0.2em;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25);
}
.PinturaColorPickerPanel .PinturaColorPresets legend {
  color: #777;
  margin: 0 0 0.25em 0.3125em;
  font-size: 0.75em;
}
.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaRadioGroupOptions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaDropdownOption {
  display: block;
  padding: 0.25em;
}
.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaDropdownOption label, .PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaDropdownOption label span {
  display: block;
  cursor: var(--button-cursor);
}
.PinturaColorPickerPanel .PinturaColorPresetsGrid input[data-focus-visible] + label .PinturaColorPreview:after {
  position: absolute;
  left: -0.3125em;
  right: -0.3125em;
  top: -0.3125em;
  bottom: -0.3125em;
  border-radius: inherit;
  pointer-events: none;
  content: "";
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaColorPickerPanel .PinturaSlider {
  margin-left: -0.325em;
  margin-right: -0.325em;
}
.PinturaColorPickerPanel .PinturaPicker {
  width: 100%;
  padding-bottom: 0.5em;
}
.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob, .PinturaColorPickerPanel .PinturaPicker .PinturaSliderKnob {
  border-radius: 9999em;
  box-shadow: inset 0 0.06125em 0.06125em rgba(0, 0, 0, 0.1), 0 0 0 0.125em #fff, 0 0.1875em 0.25em rgba(0, 0, 0, 0.35), 0 -0.125em 0.25em rgba(0, 0, 0, 0.1);
}
.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob {
  pointer-events: none;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  margin-left: -0.625em;
  margin-top: -0.625em;
  width: 1.25em;
  height: 1.25em;
  visibility: visible;
  outline: none;
}
.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob[data-focus-visible]:after {
  position: absolute;
  left: -0.3125em;
  right: -0.3125em;
  top: -0.3125em;
  bottom: -0.3125em;
  border-radius: inherit;
  pointer-events: none;
  content: "";
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnobController {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
}
.PinturaColorPickerPanel .PinturaPicker .PinturaSaturationPicker {
  position: relative;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  margin: -0.5em -0.5em 0.5em;
  height: 7em;
  background-image: linear-gradient(180deg, transparent, #000), linear-gradient(90deg, #fff, transparent);
}
.PinturaColorPickerPanel .PinturaPicker .PinturaHuePicker .PinturaSliderTrack {
  background-image: linear-gradient(90deg, red, #ff0, #0f0, #0ff, #00f, #f0f, red);
}
.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderTrack:before {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: inherit;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h4v4H0zm4 4h4v4H4z' fill='%23E5E5E5'/%3E%3C/svg%3E");
}
.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker {
  margin-top: 0.5em;
}
.PinturaPanel[data-util=frame] .PinturaShapeStyleEditor {
  min-height: 3.375em;
}
.PinturaPanel[data-util=frame] .PinturaRadioGroupOption {
  margin: 1em 1em 0 0;
  padding: 0.125em;
  border: 1px dashed var(--color-foreground-15);
  color: var(--color-foreground-70);
}
.PinturaPanel[data-util=frame] .PinturaRadioGroupOption span {
  color: var(--color-foreground-90);
}
.PinturaPanel[data-util=frame] .PinturaRadioGroupOption label {
  font-size: 0.75em;
}
.PinturaPanel[data-util=frame] .PinturaRadioGroupOption img, .PinturaPanel[data-util=frame] .PinturaRadioGroupOption svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.PinturaPanel[data-util=frame] [data-selected=true] {
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.PinturaPanel[data-util=frame] [data-selected=true] span {
  color: var(--color-foreground-90);
}
.PinturaPanel[data-util=frame] [data-layout=row] > .PinturaRadioGroupOptions > li {
  margin: 0 0.5em;
}
.PinturaPanel[data-util=frame] [data-layout=row] > .PinturaRadioGroupOptions > li:first-child {
  margin-left: 0;
}
.PinturaPanel[data-util=frame] [data-layout=row] > .PinturaRadioGroupOptions > li:last-child {
  margin-right: 0;
}
.PinturaPanel[data-util=frame] .PinturaRadioGroupOptionGroupLabel {
  width: 1px;
  height: 1px;
  position: absolute;
  font-size: 0;
}
.PinturaPanel[data-util=frame] .PinturaRadioGroupOptionGroup {
  display: flex;
  flex-direction: column-reverse;
}
.PinturaPanel[data-util=frame] .PinturaRadioGroupOption {
  cursor: var(--button-cursor);
  margin-bottom: 1em;
}
.PinturaPanel[data-util=frame] .PinturaRadioGroupOption span {
  display: block;
  text-align: center;
  padding: 0 1.5em;
  font-size: 0.625em;
  font-weight: 400;
}
.PinturaPanel[data-util=frame] [data-focus-visible] + label > .PinturaRadioGroupOption span {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
  border-radius: 0.25em;
}
.PinturaPanel[data-util=frame] .PinturaRadioGroupOption {
  position: relative;
  width: 3em;
  height: 4em;
}
.PinturaPanel[data-util=frame] .PinturaRadioGroupOption div {
  position: absolute;
  outline-color: currentColor;
  border-color: currentColor;
}
.PinturaPanel[data-util=frame] .PinturaRadioGroupOption div[slot] {
  overflow: hidden;
  left: -1px;
  top: -1px;
  bottom: -1px;
  right: -1px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.PinturaRoot[data-env~=is-compact] .PinturaPanel[data-util=frame] .PinturaUtilFooter > div {
  padding: 0;
}
.PinturaRoot[data-env~=is-compact] .PinturaPanel[data-util=frame] .PinturaRadioGroupOption {
  width: 2.25em;
  height: 3em;
}
.PinturaRoot[data-env~=is-compact] .PinturaPanel[data-util=frame] .PinturaRadioGroupOption span {
  font-size: 0.5em;
}
.PinturaPanel[data-util=filter] .PinturaScrollable {
  width: 100%;
  max-width: 40em;
  min-height: 5.5em;
}
.PinturaPanel[data-util=filter] [data-layout=row] > .PinturaRadioGroupOptions > li {
  margin: 0 0.5em;
}
.PinturaPanel[data-util=filter] [data-layout=row] > .PinturaRadioGroupOptions > li:first-child {
  margin-left: 0;
}
.PinturaPanel[data-util=filter] [data-layout=row] > .PinturaRadioGroupOptions > li:last-child {
  margin-right: 0;
}
.PinturaPanel[data-util=filter] .PinturaRadioGroupOptionGroupLabel {
  width: 1px;
  height: 1px;
  position: absolute;
  font-size: 0;
  pointer-events: none;
}
.PinturaPanel[data-util=filter] .PinturaFilterPreview {
  border-radius: 0;
  transition: border-radius 1ms;
}
.PinturaPanel[data-util=filter] .PinturaFilterOption {
  border-radius: 0;
}
.PinturaPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type .PinturaFilterPreview {
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}
.PinturaPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type .PinturaFilterOption {
  border-bottom-left-radius: var(--border-radius);
}
.PinturaPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type .PinturaFilterPreview {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.PinturaPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type .PinturaFilterOption {
  border-bottom-right-radius: var(--border-radius);
}
.PinturaPanel[data-util=filter] .PinturaRadioGroupOptionGroup {
  display: flex;
  flex-direction: column-reverse;
}
.PinturaPanel[data-util=filter] .PinturaFilterOption {
  cursor: var(--button-cursor);
  margin-bottom: 1em;
}
.PinturaPanel[data-util=filter] .PinturaFilterOption span {
  display: block;
  text-align: center;
  padding: 0 0.3125em;
  line-height: 1.75;
  max-width: 100%;
  font-size: 0.625em;
  font-weight: 400;
  margin-left: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.PinturaPanel[data-util=filter] .PinturaFilterPreview:before {
  transition: background-color 0.1s, color 0.1s;
}
.PinturaPanel[data-util=filter] [data-selected=true] .PinturaFilterOption .PinturaFilterPreview {
  position: relative;
  z-index: 1;
}
.PinturaPanel[data-util=filter] [data-selected=true] .PinturaFilterOption .PinturaFilterPreview:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.35;
  border-radius: inherit;
  background-color: var(--color-primary);
}
.PinturaPanel[data-util=filter] [data-focus-visible] + label > .PinturaFilterOption span {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
  border-radius: 0.25em;
}
.PinturaPanel[data-util=filter] .PinturaFilterOption, .PinturaPanel[data-util=filter] .PinturaFilterPreview {
  width: 3.75em;
  height: 4.5em;
}
.PinturaRoot[data-env~=is-compact] .PinturaPanel[data-util=filter] .PinturaUtilFooter > div {
  padding: 0;
}
.PinturaRoot[data-env~=is-compact] .PinturaPanel[data-util=filter] .PinturaFilterOption, .PinturaRoot[data-env~=is-compact] .PinturaPanel[data-util=filter] .PinturaFilterPreview {
  width: 2.875em;
  height: 3.5em;
}
.PinturaRoot[data-env~=is-compact] .PinturaPanel[data-util=filter] .PinturaFilterOption span {
  font-size: 0.5em;
}
.PinturaRoot[data-env~=is-compact] .PinturaPanel[data-util=filter] .PinturaScrollable {
  min-height: 4.5em;
}
.PinturaPanel[data-util=resize] form {
  display: flex;
  justify-content: center;
  padding: 0 1em;
}
.PinturaPanel[data-util=resize] .PinturaFormInner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.PinturaPanel[data-util=resize] .PinturaFormInner > button {
  position: absolute;
  left: 100%;
  margin-left: 1em;
}
.PinturaPanel[data-util=resize] .PinturaFieldsetInner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.PinturaPanel[data-util=resize] .PinturaResizeLabel {
  font-size: 0.75em;
}
.PinturaPanel[data-util=resize] .PinturaDropdownButton {
  margin-left: 0.5em;
  margin-right: 0.5em;
  -webkit-backdrop-filter: var(--backdrop-filter-dark);
  backdrop-filter: var(--backdrop-filter-dark);
  background-color: var(--color-foreground-5);
  border-radius: var(--border-radius-round);
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
  transition: background-color 0.1s;
}
.PinturaPanel[data-util=resize] .PinturaDropdownButton:hover {
  background-color: var(--color-foreground-10);
}
.PinturaPanel[data-util=resize] .PinturaDropdownButton .PinturaButtonLabel {
  display: block;
  line-height: 2.65;
  padding: 0 1em;
  font-variant-numeric: tabular-nums;
  font-size: 0.75em;
  font-weight: 400;
}
.PinturaPanel[data-util=resize] .PinturaDropdownButton .PinturaButtonLabel:after {
  content: "▼";
  font-size: 0.6875em;
  margin-left: 0.75em;
  position: relative;
  top: -0.125em;
  margin-right: -0.25em;
  pointer-events: none;
}
.PinturaPanel[data-util=resize] input[type=checkbox] + label {
  padding: 0 0.125em;
  outline: transparent;
  display: block;
  cursor: pointer;
}
.PinturaPanel[data-util=resize] input[type=checkbox][data-focus-visible] + label {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaInputDimension {
  display: inline-flex;
  align-items: center;
  position: relative;
}
.PinturaInputDimension label {
  position: absolute;
  right: 0.625em;
  font-size: 0.75em;
  text-transform: uppercase;
  pointer-events: none;
  color: var(--color-foreground-20);
  z-index: 1;
}
.PinturaInputDimension button, .PinturaInputDimension input, .PinturaInputDimension label {
  font-size: 0.75em;
  font-weight: 400;
}
.PinturaInputDimension button, .PinturaInputDimension input {
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: textfield;
  box-sizing: border-box;
  font-variant-numeric: tabular-nums;
  padding: 0.625em 0 0.625em 0.625em;
  width: 100%;
  max-width: 7em;
  outline: transparent;
  border-radius: var(--border-radius);
  box-shadow: none;
  border: 1px solid var(--color-foreground-20);
  transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out, border-color 0.1s ease-in-out;
}
.PinturaInputDimension button::-moz-selection, .PinturaInputDimension input::-moz-selection {
  background-color: var(--color-foreground-20);
}
.PinturaInputDimension button::selection, .PinturaInputDimension input::selection {
  background-color: var(--color-foreground-20);
}
.PinturaInputDimension button:hover, .PinturaInputDimension input:hover {
  border-color: var(--color-foreground-30);
}
.PinturaInputDimension button:focus, .PinturaInputDimension input:focus {
  border-color: var(--color-focus-100);
}
.PinturaInputDimension input {
  -webkit-backdrop-filter: var(--backdrop-filter-dark);
  backdrop-filter: var(--backdrop-filter-dark);
  background-color: var(--color-foreground-5);
}
.PinturaInputDimension input:-moz-placeholder-shown {
  border-style: dashed;
}
.PinturaInputDimension input:-ms-input-placeholder {
  border-style: dashed;
}
.PinturaInputDimension input:placeholder-shown {
  border-style: dashed;
}
.PinturaInputDimension input::-moz-placeholder {
  color: var(--color-foreground-30);
}
.PinturaInputDimension input:-ms-input-placeholder {
  color: var(--color-foreground-30);
}
.PinturaInputDimension input::placeholder {
  color: var(--color-foreground-30);
}
.PinturaInputDimension input[data-state=invalid] {
  border-color: var(--color-error-75);
  box-shadow: inset 0 0 0.25em var(--color-error-25), 0 0 0.25em var(--color-error-50);
}
.PinturaInputDimension button {
  width: 10em;
  min-height: 2.65em;
}
.PinturaInputDimension input::-webkit-inner-spin-button, .PinturaInputDimension input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.PinturaInputDimension input::-ms-clear {
  display: none;
}
.PinturaPanel[data-util=crop] .PinturaStage {
  touch-action: none;
}
.PinturaPanel[data-util=crop] .PinturaImageInfo {
  position: absolute;
  right: 1em;
  bottom: 1em;
}
.PinturaPanel[data-util=crop] .PinturaButtonCenter {
  --size:3em;
  position: absolute;
  left: 0;
  top: 0;
  width: var(--size);
  height: var(--size);
  z-index: 1;
  line-height: 0;
  margin-top: calc(var(--size) * -0.5);
  margin-left: calc(var(--size) * -0.5);
  overflow: hidden;
  color: #000;
  background: hsla(0, 0%, 100%, 0.8);
  border-radius: 50%;
  -webkit-backdrop-filter: var(--backdrop-filter-bright);
  backdrop-filter: var(--backdrop-filter-bright);
  outline: none;
}
.PinturaPanel[data-util=crop] .PinturaButtonCenter[data-focus-visible] {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaRoot[data-env~=short] .PinturaPanel[data-util=crop] .PinturaUtilFooter {
  padding-bottom: 0.5em;
}
.PinturaModal {
  --safe-area-inset-top:env(safe-area-inset-top);
  --safe-area-inset-bottom:env(safe-area-inset-bottom);
  --editor-modal-border-radius:0;
  --editor-modal-overlay-opacity:0.95;
  --editor-modal-shadow:0 1em 2em -1em rgba(0,0,0,0.25),0 1.5em 1.5em -2em rgba(0,0,0,0.5);
  --editor-modal-outline:inset 0 0 0 1px var(--color-foreground-3);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 2147483646;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(var(--color-background), var(--editor-modal-overlay-opacity, var(--editor-modal-overlay-opacity-default, 0.95)));
}
.PinturaModal > .PinturaRoot[data-env~=is-centered] {
  box-shadow: var(--editor-modal-shadow);
  border-radius: var(--editor-modal-border-radius);
}
.PinturaModal > .PinturaRoot[data-env~=is-centered]:after {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  border-radius: inherit;
  content: "";
  box-shadow: var(--editor-modal-outline);
  z-index: 2147483646;
}
.PinturaModal[style*="--viewport-pad-footer:1"] {
  box-sizing: border-box;
  padding-bottom: env(safe-area-inset-bottom);
}
.PinturaModal + .PinturaModal {
  --editor-modal-overlay-opacity-default:0.75;
}
.PinturaModal + .PinturaModal .PinturaRoot:not([data-env~=is-compact]) {
  --editor-max-width-default:calc(100vw - 8em);
  --editor-max-height-default:calc(100vh - 8em);
}
.PinturaDocumentLock, .PinturaDocumentLock body {
  height: calc(var(--pintura-document-height) - 1px);
  overflow-y: hidden;
  box-sizing: border-box;
}
.PinturaDocumentLock .PinturaModal {
  height: 100% !important;
}
.PinturaCanvas canvas {
  position: absolute;
  width: 100%;
  height: 100%;
}
.PinturaDetailsPanel {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2147483647;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  cursor: auto;
  outline: transparent;
  box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.25), 0 0.125em 0.75em rgba(0, 0, 0, 0.15), 0 0.125em 0.125em rgba(0, 0, 0, 0.1);
  border-radius: var(--border-radius);
  color: #111;
  background: #fff;
}
.PinturaDetailsPanelTip {
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  margin-left: -0.25em;
  margin-top: -0.25em;
  background: #fff;
  z-index: -1;
}
.PinturaTabPanels {
  position: relative;
  flex: 1;
}
.PinturaTabPanel {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.PinturaTabPanel:not([hidden]) {
  z-index: 2;
  outline: transparent;
}
.PinturaTabPanel[hidden] {
  display: block !important;
  z-index: 1;
  pointer-events: none;
}
.PinturaTabPanel[data-inert=true] {
  visibility: hidden;
}
.PinturaTabPanel[data-inert=true] [data-inert] {
  visibility: hidden !important;
}
.PinturaTabList {
  display: flex;
  justify-content: center;
}
.PinturaTabList button {
  display: flex;
  align-items: center;
  flex-direction: column;
  outline: transparent;
  cursor: var(--button-cursor);
  -webkit-tap-highlight-color: transparent;
}
.PinturaTabList button > * {
  transition: filter 0.2s ease-out;
}
.PinturaTabList button[disabled] > * {
  filter: var(--filter-disabled);
}
.PinturaScrollable {
  --scrollable-feather-start-opacity:0;
  --scrollable-feather-end-opacity:0;
  --scrollable-feather-size:2em;
  contain: paint;
  overflow: hidden;
}
.PinturaScrollable:focus {
  outline: transparent;
}
.PinturaScrollable > div {
  position: relative;
  display: inline-flex;
  vertical-align: top;
}
.PinturaScrollable {
  touch-action: none;
}
.PinturaScrollable[data-direction=x] {
  max-width: 100%;
  --mask-angle:90deg;
}
.PinturaScrollable[data-direction=y] {
  max-height: 100%;
  --mask-angle:180deg;
}
.PinturaScrollable[data-state~=overflows] {
  -webkit-mask: linear-gradient(var(--mask-angle), rgba(0, 0, 0, var(--scrollable-feather-start-opacity)), #000 var(--scrollable-feather-size), #000 calc(100% - var(--scrollable-feather-size)), rgba(0, 0, 0, var(--scrollable-feather-end-opacity)));
  mask: linear-gradient(var(--mask-angle), rgba(0, 0, 0, var(--scrollable-feather-start-opacity)), #000 var(--scrollable-feather-size), #000 calc(100% - var(--scrollable-feather-size)), rgba(0, 0, 0, var(--scrollable-feather-end-opacity)));
}
.PinturaScrollable[data-state~=scrolling] > div * {
  pointer-events: none;
}
.PinturaSlider {
  position: relative;
  --track-offset-x:0.5em;
  --track-offset-y:0.5em;
  --track-size:1.5em;
  --knob-size:1em;
  --knob-margin-top:0em;
  --knob-margin-right:0em;
  --knob-margin-bottom:0em;
  --knob-margin-left:0em;
  display: flex;
  align-items: center;
  touch-action: none;
}
.PinturaSlider[data-direction=y] {
  flex-direction: column;
}
.PinturaSlider .PinturaSliderControl {
  position: relative;
  flex: 1;
}
.PinturaSlider > button {
  position: relative;
  z-index: 1;
  width: var(--track-size);
  height: var(--track-size);
  overflow: hidden;
  cursor: pointer;
  flex-shrink: none;
}
.PinturaSlider > button svg {
  width: 1.25em;
  height: 1.25em;
  margin: 0.125em;
  stroke-width: 0.125em;
  stroke: #aaa;
}
.PinturaSlider > button:first-of-type {
  order: 2;
  padding-right: 0.125em;
  margin-left: -0.325em;
}
.PinturaSlider > button:last-of-type {
  order: 1;
  padding-left: 0.125em;
  margin-right: -0.325em;
}
.PinturaSlider > .PinturaSliderControl {
  order: 2;
}
.PinturaSlider .PinturaSliderKnob {
  left: 0;
  top: 50%;
  border-radius: 9999em;
  visibility: visible;
  background-color: #333;
  width: var(--knob-size);
  height: var(--knob-size);
  margin-left: calc(var(--knob-size) * -0.5);
  margin-top: calc(var(--knob-size) * -0.5);
}
.PinturaSlider .PinturaSliderKnob, .PinturaSlider .PinturaSliderKnobController, .PinturaSlider .PinturaSliderTrack {
  pointer-events: none;
  position: absolute;
}
.PinturaSlider .PinturaSliderTrack {
  top: var(--track-offset-y);
  bottom: var(--track-offset-y);
  left: var(--track-offset-x);
  right: var(--track-offset-x);
}
.PinturaSlider .PinturaSliderKnobController {
  visibility: hidden;
  top: calc(var(--track-offset-y) + var(--knob-margin-top));
  bottom: calc(var(--track-offset-y) + var(--knob-margin-bottom));
  left: calc(var(--track-offset-x) + var(--knob-margin-left));
  right: calc(var(--track-offset-x) + var(--knob-margin-right));
}
.PinturaSlider .PinturaSliderTrack {
  border-radius: 9999em;
}
.PinturaSlider[data-direction=x] input[type=range] {
  height: var(--track-size);
  margin-left: 0.5em;
  width: calc(100% - 1em);
}
.PinturaSlider[data-direction=y] input[type=range] {
  width: var(--track-size);
  margin-top: 0.5em;
  height: calc(100% - 1em);
}
.PinturaSlider input[type=range] {
  -webkit-appearance: none;
  display: block;
}
.PinturaSlider input[type=range]::-webkit-slider-runnable-track {
  background: transparent;
}
.PinturaSlider input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  line-height: 0;
  margin: 0;
  padding: 0;
  border: none;
}
.PinturaSlider input[type=range]::-moz-range-thumb {
  line-height: 0;
  margin: 0;
  padding: 0;
  border: none;
}
.PinturaSlider input[type=range]::-ms-thumb {
  line-height: 0;
  margin: 0;
  padding: 0;
  border: none;
}
.PinturaSlider input[type=range]::-ms-ticks-before, .PinturaSlider input[type=range]::-ms-tooltip {
  display: none;
}
.PinturaSlider input[type=range]::-ms-ticks-after {
  display: none;
}
.PinturaSlider input[type=range]::-ms-track {
  color: transparent;
  border: none;
  background: transparent;
}
.PinturaSlider input[type=range]::-ms-fill-lower, .PinturaSlider input[type=range]::-ms-fill-upper {
  background: transparent;
}
.PinturaSlider input[type=range]:focus {
  outline: transparent;
}
.PinturaSlider input[type=range][data-focus-visible] ~ .PinturaSliderKnobController .PinturaSliderKnob:after {
  position: absolute;
  left: -0.3125em;
  right: -0.3125em;
  top: -0.3125em;
  bottom: -0.3125em;
  border-radius: inherit;
  content: "";
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
  pointer-events: none;
}
.PinturaButton {
  white-space: nowrap;
  flex-shrink: 0;
  -webkit-tap-highlight-color: transparent;
  cursor: var(--button-cursor);
}
.PinturaButton > span {
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  min-height: 1em;
}
.PinturaButton svg + .PinturaButtonLabel {
  margin-left: 0.5em;
}
.PinturaButton[disabled] {
  cursor: default;
}
.PinturaButton:not(.PinturaButtonIconOnly) svg:first-of-type {
  margin-left: -0.25em;
}
.PinturaPanel {
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  flex: 1;
  flex-direction: column;
  contain: layout size;
}
.PinturaProgressIndicator {
  position: relative;
  display: block;
  width: 1.25em;
  height: 1.25em;
}
.PinturaProgressIndicator .PinturaProgressIndicatorFill {
  stroke-dashoffset: 0;
}
.PinturaProgressIndicator[data-status=busy] svg {
  -webkit-animation: image_editor_spin 1s linear infinite;
  animation: image_editor_spin 1s linear infinite;
}
.PinturaProgressIndicator[data-status=busy] .PinturaProgressIndicatorFill {
  stroke-dashoffset: -26.5;
  stroke-dasharray: 26.5 53;
  transition: stroke-dashoffset 0.5s linear, stroke-dasharray 0.5s linear;
}
@-webkit-keyframes image_editor_spin {
0% {
    transform: rotate(0deg);
}
to {
    transform: rotate(1turn);
}
}
@keyframes image_editor_spin {
0% {
    transform: rotate(0deg);
}
to {
    transform: rotate(1turn);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.PinturaRoot[data-env~=is-ios] .PinturaProgressIndicator svg {
    transform-origin: 49% 49%;
}
}
.PinturaColorPreview {
  --color:transparent;
  color: var(--color);
  position: relative;
  pointer-events: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h4v4H0zm4 4h4v4H4z' fill='%23E5E5E5'/%3E%3C/svg%3E");
}
.PinturaColorPreview span {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color);
  border-radius: inherit;
}
.PinturaRangeInput {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 24em;
  height: 3.5em;
  margin: auto;
  max-width: 90%;
  touch-action: none;
  --range-input-feather-left:2em;
  --range-input-feather-right:2em;
  --range-input-mask-from:0%;
  --range-input-mask-to:100%;
  --range-input-mask-color:rgba(0,0,0,0.25);
  --range-input-line-color:var(--color-foreground-15);
  outline: transparent;
}
.PinturaRangeInput[data-focus-visible]:after {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: calc(50% - 1em);
  height: 2em;
  border-radius: 0.25em;
}
.PinturaRangeInputInner {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
  contain: strict;
  -webkit-mask: linear-gradient(90deg, transparent 0, #000 var(--range-input-feather-left), #000 calc(50% - 3em), transparent 50%, #000 calc(50% + 3em), #000 calc(100% - var(--range-input-feather-right)), transparent);
  mask: linear-gradient(90deg, transparent 0, #000 var(--range-input-feather-left), #000 calc(50% - 3em), transparent 50%, #000 calc(50% + 3em), #000 calc(100% - var(--range-input-feather-right)), transparent);
}
.PinturaRangeInputMeter {
  height: 100%;
}
.PinturaRangeInput .PinturaRangeInputMeter svg {
  display: block;
  pointer-events: none;
  fill: currentColor;
}
.PinturaRangeInput > .PinturaRangeInputValue {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  top: calc(50% - 0.6875em);
  left: calc(50% - 1.75em);
  width: 3.5em;
  height: 1.5em;
  overflow: hidden;
  contain: strict;
  text-align: center;
  font-size: 0.75em;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
  font-family: Tahoma, Geneva, Verdana, sans-serif;
}
.PinturaRangeInput > .PinturaRangeInputReset {
  position: absolute;
  left: calc(50% - 1.0625em);
  top: 0;
  margin-top: 0.125em;
  padding: 0;
  z-index: 1;
  width: 2em;
  overflow: hidden;
  color: transparent !important;
  transition: opacity 0.25s;
  opacity: 0.35;
  outline: transparent;
  cursor: var(--button-cursor);
}
.PinturaRangeInput > .PinturaRangeInputReset:hover {
  opacity: 0.5;
}
.PinturaRangeInput > .PinturaRangeInputReset[data-focus-visible] {
  opacity: 1;
}
.PinturaRangeInput > .PinturaRangeInputReset[data-focus-visible]:before {
  content: "";
  pointer-events: none;
  position: absolute;
  left: calc(50% - 0.5em);
  top: calc(50% - 0.5em);
  height: 1em;
  width: 1em;
  z-index: 2;
  border-radius: 0.25em;
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaRangeInput > .PinturaRangeInputReset[disabled] {
  opacity: 0.15;
}
.PinturaRangeInput > .PinturaRangeInputReset:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 20%;
  width: 1px;
  height: 60%;
  background: var(--color-foreground-100);
}
.PinturaRangeInputInner[data-value-limited] svg {
  -webkit-mask: linear-gradient(90deg, var(--range-input-mask-color) var(--range-mask-from), #000 var(--range-mask-from), #000 var(--range-mask-to), var(--range-input-mask-color) var(--range-mask-to));
  mask: linear-gradient(90deg, var(--range-input-mask-color) var(--range-mask-from), #000 var(--range-mask-from), #000 var(--range-mask-to), var(--range-input-mask-color) var(--range-mask-to));
}
.PinturaRangeInputInner[data-value-limited] svg rect {
  x: var(--range-mask-from);
  width: calc(var(--range-mask-to) - var(--range-mask-from));
  fill: var(--range-input-line-color);
}
.PinturaUtilMain {
  padding: 1em;
  min-height: 1px;
}
.PinturaUtilMain, .PinturaUtilMain > [slot] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.PinturaUtilMain > [slot] {
  align-items: center;
}
.PinturaUtilFooter {
  padding: 0 0 1em;
}
.PinturaUtilFooter > [slot]:empty {
  height: 1em;
}
.PinturaUtilFooter > [slot] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: stretch;
}
.PinturaUtilFooter .PinturaRangeInput {
  margin-top: -0.25em;
}
.PinturaUtilFooter > [slot] > .PinturaControlList, .PinturaUtilFooter > [slot] > .PinturaControlListScroller {
  order: 1;
  margin-bottom: -0.1875em;
}
.PinturaUtilFooter .PinturaControlList [role=tab][aria-selected=true] button {
  -webkit-backdrop-filter: var(--backdrop-filter-dark);
  backdrop-filter: var(--backdrop-filter-dark);
  background-color: var(--color-foreground-10);
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
}
.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label, .PinturaUtilFooter .PinturaControlList [role=tab] button {
  flex-direction: row;
  line-height: 1;
  padding: 0 0.75em;
  min-height: 1.75em;
  border-radius: var(--border-radius-round);
  transition: background-color 0.1s ease-out, color 0.1s ease-out, filter 0.2s ease-out;
  box-shadow: inset 0 0 0 1px var(--color-foreground-0);
  cursor: var(--button-cursor);
}
.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label span, .PinturaUtilFooter .PinturaControlList [role=tab] button span {
  font-size: 0.75em;
  font-weight: 400;
}
.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg, .PinturaUtilFooter .PinturaControlList [role=tab] button svg {
  width: 0.875em;
  font-size: 0.875em;
}
.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:not(:only-child), .PinturaUtilFooter .PinturaControlList [role=tab] button svg:not(:only-child) {
  margin-left: -0.25em;
  margin-right: 0.375em;
}
.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label:hover, .PinturaUtilFooter .PinturaControlList [role=tab] button:hover {
  box-shadow: inset 0 0 0 1px var(--color-foreground-10);
}
.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label[data-focus-visible], .PinturaUtilFooter .PinturaControlList [role=tab] button[data-focus-visible] {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaUtilFooter .PinturaControlListOption [slot], .PinturaUtilFooter .PinturaControlListOption label {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.PinturaUtilFooter .PinturaControlListOption[data-selected=true] label {
  background-color: var(--color-foreground-10);
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
}
.PinturaUtilFooter .PinturaControlListOption input[data-focus-visible] + label {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaUtilFooter .PinturaControlListOption input[disabled] + label {
  filter: var(--filter-disabled);
}
.PinturaUtilFooter .PinturaControlList .PinturaControlListOption + .PinturaControlListOption, .PinturaUtilFooter .PinturaControlList > li + li {
  margin-left: 0.5em;
}
.PinturaUtilFooter .PinturaControlPanels {
  position: relative;
  width: 100%;
  max-width: 40em;
  min-height: 3.375em;
  margin: 0 auto;
  flex: auto;
}
.PinturaUtilFooter .PinturaControlPanel {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: visible;
  opacity: 1;
}
.PinturaUtilFooter .PinturaControlPanel[hidden] {
  display: block !important;
  visibility: hidden;
  transition-delay: 0s;
  pointer-events: none;
  opacity: 0;
}
.PinturaUtilFooter .PinturaControlList[data-layout=compact] > * + * {
  margin-left: -1px;
}
.PinturaUtilFooter .PinturaControlList[data-layout=compact] > [role=tab] button {
  padding-left: 0.625em;
  padding-right: 0.625em;
  border-radius: 0;
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
}
.PinturaUtilFooter .PinturaControlList[data-layout=compact] > [role=tab]:only-child button {
  border-radius: var(--border-radius-round);
}
.PinturaUtilFooter .PinturaControlList[data-layout=compact] > [role=tab]:first-child:not(:only-child) button {
  padding-left: 0.75em;
  border-top-left-radius: var(--border-radius-round);
  border-bottom-left-radius: var(--border-radius-round);
}
.PinturaUtilFooter .PinturaControlList[data-layout=compact] > [role=tab]:last-child:not(:only-child) button {
  padding-right: 0.75em;
  border-top-right-radius: var(--border-radius-round);
  border-bottom-right-radius: var(--border-radius-round);
}
.PinturaRoot[data-env~=is-animated] .PinturaUtilFooter .PinturaControlPanel {
  transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  transition-delay: 0.1s;
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter {
  margin-bottom: 0.75em;
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlPanels {
  min-height: 1.375em;
  max-width: 20em;
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList {
  margin-top: 1em;
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList > li + li {
  margin-left: 0;
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab] span {
  font-size: 0.75em;
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab] button {
  border-radius: 0;
  background-color: var(--color-background-50);
  -webkit-backdrop-filter: var(--backdrop-filter-bright);
  backdrop-filter: var(--backdrop-filter-bright);
  box-shadow: inset 0 0 0 1px var(--color-background-15), 0 0.0625em 0.125em rgba(0, 0, 0, 0.25), 0 0.125em 0.35em rgba(0, 0, 0, 0.35);
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab]:first-child button {
  padding-left: 0.875em;
  border-top-left-radius: var(--border-radius-round);
  border-bottom-left-radius: var(--border-radius-round);
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab]:last-child button {
  padding-right: 0.875em;
  border-top-right-radius: var(--border-radius-round);
  border-bottom-right-radius: var(--border-radius-round);
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li:not([aria-selected=true]) span {
  color: var(--color-foreground-40);
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlPanels {
  background-color: var(--color-background-50);
  -webkit-backdrop-filter: var(--backdrop-filter-bright);
  backdrop-filter: var(--backdrop-filter-bright);
  border-radius: var(--border-radius-round);
  box-shadow: inset 0 0 0 1px var(--color-background-15), 0 0.0625em 0.125em rgba(0, 0, 0, 0.25), 0 0.125em 0.35em rgba(0, 0, 0, 0.35);
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaRangeInput {
  height: 1.5em;
  margin-top: 0;
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaRangeInputReset {
  opacity: 0;
}
.PinturaImageInfo {
  pointer-events: none;
}
.PinturaImageInfo p {
  width: 8em;
  height: 1.25em;
  contain: strict;
  overflow: hidden;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
  font-family: Tahoma, Geneva, Verdana, sans-serif;
  text-align: right;
  line-height: 1;
  font-size: 0.75em;
}
.PinturaShapeStyleEditor {
  position: relative;
  width: 100%;
  min-height: 2.75em;
}
.PinturaShapeStyles {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.PinturaShapeStyles:not([data-state~=overflows]) {
  display: flex;
  justify-content: center;
}
.PinturaShapeStyleList {
  display: flex;
}
.PinturaShapeStyleList .PinturaButton, .PinturaShapeStyleList .PinturaInput {
  outline: transparent;
}
.PinturaShapeStyleList .PinturaInput {
  padding: 0 0 0 0.625em;
  font-size: 0.75em;
  line-height: 2.25;
}
.PinturaShapeStyleList .PinturaShapeStyleLabel {
  line-height: 1.75;
  font-size: 0.625em;
  font-weight: 300;
  padding: 0 0.75em;
  text-transform: lowercase;
  pointer-events: none;
  text-align: center;
  color: var(--color-foreground-50);
  white-space: nowrap;
}
.PinturaShapeStyleList > .PinturaShapeStyle {
  border-radius: var(--border-radius-round);
}
.PinturaShapeStyleList > .PinturaShapeStyle + .PinturaShapeStyle {
  margin-left: 1em;
}
.PinturaShapeStyle {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.PinturaShapeStyle .PinturaDetailsButton {
  border-radius: inherit;
}
.PinturaShapeStyle > .PinturaButton:hover, .PinturaShapeStyle > .PinturaButton[data-focus-visible] {
  position: relative;
  z-index: 1;
}
.PinturaShapeStyle > .PinturaColorPickerButton .PinturaButtonLabel {
  display: block;
  border-radius: inherit;
}
.PinturaShapeStyle > .PinturaColorPickerButton {
  display: flex;
  justify-content: center;
}
.PinturaShapeStyle .PinturaColorPreview {
  border-radius: inherit;
  width: 1.5em;
  height: 1.5em;
  background-color: #fff;
  background-size: 4px;
  border: 1px solid var(--color-background-100);
  margin-top: -1px;
}
.PinturaShapeStyle .PinturaColorPreview span {
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
}
.PinturaShapeStyle [data-focus-visible] .PinturaColorPreview span:before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
  content: "";
  z-index: 1;
}
.PinturaShapeStyle > .PinturaColorPickerButtonStroke .PinturaColorPreview span:after {
  position: absolute;
  left: 6px;
  top: 6px;
  right: 6px;
  bottom: 6px;
  background: var(--color-background-100);
  border-radius: inherit;
  box-shadow: 0 0 0 1px var(--color-foreground-5);
  content: "";
}
.PinturaShapeStyle > .PinturaDropdownButton .PinturaButtonLabel, .PinturaShapeStyle > .PinturaRadioGroup .PinturaButtonLabel, .PinturaShapeStyle > .PinturaRadioGroupOption label, .PinturaShapeStyle > .PinturaSliderButton .PinturaButtonLabel {
  display: block;
  line-height: 2.25;
  padding: 0 1em;
  font-size: 0.6875em;
}
.PinturaShapeStyle > .PinturaButton:not(.PinturaColorPickerButton)[data-focus-visible] {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaShapeStyle .PinturaInputField {
  text-align: right;
  padding: 0 0.75em;
  width: 3em;
  height: 2em;
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
  border-radius: var(--border-radius);
}
.PinturaShapeStyle > .PinturaDropdownButton {
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
  transition: background-color 0.1s;
}
.PinturaShapeStyle > .PinturaDropdownButton:hover {
  background-color: var(--color-foreground-10);
}
.PinturaShapeStyle > .PinturaDropdownButton .PinturaButtonLabel:after {
  content: "▼";
  font-size: 0.6875em;
  margin-left: 0.75em;
  position: relative;
  top: -0.125em;
  margin-right: -0.25em;
  pointer-events: none;
}
.PinturaShapeStyle > .PinturaRadioGroup > .PinturaRadioGroupOptions {
  flex-direction: row;
}
.PinturaShapeStyle > .PinturaRadioGroup > .PinturaRadioGroupOptions label {
  cursor: var(--button-cursor);
  display: flex;
  height: 1.5em;
  align-items: center;
  padding: 0 0.25em;
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
  transition: background-color 0.1s;
}
.PinturaShapeStyle > .PinturaRadioGroup > .PinturaRadioGroupOptions label:hover {
  background-color: var(--color-foreground-20);
}
.PinturaShapeStyle > .PinturaRadioGroup > .PinturaRadioGroupOptions svg {
  width: 1.125em;
  height: 1.125em;
}
.PinturaShapeStyle > .PinturaRadioGroup > .PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type label {
  padding-left: 0.5em;
  border-top-left-radius: var(--border-radius-round);
  border-bottom-left-radius: var(--border-radius-round);
}
.PinturaShapeStyle > .PinturaRadioGroup > .PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type label {
  padding-right: 0.5em;
  border-top-right-radius: var(--border-radius-round);
  border-bottom-right-radius: var(--border-radius-round);
}
.PinturaShapeStyle > .PinturaRadioGroup > .PinturaRadioGroupOptions [data-selected=true] label {
  background-color: var(--color-foreground-10);
}
.PinturaRectManipulator {
  --size:1.25em;
  position: absolute;
  left: 0;
  top: 0;
  outline: none;
  touch-action: none;
}
.PinturaRectManipulator:not([data-shape=edge]) {
  width: var(--size);
  height: var(--size);
  z-index: 2;
}
.PinturaRectManipulator:not([data-shape=edge]):after {
  position: absolute;
  left: -0.5em;
  right: -0.5em;
  top: -0.5em;
  bottom: -0.5em;
  border-radius: inherit;
  content: "";
}
.PinturaRectManipulator:not([data-shape=edge])[data-focus-visible]:after {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaRectManipulator[data-shape~=circle] {
  margin-left: calc(var(--size) * -0.5);
  margin-top: calc(var(--size) * -0.5);
  line-height: var(--size);
  border-radius: 50%;
  background-color: var(--color-foreground-100);
  box-shadow: 0 0 2px var(--color-background-50);
}
.PinturaRectManipulator[data-shape=hook] {
  border: 3px solid var(--color-foreground-100);
}
.PinturaRectManipulator[data-shape=hook][data-direction*=t] {
  margin-top: -3px;
  border-bottom: 0;
}
.PinturaRectManipulator[data-shape=hook][data-direction*=r] {
  border-left: 0;
  margin-left: calc(var(--size) * -1);
}
.PinturaRectManipulator[data-shape=hook][data-direction*=b] {
  margin-top: calc(var(--size) * -1);
  border-top: 0;
}
.PinturaRectManipulator[data-shape=hook][data-direction*=l] {
  border-right: 0;
  margin-left: -3px;
}
.PinturaRectManipulator[data-shape~=edge] {
  height: 1px;
  width: 1px;
  z-index: 1;
}
.PinturaRectManipulator[data-shape~=edge][data-focus-visible] {
  background-color: var(--color-focus-50);
}
.PinturaRectManipulator[data-direction=b], .PinturaRectManipulator[data-direction=t] {
  cursor: ns-resize;
  height: var(--size);
  margin-top: calc(var(--size) * -0.5);
  transform-origin: 0 center;
}
.PinturaRectManipulator[data-direction=l], .PinturaRectManipulator[data-direction=r] {
  cursor: ew-resize;
  width: var(--size);
  margin-left: calc(var(--size) * -0.5);
  transform-origin: center 0;
}
.PinturaRectManipulator[data-direction=bl], .PinturaRectManipulator[data-direction=tr] {
  cursor: nesw-resize;
}
.PinturaRectManipulator[data-direction=br], .PinturaRectManipulator[data-direction=tl] {
  cursor: nwse-resize;
}
.PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator[data-shape=edge]:active {
  background-color: var(--color-foreground-5);
}
.PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator:not([data-shape=edge]):after {
  left: -1em;
  right: -1em;
  top: -1em;
  bottom: -1em;
}
.PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator:not([data-shape=edge]):active:after {
  background-color: var(--color-foreground-5);
}
.PinturaToolbar {
  display: flex;
  justify-content: center;
  margin-left: 1em;
  margin-right: 1em;
  padding-top: 1em;
}
.PinturaToolbar .PinturaToolbarInner {
  display: inline-flex;
}
.PinturaToolbar[data-layout=compact] .PinturaToolbarContentWide, .PinturaToolbar[data-overflow=overflow] .PinturaToolbarContentOptional {
  display: none;
}
.PinturaToolbar .PinturaButton {
  border-radius: var(--border-radius-round);
  outline: transparent;
  padding: 0.3125em 0.75em;
  transition: background-color 0.1s ease-out, color 0.1s ease-out, box-shadow 0.1s ease-out;
  line-height: 1.1;
}
.PinturaToolbar .PinturaButton:hover {
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
}
.PinturaToolbar .PinturaButton[data-focus-visible] {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaToolbar .PinturaButton .PinturaButtonIcon {
  width: 1em;
}
.PinturaToolbar .PinturaButtonLabel {
  font-size: 0.75em;
}
.PinturaToolbar .PinturaDetailsPanel {
  z-index: 3;
}
.PinturaToolbar .PinturaToolbarInner > * {
  margin: 0 0.5em;
}
.PinturaShapeList {
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
  position: absolute;
  top: 1em;
  left: 1em;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 1;
  border-radius: var(--border-radius);
  color: var(--color-foreground-100);
  background: var(--color-background-70);
  box-shadow: 0 0 0 1px var(--color-foreground-5);
}
.PinturaShapeList li + li {
  margin-top: -0.3125em;
}
.PinturaShapeList[data-visible=true] {
  opacity: 1;
}
.PinturaShapeList .PinturaColorPreview {
  width: 0.75em;
  height: 0.75em;
  margin-right: 0.25em;
  border-radius: 0.25em;
}
.PinturaShapeList .PinturaShapeListItem {
  display: flex;
  align-items: center;
  padding: 0.25em 0.5em;
  outline: none;
}
.PinturaShapeList .PinturaShapeListItem > span {
  font-size: 0.75em;
  line-height: 1.75;
  padding: 0 0.325em;
  margin-left: -0.325em;
}
.PinturaShapeList .PinturaShapeListItem[data-focus-visible] > span {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaShapeList[data-visible=true] .PinturaShapeListItem {
  pointer-events: all;
}
.PinturaShapeEditor {
  height: 100%;
  width: 100%;
  outline: none;
  touch-action: none;
}
.PinturaShapeControls {
  position: absolute !important;
  left: 0;
  top: 0;
  z-index: 3;
  pointer-events: none;
  display: flex;
  align-items: center;
}
.PinturaShapeControlsGroup {
  pointer-events: all;
}
.PinturaShapeControlsGroup, .PinturaShapeControlsGroup .PinturaSlider {
  color: #eee;
  background: #333;
  box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.25);
  border-radius: 0.25em;
}
.PinturaShapeControlsGroup, .PinturaShapeControlsGroup .PinturaShapeControlsGroupToggle {
  display: inline-flex;
  min-height: 1.75em;
}
.PinturaShapeControlsGroup + .PinturaShapeControlsGroup {
  margin-left: 0.5em;
}
.PinturaShapeControlsGroup .PinturaShapeControlsGroupToggle {
  position: relative;
}
.PinturaShapeControlsGroup .PinturaButton {
  outline: transparent;
}
.PinturaShapeControlsGroup .PinturaButton[data-focus-visible] {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaShapeControlsGroup > .PinturaButton {
  display: block;
  font-weight: 700;
  transition: background-color 0.1s;
  outline: transparent;
}
.PinturaShapeControlsGroup > .PinturaButton:hover {
  background-color: hsla(0, 0%, 100%, 0.15);
}
.PinturaShapeControlsGroup > .PinturaButton .PinturaButtonLabel {
  display: block;
  font-size: 0.6875em;
  padding: 0 0.75em;
  line-height: 1.7em;
}
.PinturaShapeControlsGroup .PinturaButtonIconOnly {
  width: 1.75em;
  transition: background-color 0.1s;
}
.PinturaShapeControlsGroup .PinturaButtonIconOnly:hover {
  background-color: hsla(0, 0%, 100%, 0.15);
}
.PinturaShapeControlsGroup > button:first-of-type {
  border-radius: 0.25em 0 0 0.25em;
}
.PinturaShapeControlsGroup > button:last-of-type {
  border-radius: 0 0.25em 0.25em 0;
}
.PinturaShapeControlsGroup > button:only-of-type {
  border-radius: 0.25em;
}
.PinturaShapeControlsGroup > * + * {
  border-left: 1px solid rgba(0, 0, 0, 0.5);
}
.PinturaShapeControlsGroup svg {
  pointer-events: none;
}
.PinturaInlineInput {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  transform-origin: center;
  display: flex;
}
.PinturaInlineInput:before {
  content: "";
  width: 0;
  height: var(--line-height);
}
.PinturaContentEditable {
  margin: 0;
  padding: 0;
  width: 100%;
  height: calc(100% - var(--bottom-inset, 0));
  overflow: hidden;
  outline: none;
  vertical-align: top;
}
.PinturaShapePresetsPalette {
  width: calc(100% - 2em);
  text-align: center;
}
.PinturaShapePresetsPalette .PinturaShapePresetSelect {
  vertical-align: top;
  display: inline-block;
}
.PinturaShapePresetsPalette .PinturaScrollable:not([data-state~=overflows]) {
  display: flex;
  justify-content: center;
}
.PinturaShapePresetsPalette .PinturaButton + .PinturaButton {
  margin-left: 0.5em;
}
.PinturaShapePresetsPalette .PinturaButton {
  flex-direction: row;
  line-height: 1.1;
  padding: 0.3125em 0.75em;
  border-radius: var(--border-radius-round);
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
  cursor: var(--button-cursor);
  transition: background-color 0.1s ease-out, color 0.1s ease-out, box-shadow 0.1s ease-out;
  outline: none;
}
.PinturaShapePresetsPalette .PinturaButton .PinturaButtonIcon {
  width: 1em;
}
.PinturaShapePresetsPalette .PinturaButton .PinturaButtonLabel {
  font-size: 0.75em;
}
.PinturaShapePresetsPalette .PinturaButton:hover {
  box-shadow: inset 0 0 0 1px var(--color-foreground-10);
}
.PinturaShapePresetsPalette .PinturaButton[data-focus-visible] {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaShapePresetsPalette .PinturaShapePresetsFlat > * + *, .PinturaShapePresetsPalette .PinturaShapePresetsGroups > * + * {
  margin-left: 0.5em;
}
.PinturaShapePresetsGroups {
  display: flex;
  order: 2;
  margin-bottom: -0.1875em;
}
.PinturaShapePresetsGrouped {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.PinturaShapePresetsFlat {
  display: flex;
  align-items: center;
  justify-content: center;
}
.PinturaInputForm {
  opacity: 0;
  cursor: auto;
  z-index: 2147483647;
}
.PinturaInputForm:not([data-layout=stick]) {
  position: absolute;
  bottom: 6.5em;
  width: 30em;
  left: calc(50% - 15em);
  box-shadow: 0 0.25em 0.5em -0.5em rgba(0, 0, 0, 0.75), inset 0 0 0 1px var(--color-foreground-10);
  border-radius: var(--border-radius);
  background-color: var(--color-background-95);
}
@media (max-width: 34em) {
.PinturaInputForm:not([data-layout=stick]) {
    left: 2em;
    right: 2em;
    width: auto;
}
}
.PinturaInputForm[data-layout=stick] {
  transition: opacity 0.15s ease 0.25s;
  position: absolute;
  left: 0;
  right: 0;
  outline: 1px solid var(--color-foreground-15);
  background-color: var(--color-background-100);
}
.PinturaInputForm[data-layout=stick] > .PinturaInputFormInner {
  background-color: var(--color-foreground-3);
}
.PinturaInputFormInner > .PinturaButton {
  color: var(--color-foreground-100);
  border-radius: 9999em;
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
}
.PinturaInputFormInner > .PinturaButton:first-of-type {
  left: 1em;
}
.PinturaInputFormInner > .PinturaButton:last-of-type {
  right: 1rem;
  color: var(--color-primary-text);
  background: var(--color-primary);
  box-shadow: inset 0 0 0 1px var(--color-foreground-10);
}
.PinturaInputFormInner > .PinturaButton:not(.PinturaButtonIconOnly) .PinturaButtonInner {
  padding: 0 0.875em 0 0.625em;
}
.PinturaInputFormInner > .PinturaButton .PinturaButtonIcon {
  width: 0.875em;
  height: 0.875em;
}
.PinturaInputFormInner > .PinturaButton.PinturaButtonIconOnly {
  width: 1.875em;
  height: 1.875em;
}
.PinturaInputFormInner > .PinturaButton .PinturaButtonLabel {
  font-size: 0.875em;
}
.PinturaInputFormInner > .PinturaButton .PinturaButtonInner {
  line-height: 2;
  display: flex;
  justify-content: center;
}
.PinturaInputFormInner {
  padding-top: 1em;
  padding-bottom: 3.5em;
}
.PinturaInputFormInner > .PinturaButton {
  position: absolute;
  bottom: 1em;
}
.PinturaInputFormFields textarea:only-child {
  width: 100%;
  padding: 0 1em 0.5em;
  height: 5em;
  display: block;
  background: transparent;
  -webkit-mask: linear-gradient(0deg, transparent, #000 1em);
  mask: linear-gradient(0deg, transparent, #000 1em);
}
.PinturaInputFormFields textarea:only-child::-webkit-scrollbar {
  width: 1em;
  cursor: pointer;
}
.PinturaInputFormFields textarea:only-child::-webkit-scrollbar-track {
  background: none;
}
.PinturaInputFormFields textarea:only-child::-webkit-scrollbar-thumb {
  cursor: pointer;
  background-clip: padding-box;
  background-color: var(--color-foreground-70);
  border-radius: 9999em;
  border: 0.25em solid transparent;
}
.PinturaInputForm input, .PinturaInputForm textarea {
  box-sizing: border-box;
  resize: none;
  border: none;
  font-size: 1rem;
  outline: transparent;
  color: var(--color-foreground-100);
}
.PinturaInputForm input {
  background-color: var(--color-background-100);
}
.PinturaModalBodyLock .PinturaInputForm {
  margin-top: -50px;
}
.PinturaShapePresetsList {
  display: flex;
  align-items: center;
}
.PinturaShapePresetsList text {
  font-family: monospace;
}
.PinturaShapePresetsList .PinturaShapePreset {
  display: flex;
  justify-content: center;
  align-items: center;
}
.PinturaShapePresetsList .PinturaShapePreset img, .PinturaShapePresetsList .PinturaShapePreset svg {
  display: block;
  width: 1.75em;
  height: 1.75em;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.3125em;
}
.PinturaShapePresetsList .PinturaShapePreset .PinturaDragButton {
  padding: 0.3125em;
  border-radius: var(--border-radius);
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
}
.PinturaShapePresetsList .PinturaShapePreset .PinturaDragButton:hover {
  background-color: var(--color-foreground-10);
}
.PinturaShapePresetsList .PinturaShapePreset + .PinturaShapePreset {
  margin-left: 0.5em;
}
.PinturaContentEditable {
  white-space: pre-line !important;
  word-break: break-word !important;
  display: inline-block !important;
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}
.PinturaContentEditable[data-wrap-content=nowrap] {
  white-space: nowrap !important;
  word-break: normal !important;
}
.PinturaContentEditable {
  background: transparent !important;
  margin: 0 !important;
  border-radius: 0 !important;
  max-width: none !important;
  min-width: auto !important;
  box-shadow: none !important;
}
.PinturaShapeManipulator {
  position: absolute;
  left: 0;
  top: 0;
  outline: none;
  touch-action: none;
  --size:0.75em;
}
.PinturaShapeManipulator:not([data-control=edge]) {
  margin-left: calc(var(--size) * -0.5);
  margin-top: calc(var(--size) * -0.5);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  border-radius: 9999em;
}
.PinturaShapeManipulator:not([data-control=edge]):after {
  position: absolute;
  left: -0.5em;
  right: -0.5em;
  top: -0.5em;
  bottom: -0.5em;
  content: "";
}
.PinturaShapeManipulator:not([data-control=edge])[data-focus-visible]:after {
  border-radius: inherit;
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaShapeManipulator[data-control=point] {
  background: linear-gradient(90deg, var(--color-secondary-dark), var(--color-secondary));
  box-shadow: 0 0 0 2px #fff, 0 0 4px #000;
  z-index: 3;
}
.PinturaShapeManipulator[data-control=edge] {
  margin-top: calc(var(--size) * -0.5);
  height: var(--size);
  width: 1px;
  z-index: 1;
  transform-origin: 0 calc(var(--size) * 0.5);
}
.PinturaShapeManipulator[data-control=edge][data-focus-visible] {
  background-color: var(--color-focus-50);
}
.PinturaShapeManipulator[data-control=rotate] {
  border-radius: 9999em;
  background: linear-gradient(90deg, #fff, #ddd);
  box-shadow: 0 0 0 2px var(--color-secondary-dark), 0 0 4px #000;
  z-index: 2;
  cursor: move;
}
.PinturaDragButton {
  cursor: var(--button-cursor);
  outline: transparent;
}
.PinturaDragButton > * {
  pointer-events: none;
}
.PinturaDragButton {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: filter 0.2s ease-out;
}
.PinturaDragButton[disabled] {
  filter: var(--filter-disabled);
}
.auau-nuxt-avatar picture.auau-nuxt-avatar__image > * {
  display: block;
  object-fit: cover;
  border-radius: 50%;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.auau-nuxt-avatar picture.auau-nuxt-avatar__image > img {
  width: var(--size);
  height: var(--size);
}
.auau-nuxt-avatar .auau-nuxt-avatar__upload.filepond--wrapper {
  width: max-content;
  height: max-content;
}
.auau-nuxt-avatar .auau-nuxt-avatar__upload.filepond--wrapper .filepond--root {
  width: var(--size);
  height: var(--size);
  margin: 0 auto;
}
.auau-nuxt-avatar .auau-nuxt-avatar__upload.filepond--wrapper .filepond--root .filepond--file-action-button {
  cursor: pointer;
}
.auau-nuxt-avatar .auau-nuxt-avatar__upload.filepond--wrapper .filepond--root .filepond--label-action {
  cursor: pointer;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  text-decoration: none;
}
.auau-nuxt-avatar .auau-nuxt-avatar__upload.filepond--wrapper .filepond--root .filepond--label-action span {
  color: var(--auau-800, #f8b818);
  text-decoration: underline;
  text-decoration-color: #949494;
}
.auau-nuxt-avatar .auau-nuxt-avatar__upload.filepond--wrapper .filepond--root .filepond--file-poster img {
  object-fit: cover;
  width: 100%;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.auau-nuxt-avatar .auau-nuxt-avatar__upload.filepond--wrapper .filepond--root .filepond--drop-label {
  min-height: 0;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%23949494FF' stroke-width='1' stroke-dasharray='8' stroke-dashoffset='11' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: 100px;
}
.auau-nuxt-banner {
  overflow: hidden;
  border-radius: 0 0 24px 24px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  height: 350px;
  margin-top: -48px;
}
.auau-nuxt-banner .auau-nuxt-image img {
  height: 350px;
}
@media (max-width: 1127px) {
.auau-nuxt-banner {
    margin-top: -24px;
}
}
.auau-nuxt-button {
  border-radius: 8px;
  padding: 6px 25px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  height: 40px;
  box-sizing: border-box;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}
@media (max-width: 767px) {
.auau-nuxt-button {
    padding: 6px 48px;
}
}
.auau-nuxt-button .auau-nuxt-icon {
  margin-right: 4px;
}
.auau-nuxt-button.primary {
  color: var(--text-color, #ffffff);
  border: 2px solid var(--auau-800, #f8b818);
  background-color: var(--auau-800, #f8b818);
}
.auau-nuxt-button.primary:hover {
  border-color: var(--auau-700, #f9ce5c);
  background: var(--auau-700, #f9ce5c);
}
.auau-nuxt-button.primary:active {
  border-color: var(--auau-900, #f89d00);
  background: var(--auau-900, #f89d00);
}
.auau-nuxt-button.secondary {
  background-color: #ffffff;
  color: var(--auau-800, #f8b818);
  border: 2px solid var(--auau-800, #f8b818);
}
.auau-nuxt-button.secondary:hover {
  color: var(--text-color, #ffffff);
  background: var(--auau-800, #f8b818);
}
.auau-nuxt-button.secondary:active {
  border-color: var(--auau-900, #f89d00);
  background: var(--auau-900, #f89d00);
}
.auau-nuxt-button.comfired {
  background-color: #d1d1d1;
  color: #949494;
  border: 2px solid #d1d1d1;
  cursor: not-allowed;
}
.auau-nuxt-button.disabled {
  background-color: #ffffff;
  color: #d1d1d1;
  border: 2px solid #d1d1d1;
  cursor: not-allowed;
}
.auau-nuxt-button.transparent {
  background-color: transparent;
  color: var(--auau-800, #f8b818);
  border: 2px solid transparent;
}
.auau-nuxt-button.transparent:hover {
  color: var(--auau-700, #f9ce5c);
}
.auau-nuxt-button.transparent:active {
  color: var(--auau-900, #f89d00);
}
.auau-nuxt-button.grey-secondary {
  background-color: #ffffff;
  color: #949494;
  border: 2px solid #949494;
}
.auau-nuxt-button.grey-secondary:hover {
  color: #ffffff;
  background: #949494;
}
.auau-nuxt-button.grey-secondary:active {
  border-color: #2d2d2d;
  background: #2d2d2d;
}
.auau-nuxt-button.grey-transparent {
  background-color: transparent;
  color: #949494;
  border: 2px solid transparent;
}
.auau-nuxt-button.grey-transparent:hover {
  color: #d1d1d1;
}
.auau-nuxt-button.grey-transparent:active {
  color: #2d2d2d;
}
.auau-nuxt-button.primary-transparent {
  background-color: transparent;
  color: var(--auau-800, #f8b818);
  border: 2px solid transparent;
}
.auau-nuxt-button.primary-transparent:hover {
  color: var(--auau-700, #f9ce5c);
}
.auau-nuxt-button.primary-transparent:active {
  color: var(--auau-900, #f89d00);
}
.auau-nuxt-button.danger-primary {
  background-color: #dc3030;
  border: 2px solid transparent;
  color: #ffffff;
}
.auau-nuxt-button.danger-primary:hover {
  background-color: #f5aaaa;
}
.auau-nuxt-button.danger-primary:active {
  background-color: #a53030;
}
.auau-nuxt-button.danger-primary:disabled {
  background-color: #ffffff;
  color: #d1d1d1;
  border: 2px solid #d1d1d1;
  cursor: auto;
}
.auau-nuxt-button.danger-secondary {
  background-color: transparent;
  border: 2px solid #dc3030;
  color: #dc3030;
}
.auau-nuxt-button.danger-secondary:hover {
  background-color: #a53030;
  color: #ffffff;
  border-color: #a53030;
}
.auau-nuxt-button.danger-secondary:active {
  background-color: #f5aaaa;
  color: #ffffff;
  border-color: #f5aaaa;
}
.auau-nuxt-button.danger-secondary:disabled {
  color: #d1d1d1;
  background-color: transparent;
  cursor: auto;
  border-color: #d1d1d1;
}
.auau-nuxt-button.danger-transparent {
  background-color: transparent;
  border: 2px solid transparent;
  color: #dc3030;
  padding-left: 0px;
}
.auau-nuxt-button.danger-transparent:hover {
  color: #a53030;
}
.auau-nuxt-button.danger-transparent:active {
  background-color: transparent;
  color: #a53030;
}
.auau-nuxt-button.danger-transparent:disabled {
  background-color: transparent;
  color: #d1d1d1;
  cursor: auto;
}
.auau-nuxt-button.blue {
  background-color: #004db1;
  border: 2px solid #004db1;
  color: #ffffff;
}
.auau-nuxt-button.no-padding {
  padding: 0;
  min-width: max-content;
  align-items: center;
  border: none;
}
.auau-nuxt-button-group-wrapper {
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
}
.auau-nuxt-button-group-wrapper .auau-nuxt-button-group {
  margin-right: 8px;
  cursor: pointer;
  line-height: 1.5;
  display: flex;
  padding: 8px 24px;
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  border: 1px solid #949494;
  color: #2d2d2d;
  background-color: #ffffff;
}
.auau-nuxt-button-group-wrapper .auau-nuxt-button-group:last-child {
  margin-right: 0px;
}
.auau-nuxt-button-group-wrapper .auau-nuxt-button-group.auau-nuxt-button-group__active {
  border: 1px solid var(--auau-800, #f8b818);
  color: var(--auau-800, #f8b818);
}
.auau-nuxt-button-group-wrapper .auau-nuxt-button-group.auau-nuxt-button-group__disabled {
  border: 1px solid #d1d1d1;
  color: #d1d1d1;
  cursor: not-allowed;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.auau-nuxt-calendar .vc-pane-container {
  width: 100%;
  position: relative;
}
.auau-nuxt-calendar .vc-pane-container.in-transition {
  overflow: hidden;
}
.auau-nuxt-calendar .vc-pane-layout {
  display: grid;
}
.auau-nuxt-calendar .vc-arrow {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: auto;
  color: var(--gray-600);
  border-width: 2px;
  border-style: solid;
  border-radius: var(--rounded);
  border-color: transparent;
}
.auau-nuxt-calendar .vc-arrow:hover {
  background: var(--gray-200);
}
.auau-nuxt-calendar .vc-arrow:focus {
  border-color: var(--gray-300);
}
.auau-nuxt-calendar .vc-arrow.is-disabled {
  opacity: 0.25;
  pointer-events: none;
  cursor: not-allowed;
}
.auau-nuxt-calendar .vc-day-popover-container {
  color: var(--white);
  background-color: var(--gray-800);
  border: 1px solid;
  border-color: var(--gray-700);
  border-radius: var(--rounded);
  font-size: var(--text-xs);
  font-weight: var(--font-medium);
  padding: 4px 8px;
  box-shadow: var(--shadow);
}
.auau-nuxt-calendar .vc-day-popover-header {
  font-size: var(--text-xs);
  color: var(--gray-300);
  font-weight: var(--font-semibold);
  text-align: center;
}
.auau-nuxt-calendar .vc-arrows-container {
  width: 100%;
  position: absolute;
  top: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 8px 10px;
  pointer-events: none;
}
.auau-nuxt-calendar .vc-arrows-container.title-left {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.auau-nuxt-calendar .vc-arrows-container.title-right {
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.auau-nuxt-calendar .vc-is-dark .vc-arrow {
  color: var(--white);
}
.auau-nuxt-calendar .vc-is-dark .vc-arrow:hover {
  background: var(--gray-800);
}
.auau-nuxt-calendar .vc-is-dark .vc-arrow:focus {
  border-color: var(--gray-700);
}
.auau-nuxt-calendar .vc-is-dark .vc-day-popover-container {
  color: var(--gray-800);
  background-color: var(--white);
  border-color: var(--gray-100);
}
.auau-nuxt-calendar .vc-is-dark .vc-day-popover-header {
  color: var(--gray-700);
}
.auau-nuxt-calendar .vc-day {
  position: relative;
  min-height: 32px;
  z-index: 1;
}
.auau-nuxt-calendar .vc-day.is-not-in-month * {
  opacity: 0;
  pointer-events: none;
}
.auau-nuxt-calendar .vc-day-layer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
}
.auau-nuxt-calendar .vc-day-box-center-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.auau-nuxt-calendar .vc-day-box-left-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.auau-nuxt-calendar .vc-day-box-right-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.auau-nuxt-calendar .vc-day-box-center-bottom {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.auau-nuxt-calendar .vc-day-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: var(--text-sm);
  font-weight: var(--font-medium);
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: var(--rounded-full);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.auau-nuxt-calendar .vc-day-content:hover {
  background-color: #ccd6e04d;
}
.auau-nuxt-calendar .vc-day-content:focus {
  font-weight: var(--font-bold);
  background-color: #ccd6e066;
}
.auau-nuxt-calendar .vc-day-content.is-disabled {
  color: var(--gray-400);
}
.auau-nuxt-calendar .vc-is-dark .vc-day-content:hover {
  background-color: #7281974d;
}
.auau-nuxt-calendar .vc-is-dark .vc-day-content:focus {
  background-color: #72819766;
}
.auau-nuxt-calendar .vc-is-dark .vc-day-content.is-disabled {
  color: var(--gray-600);
}
.auau-nuxt-calendar .vc-highlights {
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
.auau-nuxt-calendar .vc-highlight {
  width: 28px;
  height: 28px;
}
.auau-nuxt-calendar .vc-highlight.vc-highlight-base-start {
  width: 50% !important;
  border-radius: 0 !important;
  border-right-width: 0 !important;
}
.auau-nuxt-calendar .vc-highlight.vc-highlight-base-end {
  width: 50% !important;
  border-radius: 0 !important;
  border-left-width: 0 !important;
}
.auau-nuxt-calendar .vc-highlight.vc-highlight-base-middle {
  width: 100%;
  border-radius: 0 !important;
  border-left-width: 0 !important;
  border-right-width: 0 !important;
  margin: 0 -1px;
}
.auau-nuxt-calendar .vc-dots {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.auau-nuxt-calendar .vc-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  transition: all var(--day-content-transition-time);
}
.auau-nuxt-calendar .vc-dot:not(:last-child) {
  margin-right: 3px;
}
.auau-nuxt-calendar .vc-bars {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 75%;
}
.auau-nuxt-calendar .vc-bar {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 3px;
  transition: all var(--day-content-transition-time);
}
.auau-nuxt-calendar .vc-nav-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.auau-nuxt-calendar .vc-nav-arrow {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: var(--leading-snug);
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  border-radius: var(--rounded);
}
.auau-nuxt-calendar .vc-nav-arrow.is-left {
  margin-right: auto;
}
.auau-nuxt-calendar .vc-nav-arrow.is-right {
  margin-left: auto;
}
.auau-nuxt-calendar .vc-nav-arrow.is-disabled {
  opacity: 0.25;
  pointer-events: none;
  cursor: not-allowed;
}
.auau-nuxt-calendar .vc-nav-arrow:hover {
  background-color: var(--gray-900);
}
.auau-nuxt-calendar .vc-nav-arrow:focus {
  border-color: var(--accent-600);
}
.auau-nuxt-calendar .vc-nav-title {
  color: var(--accent-100);
  font-weight: var(--font-bold);
  line-height: var(--leading-snug);
  padding: 4px 8px;
  border-radius: var(--rounded);
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.auau-nuxt-calendar .vc-nav-title:hover {
  background-color: var(--gray-900);
}
.auau-nuxt-calendar .vc-nav-title:focus {
  border-color: var(--accent-600);
}
.auau-nuxt-calendar .vc-nav-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 2px;
  grid-column-gap: 5px;
}
.auau-nuxt-calendar .vc-nav-item {
  width: 48px;
  text-align: center;
  line-height: var(--leading-snug);
  font-weight: var(--font-semibold);
  padding: 4px 0;
  cursor: pointer;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  border-radius: var(--rounded);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.auau-nuxt-calendar .vc-nav-item:hover {
  color: var(--white);
  background-color: var(--gray-900);
  box-shadow: var(--shadow-inner);
}
.auau-nuxt-calendar .vc-nav-item.is-active {
  color: var(--accent-900);
  background: var(--accent-100);
  font-weight: var(--font-bold);
  box-shadow: var(--shadow);
}
.auau-nuxt-calendar .vc-nav-item.is-current {
  color: var(--accent-100);
  font-weight: var(--bold);
  border-color: var(--accent-100);
}
.auau-nuxt-calendar .vc-nav-item:focus {
  border-color: var(--accent-600);
}
.auau-nuxt-calendar .vc-nav-item.is-disabled {
  opacity: 0.25;
  pointer-events: none;
}
.auau-nuxt-calendar .vc-is-dark .vc-nav-title {
  color: var(--gray-900);
}
.auau-nuxt-calendar .vc-is-dark .vc-nav-title:hover {
  background-color: var(--gray-200);
}
.auau-nuxt-calendar .vc-is-dark .vc-nav-title:focus {
  border-color: var(--accent-400);
}
.auau-nuxt-calendar .vc-is-dark .vc-nav-arrow:hover {
  background-color: var(--gray-200);
}
.auau-nuxt-calendar .vc-is-dark .vc-nav-arrow:focus {
  border-color: var(--accent-400);
}
.auau-nuxt-calendar .vc-is-dark .vc-nav-item:hover {
  color: var(--gray-900);
  background-color: var(--gray-200);
  box-shadow: none;
}
.auau-nuxt-calendar .vc-is-dark .vc-nav-item.is-active {
  color: var(--white);
  background: var(--accent-500);
}
.auau-nuxt-calendar .vc-is-dark .vc-nav-item.is-current {
  color: var(--accent-600);
  border-color: var(--accent-500);
}
.auau-nuxt-calendar .vc-is-dark .vc-nav-item:focus {
  border-color: var(--accent-400);
}
.auau-nuxt-calendar .vc-pane {
  min-width: 250px;
}
.auau-nuxt-calendar .vc-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 16px 0;
}
.auau-nuxt-calendar .vc-header.align-left {
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.auau-nuxt-calendar .vc-header.align-right {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.auau-nuxt-calendar .vc-title {
  font-size: var(--text-lg);
  color: var(--gray-800);
  font-weight: var(--font-semibold);
  line-height: 28px;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.auau-nuxt-calendar .vc-title:hover {
  opacity: 0.75;
}
.auau-nuxt-calendar .vc-weeknumber {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.auau-nuxt-calendar .vc-weeknumber-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: var(--text-xs);
  font-weight: var(--font-medium);
  font-style: italic;
  width: 28px;
  height: 28px;
  margin-top: 2px;
  color: var(--gray-500);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.auau-nuxt-calendar .vc-weeknumber-content.is-left-outside {
  position: absolute;
  left: var(--weeknumber-offset);
}
.auau-nuxt-calendar .vc-weeknumber-content.is-right-outside {
  position: absolute;
  right: var(--weeknumber-offset);
}
.auau-nuxt-calendar .vc-weeks {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  position: relative;
  -webkit-overflow-scrolling: touch;
  padding: 6px;
  min-width: 250px;
}
.auau-nuxt-calendar .vc-weeks.vc-show-weeknumbers {
  grid-template-columns: auto repeat(7, 1fr);
}
.auau-nuxt-calendar .vc-weeks.vc-show-weeknumbers.is-right {
  grid-template-columns: repeat(7, 1fr) auto;
}
.auau-nuxt-calendar .vc-weekday {
  text-align: center;
  color: var(--gray-500);
  font-size: var(--text-sm);
  font-weight: var(--font-bold);
  line-height: 14px;
  padding-top: 4px;
  padding-bottom: 8px;
  cursor: default;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.auau-nuxt-calendar .vc-weekdays {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.auau-nuxt-calendar .vc-nav-popover-container {
  color: var(--white);
  font-size: var(--text-sm);
  font-weight: var(--font-semibold);
  background-color: var(--gray-800);
  border: 1px solid;
  border-color: var(--gray-700);
  border-radius: var(--rounded-lg);
  padding: 4px;
  box-shadow: var(--shadow);
}
.auau-nuxt-calendar .vc-is-dark .vc-header {
  color: var(--gray-200);
}
.auau-nuxt-calendar .vc-is-dark .vc-title {
  color: var(--gray-100);
}
.auau-nuxt-calendar .vc-is-dark .vc-weekday {
  color: var(--accent-200);
}
.auau-nuxt-calendar .vc-is-dark .vc-nav-popover-container {
  color: var(--gray-800);
  background-color: var(--white);
  border-color: var(--gray-100);
}
.auau-nuxt-calendar .vc-none-enter-active, .auau-nuxt-calendar .vc-none-leave-active {
  transition-duration: 0s;
}
.auau-nuxt-calendar .vc-fade-enter-active, .auau-nuxt-calendar .vc-fade-leave-active, .auau-nuxt-calendar .vc-slide-left-enter-active, .auau-nuxt-calendar .vc-slide-left-leave-active, .auau-nuxt-calendar .vc-slide-right-enter-active, .auau-nuxt-calendar .vc-slide-right-leave-active, .auau-nuxt-calendar .vc-slide-up-enter-active, .auau-nuxt-calendar .vc-slide-up-leave-active, .auau-nuxt-calendar .vc-slide-down-enter-active, .auau-nuxt-calendar .vc-slide-down-leave-active, .auau-nuxt-calendar .vc-slide-fade-enter-active, .auau-nuxt-calendar .vc-slide-fade-leave-active {
  transition: opacity var(--slide-duration) var(--slide-timing), -webkit-transform var(--slide-duration) var(--slide-timing);
  transition: transform var(--slide-duration) var(--slide-timing), opacity var(--slide-duration) var(--slide-timing);
  transition: transform var(--slide-duration) var(--slide-timing), opacity var(--slide-duration) var(--slide-timing), -webkit-transform var(--slide-duration) var(--slide-timing);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
}
.auau-nuxt-calendar .vc-none-leave-active, .auau-nuxt-calendar .vc-fade-leave-active, .auau-nuxt-calendar .vc-slide-left-leave-active, .auau-nuxt-calendar .vc-slide-right-leave-active, .auau-nuxt-calendar .vc-slide-up-leave-active, .auau-nuxt-calendar .vc-slide-down-leave-active {
  position: absolute !important;
  width: 100%;
}
.auau-nuxt-calendar .vc-none-enter-from, .auau-nuxt-calendar .vc-none-leave-to, .auau-nuxt-calendar .vc-fade-enter-from, .auau-nuxt-calendar .vc-fade-leave-to, .auau-nuxt-calendar .vc-slide-left-enter-from, .auau-nuxt-calendar .vc-slide-left-leave-to, .auau-nuxt-calendar .vc-slide-right-enter-from, .auau-nuxt-calendar .vc-slide-right-leave-to, .auau-nuxt-calendar .vc-slide-up-enter-from, .auau-nuxt-calendar .vc-slide-up-leave-to, .auau-nuxt-calendar .vc-slide-down-enter-from, .auau-nuxt-calendar .vc-slide-down-leave-to, .auau-nuxt-calendar .vc-slide-fade-enter-from, .auau-nuxt-calendar .vc-slide-fade-leave-to {
  opacity: 0;
}
.auau-nuxt-calendar .vc-slide-left-enter-from, .auau-nuxt-calendar .vc-slide-right-leave-to, .auau-nuxt-calendar .vc-slide-fade-enter-from.direction-left, .auau-nuxt-calendar .vc-slide-fade-leave-to.direction-left {
  -webkit-transform: translateX(var(--slide-translate));
  transform: translate(var(--slide-translate));
}
.auau-nuxt-calendar .vc-slide-right-enter-from, .auau-nuxt-calendar .vc-slide-left-leave-to, .auau-nuxt-calendar .vc-slide-fade-enter-from.direction-right, .auau-nuxt-calendar .vc-slide-fade-leave-to.direction-right {
  -webkit-transform: translateX(calc(-1 * var(--slide-translate)));
  transform: translate(calc(-1 * var(--slide-translate)));
}
.auau-nuxt-calendar .vc-slide-up-enter-from, .auau-nuxt-calendar .vc-slide-down-leave-to, .auau-nuxt-calendar .vc-slide-fade-enter-from.direction-top, .auau-nuxt-calendar .vc-slide-fade-leave-to.direction-top {
  -webkit-transform: translateY(var(--slide-translate));
  transform: translateY(var(--slide-translate));
}
.auau-nuxt-calendar .vc-slide-down-enter-from, .auau-nuxt-calendar .vc-slide-up-leave-to, .auau-nuxt-calendar .vc-slide-fade-enter-from.direction-bottom, .auau-nuxt-calendar .vc-slide-fade-leave-to.direction-bottom {
  -webkit-transform: translateY(calc(-1 * var(--slide-translate)));
  transform: translateY(calc(-1 * var(--slide-translate)));
}
.auau-nuxt-calendar .vc-popover-content-wrapper {
  --popover-horizontal-content-offset: 8px;
  --popover-vertical-content-offset: 10px;
  --popover-caret-horizontal-offset: 18px;
  --popover-caret-vertical-offset: 8px;
  position: absolute;
  display: block;
  outline: none;
  z-index: 10;
}
.auau-nuxt-calendar .vc-popover-content-wrapper:not(.is-interactive) {
  pointer-events: none;
}
.auau-nuxt-calendar .vc-popover-content {
  position: relative;
  outline: none;
  z-index: 10;
  box-shadow: var(--shadow-lg);
}
.auau-nuxt-calendar .vc-popover-content.direction-bottom {
  margin-top: var(--popover-vertical-content-offset);
}
.auau-nuxt-calendar .vc-popover-content.direction-top {
  margin-bottom: var(--popover-vertical-content-offset);
}
.auau-nuxt-calendar .vc-popover-content.direction-left {
  margin-right: var(--popover-horizontal-content-offset);
}
.auau-nuxt-calendar .vc-popover-content.direction-right {
  margin-left: var(--popover-horizontal-content-offset);
}
.auau-nuxt-calendar .vc-popover-caret {
  content: "";
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  border-top: inherit;
  border-left: inherit;
  background-color: inherit;
  z-index: -1;
}
.auau-nuxt-calendar .vc-popover-caret.direction-bottom {
  top: 0;
}
.auau-nuxt-calendar .vc-popover-caret.direction-bottom.align-left {
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
.auau-nuxt-calendar .vc-popover-caret.direction-bottom.align-center {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translate(-50%) translateY(-50%) rotate(45deg);
}
.auau-nuxt-calendar .vc-popover-caret.direction-bottom.align-right {
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
.auau-nuxt-calendar .vc-popover-caret.direction-top {
  top: 100%;
}
.auau-nuxt-calendar .vc-popover-caret.direction-top.align-left {
  -webkit-transform: translateY(-50%) rotate(-135deg);
  transform: translateY(-50%) rotate(-135deg);
}
.auau-nuxt-calendar .vc-popover-caret.direction-top.align-center {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-135deg);
  transform: translate(-50%) translateY(-50%) rotate(-135deg);
}
.auau-nuxt-calendar .vc-popover-caret.direction-top.align-right {
  -webkit-transform: translateY(-50%) rotate(-135deg);
  transform: translateY(-50%) rotate(-135deg);
}
.auau-nuxt-calendar .vc-popover-caret.direction-left {
  left: 100%;
}
.auau-nuxt-calendar .vc-popover-caret.direction-left.align-top {
  -webkit-transform: translateX(-50%) rotate(135deg);
  transform: translate(-50%) rotate(135deg);
}
.auau-nuxt-calendar .vc-popover-caret.direction-left.align-middle {
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(135deg);
  transform: translateY(-50%) translate(-50%) rotate(135deg);
}
.auau-nuxt-calendar .vc-popover-caret.direction-left.align-bottom {
  -webkit-transform: translateX(-50%) rotate(135deg);
  transform: translate(-50%) rotate(135deg);
}
.auau-nuxt-calendar .vc-popover-caret.direction-right {
  left: 0;
}
.auau-nuxt-calendar .vc-popover-caret.direction-right.align-top {
  -webkit-transform: translateX(-50%) rotate(-45deg);
  transform: translate(-50%) rotate(-45deg);
}
.auau-nuxt-calendar .vc-popover-caret.direction-right.align-middle {
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  transform: translateY(-50%) translate(-50%) rotate(-45deg);
}
.auau-nuxt-calendar .vc-popover-caret.direction-right.align-bottom {
  -webkit-transform: translateX(-50%) rotate(-45deg);
  transform: translate(-50%) rotate(-45deg);
}
.auau-nuxt-calendar .vc-popover-caret.align-left {
  left: var(--popover-caret-horizontal-offset);
}
.auau-nuxt-calendar .vc-popover-caret.align-center {
  left: 50%;
}
.auau-nuxt-calendar .vc-popover-caret.align-right {
  right: var(--popover-caret-horizontal-offset);
}
.auau-nuxt-calendar .vc-popover-caret.align-top {
  top: var(--popover-caret-vertical-offset);
}
.auau-nuxt-calendar .vc-popover-caret.align-middle {
  top: 50%;
}
.auau-nuxt-calendar .vc-popover-caret.align-bottom {
  bottom: var(--popover-caret-vertical-offset);
}
.auau-nuxt-calendar .vc-day-popover-row {
  --day-content-transition-time: .13s ease-in;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  transition: all var(--day-content-transition-time);
}
.auau-nuxt-calendar .vc-day-popover-row:not(:first-child) {
  margin-top: 3px;
}
.auau-nuxt-calendar .vc-day-popover-row-indicator {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: 15px;
  margin-right: 3px;
}
.auau-nuxt-calendar .vc-day-popover-row-indicator span {
  transition: all var(--day-content-transition-time);
}
.auau-nuxt-calendar .vc-day-popover-row-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: none;
  -ms-flex-wrap: none;
  flex-wrap: none;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: -webkit-max-content;
  width: max-content;
}
.auau-nuxt-calendar .vc-svg-icon {
  display: inline-block;
  stroke: currentColor;
  stroke-width: 0;
}
.auau-nuxt-calendar .vc-svg-icon path {
  fill: currentColor;
}
.auau-nuxt-calendar .vc-time-picker {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px;
}
.auau-nuxt-calendar .vc-time-picker.vc-invalid {
  pointer-events: none;
  opacity: 0.5;
}
.auau-nuxt-calendar .vc-time-picker.vc-bordered {
  border-top: 1px solid var(--gray-400);
}
.auau-nuxt-calendar .vc-time-icon {
  width: 16px;
  height: 16px;
  color: var(--gray-600);
}
.auau-nuxt-calendar .vc-time-content {
  margin-left: 8px;
}
.auau-nuxt-calendar .vc-time-date {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: var(--text-sm);
  font-weight: var(--font-semibold);
  text-transform: uppercase;
  padding: 0 0 4px 4px;
  margin-top: -4px;
  line-height: 21px;
}
.auau-nuxt-calendar .vc-time-weekday {
  color: var(--gray-700);
  letter-spacing: var(--tracking-wide);
}
.auau-nuxt-calendar .vc-time-month {
  color: var(--accent-600);
  margin-left: 8px;
}
.auau-nuxt-calendar .vc-time-day {
  color: var(--accent-600);
  margin-left: 4px;
}
.auau-nuxt-calendar .vc-time-year {
  color: var(--gray-500);
  margin-left: 8px;
}
.auau-nuxt-calendar .vc-time-select {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.auau-nuxt-calendar .vc-am-pm {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--gray-200);
  color: var(--gray-800);
  margin-left: 8px;
  padding: 4px;
  border-radius: var(--rounded);
  height: 30px;
}
.auau-nuxt-calendar .vc-am-pm button {
  font-size: var(--text-sm);
  font-weight: var(--font-medium);
  padding: 0 4px;
  background: transparent;
  border: 2px solid transparent;
  border-radius: var(--rounded);
  line-height: var(--leading-snug);
}
.auau-nuxt-calendar .vc-am-pm button:hover {
  color: var(--gray-600);
}
.auau-nuxt-calendar .vc-am-pm button:focus {
  border-color: var(--accent-400);
}
.auau-nuxt-calendar .vc-am-pm button.active {
  background: var(--accent-600);
  color: var(--white);
}
.auau-nuxt-calendar .vc-am-pm button.active:hover {
  background: var(--accent-500);
}
.auau-nuxt-calendar .vc-am-pm button.active:focus {
  border-color: var(--accent-400);
}
.auau-nuxt-calendar .vc-is-dark .vc-time-picker {
  border-color: var(--gray-700);
}
.auau-nuxt-calendar .vc-is-dark .vc-time-icon, .auau-nuxt-calendar .vc-is-dark .vc-time-weekday {
  color: var(--gray-400);
}
.auau-nuxt-calendar .vc-is-dark .vc-time-month, .auau-nuxt-calendar .vc-is-dark .vc-time-day {
  color: var(--accent-400);
}
.auau-nuxt-calendar .vc-is-dark .vc-time-year {
  color: var(--gray-500);
}
.auau-nuxt-calendar .vc-is-dark .vc-am-pm {
  background: var(--gray-700);
}
.auau-nuxt-calendar .vc-is-dark .vc-am-pm:focus {
  border-color: var(--accent-500);
}
.auau-nuxt-calendar .vc-is-dark .vc-am-pm button {
  color: var(--gray-100);
}
.auau-nuxt-calendar .vc-is-dark .vc-am-pm button:hover {
  color: var(--gray-400);
}
.auau-nuxt-calendar .vc-is-dark .vc-am-pm button:focus {
  border-color: var(--accent-500);
}
.auau-nuxt-calendar .vc-is-dark .vc-am-pm button.active {
  background: var(--accent-500);
  color: var(--white);
}
.auau-nuxt-calendar .vc-is-dark .vc-am-pm button.active:hover {
  background: var(--accent-600);
}
.auau-nuxt-calendar .vc-is-dark .vc-am-pm button.active:focus {
  border-color: var(--accent-500);
}
.auau-nuxt-calendar .vc-select {
  position: relative;
}
.auau-nuxt-calendar .vc-select select {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: block;
  -webkit-appearance: none;
  appearance: none;
  width: 52px;
  height: 30px;
  font-size: var(--text-base);
  font-weight: var(--font-medium);
  text-align: left;
  background-color: var(--gray-200);
  border: 2px solid;
  border-color: var(--gray-200);
  color: var(--gray-900);
  padding: 0 20px 0 8px;
  border-radius: var(--rounded);
  line-height: var(--leading-tight);
  text-indent: 0px;
  cursor: pointer;
  -moz-padding-start: 3px;
  background-image: none;
}
.auau-nuxt-calendar .vc-select select:hover {
  color: var(--gray-600);
}
.auau-nuxt-calendar .vc-select select:focus {
  outline: 0;
  border-color: var(--accent-400);
  background-color: var(--white);
}
.auau-nuxt-calendar .vc-select-arrow {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 0 4px 0 0;
  color: var(--gray-500);
}
.auau-nuxt-calendar .vc-select-arrow svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.auau-nuxt-calendar .vc-is-dark select {
  background: var(--gray-700);
  color: var(--gray-100);
  border-color: var(--gray-700);
}
.auau-nuxt-calendar .vc-is-dark select:hover {
  color: var(--gray-400);
}
.auau-nuxt-calendar .vc-is-dark select:focus {
  border-color: var(--accent-500);
  background-color: var(--gray-800);
}
.auau-nuxt-calendar .vc-container {
  --white: #ffffff;
  --black: #000000;
  --gray-100: #f7fafc;
  --gray-200: #edf2f7;
  --gray-300: #e2e8f0;
  --gray-400: #cbd5e0;
  --gray-500: #a0aec0;
  --gray-600: #718096;
  --gray-700: #4a5568;
  --gray-800: #2d3748;
  --gray-900: #1a202c;
  --red-100: #fff5f5;
  --red-200: #fed7d7;
  --red-300: #feb2b2;
  --red-400: #fc8181;
  --red-500: #f56565;
  --red-600: #e53e3e;
  --red-700: #c53030;
  --red-800: #9b2c2c;
  --red-900: #742a2a;
  --orange-100: #fffaf0;
  --orange-200: #feebc8;
  --orange-300: #fbd38d;
  --orange-400: #f6ad55;
  --orange-500: #ed8936;
  --orange-600: #dd6b20;
  --orange-700: #c05621;
  --orange-800: #9c4221;
  --orange-900: #7b341e;
  --yellow-100: #fffff0;
  --yellow-200: #fefcbf;
  --yellow-300: #faf089;
  --yellow-400: #f6e05e;
  --yellow-500: #ecc94b;
  --yellow-600: #d69e2e;
  --yellow-700: #b7791f;
  --yellow-800: #975a16;
  --yellow-900: #744210;
  --green-100: #f0fff4;
  --green-200: #c6f6d5;
  --green-300: #9ae6b4;
  --green-400: #68d391;
  --green-500: #48bb78;
  --green-600: #38a169;
  --green-700: #2f855a;
  --green-800: #276749;
  --green-900: #22543d;
  --teal-100: #e6fffa;
  --teal-200: #b2f5ea;
  --teal-300: #81e6d9;
  --teal-400: #4fd1c5;
  --teal-500: #38b2ac;
  --teal-600: #319795;
  --teal-700: #2c7a7b;
  --teal-800: #285e61;
  --teal-900: #234e52;
  --blue-100: #ebf8ff;
  --blue-200: #bee3f8;
  --blue-300: #90cdf4;
  --blue-400: #63b3ed;
  --blue-500: #4299e1;
  --blue-600: #3182ce;
  --blue-700: #2b6cb0;
  --blue-800: #2c5282;
  --blue-900: #2a4365;
  --indigo-100: #ebf4ff;
  --indigo-200: #c3dafe;
  --indigo-300: #a3bffa;
  --indigo-400: #7f9cf5;
  --indigo-500: #667eea;
  --indigo-600: #5a67d8;
  --indigo-700: #4c51bf;
  --indigo-800: #434190;
  --indigo-900: #3c366b;
  --purple-100: #faf5ff;
  --purple-200: #e9d8fd;
  --purple-300: #d6bcfa;
  --purple-400: #b794f4;
  --purple-500: #9f7aea;
  --purple-600: #805ad5;
  --purple-700: #6b46c1;
  --purple-800: #553c9a;
  --purple-900: #44337a;
  --pink-100: #fff5f7;
  --pink-200: #fed7e2;
  --pink-300: #fbb6ce;
  --pink-400: #f687b3;
  --pink-500: #ed64a6;
  --pink-600: #d53f8c;
  --pink-700: #b83280;
  --pink-800: #97266d;
  --pink-900: #702459;
}
.auau-nuxt-calendar .vc-container.vc-red {
  --accent-100: var(--red-100);
  --accent-200: var(--red-200);
  --accent-300: var(--red-300);
  --accent-400: var(--red-400);
  --accent-500: var(--red-500);
  --accent-600: var(--red-600);
  --accent-700: var(--red-700);
  --accent-800: var(--red-800);
  --accent-900: var(--red-900);
}
.auau-nuxt-calendar .vc-container.vc-orange {
  --accent-100: var(--orange-100);
  --accent-200: var(--orange-200);
  --accent-300: var(--orange-300);
  --accent-400: var(--orange-400);
  --accent-500: var(--orange-500);
  --accent-600: var(--orange-600);
  --accent-700: var(--orange-700);
  --accent-800: var(--orange-800);
  --accent-900: var(--orange-900);
}
.auau-nuxt-calendar .vc-container.vc-yellow {
  --accent-100: var(--yellow-100);
  --accent-200: var(--yellow-200);
  --accent-300: var(--yellow-300);
  --accent-400: var(--yellow-400);
  --accent-500: var(--yellow-500);
  --accent-600: var(--yellow-600);
  --accent-700: var(--yellow-700);
  --accent-800: var(--yellow-800);
  --accent-900: var(--yellow-900);
}
.auau-nuxt-calendar .vc-container.vc-green {
  --accent-100: var(--green-100);
  --accent-200: var(--green-200);
  --accent-300: var(--green-300);
  --accent-400: var(--green-400);
  --accent-500: var(--green-500);
  --accent-600: var(--green-600);
  --accent-700: var(--green-700);
  --accent-800: var(--green-800);
  --accent-900: var(--green-900);
}
.auau-nuxt-calendar .vc-container.vc-teal {
  --accent-100: var(--teal-100);
  --accent-200: var(--teal-200);
  --accent-300: var(--teal-300);
  --accent-400: var(--teal-400);
  --accent-500: var(--teal-500);
  --accent-600: var(--teal-600);
  --accent-700: var(--teal-700);
  --accent-800: var(--teal-800);
  --accent-900: var(--teal-900);
}
.auau-nuxt-calendar .vc-container.vc-blue {
  --accent-100: var(--blue-100);
  --accent-200: var(--blue-200);
  --accent-300: var(--blue-300);
  --accent-400: var(--blue-400);
  --accent-500: var(--blue-500);
  --accent-600: var(--blue-600);
  --accent-700: var(--blue-700);
  --accent-800: var(--blue-800);
  --accent-900: var(--blue-900);
}
.auau-nuxt-calendar .vc-container.vc-indigo {
  --accent-100: var(--indigo-100);
  --accent-200: var(--indigo-200);
  --accent-300: var(--indigo-300);
  --accent-400: var(--indigo-400);
  --accent-500: var(--indigo-500);
  --accent-600: var(--indigo-600);
  --accent-700: var(--indigo-700);
  --accent-800: var(--indigo-800);
  --accent-900: var(--indigo-900);
}
.auau-nuxt-calendar .vc-container.vc-purple {
  --accent-100: var(--purple-100);
  --accent-200: var(--purple-200);
  --accent-300: var(--purple-300);
  --accent-400: var(--purple-400);
  --accent-500: var(--purple-500);
  --accent-600: var(--purple-600);
  --accent-700: var(--purple-700);
  --accent-800: var(--purple-800);
  --accent-900: var(--purple-900);
}
.auau-nuxt-calendar .vc-container.vc-pink {
  --accent-100: var(--pink-100);
  --accent-200: var(--pink-200);
  --accent-300: var(--pink-300);
  --accent-400: var(--pink-400);
  --accent-500: var(--pink-500);
  --accent-600: var(--pink-600);
  --accent-700: var(--pink-700);
  --accent-800: var(--pink-800);
  --accent-900: var(--pink-900);
}
.auau-nuxt-calendar .vc-container {
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --leading-snug: 1.375;
  --rounded: .25rem;
  --rounded-lg: .5rem;
  --rounded-full: 9999px;
  --shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
  --shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
  --slide-translate: 22px;
  --slide-duration: .15s;
  --slide-timing: ease;
  --day-content-transition-time: .13s ease-in;
  --weeknumber-offset: -34px;
  position: relative;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: -webkit-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: max-content;
  font-family: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: var(--gray-900);
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--gray-400);
  border-radius: var(--rounded-lg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.auau-nuxt-calendar .vc-container, .auau-nuxt-calendar .vc-container * {
  box-sizing: border-box;
}
.auau-nuxt-calendar .vc-container:focus, .auau-nuxt-calendar .vc-container *:focus {
  outline: none;
}
.auau-nuxt-calendar .vc-container button, .auau-nuxt-calendar .vc-container [role=button] {
  cursor: pointer;
}
.auau-nuxt-calendar .vc-container.vc-is-expanded {
  min-width: 100%;
}
.auau-nuxt-calendar .vc-container .vc-container {
  border: none;
}
.auau-nuxt-calendar .vc-container.vc-is-dark {
  color: var(--gray-100);
  background-color: var(--gray-900);
  border-color: var(--gray-700);
}
.auau-nuxt-calendar .auau-nuxt-calendar__vc-picker.vc-container {
  width: 100%;
  box-shadow: none;
  border: none;
}
.auau-nuxt-calendar .auau-nuxt-calendar__vc-picker .vc-header {
  padding: 24px 0;
  margin: 0 24px;
}
.auau-nuxt-calendar .auau-nuxt-calendar__vc-picker .white-content {
  color: #ffffff;
}
.auau-nuxt-calendar .auau-nuxt-calendar__vc-picker .vc-arrows-container {
  padding: 21px 16px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 230px;
}
.auau-nuxt-calendar .auau-nuxt-calendar__vc-picker .vc-arrow {
  color: #949494;
}
.auau-nuxt-calendar .auau-nuxt-calendar__vc-picker .vc-weeks {
  margin: 12px 24px;
  gap: 0 16px;
}
.auau-nuxt-calendar .auau-nuxt-calendar__vc-picker .vc-weekday {
  color: #949494;
  font-weight: 400;
}
.auau-nuxt-calendar .auau-nuxt-calendar__vc-picker .vc-focusable:hover,
.auau-nuxt-calendar .auau-nuxt-calendar__vc-picker .vc-focusable:focus {
  background-color: transparent;
}
.auau-nuxt-calendar .auau-nuxt-calendar__vc-picker .vc-popover-caret {
  display: none;
}
@media (max-width: 767px) {
.auau-nuxt-calendar .auau-nuxt-calendar__vc-picker .vc-header,
.auau-nuxt-calendar .auau-nuxt-calendar__vc-picker .vc-weeks,
.auau-nuxt-calendar .auau-nuxt-calendar__vc-picker .auau-nuxt-calendar__footer {
    margin-left: 0;
    margin-right: 0;
}
}
.auau-nuxt-calendar-event-card {
  display: flex;
  flex-direction: column;
  color: var(--color);
  position: relative;
  padding: 4px 8px;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
}
.auau-nuxt-calendar-event-card a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.auau-nuxt-calendar-event-card::after {
  border-radius: 4px;
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.1;
  background-color: var(--color);
}
.auau-nuxt-calendar-event-card .auau-nuxt-calendar-event-card__time-label {
  font-weight: 700;
}
.auau-nuxt-calendar-event-card .auau-nuxt-calendar-event-card__item-label,
.auau-nuxt-calendar-event-card .auau-nuxt-calendar-event-card__time-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.auau-nuxt-checkbox {
  line-height: 1.5;
}
.auau-nuxt-checkbox .auau-nuxt-checkbox__checkbox-wrapper {
  display: flex;
}
.auau-nuxt-checkbox .auau-nuxt-checkbox__checkbox-checkmark {
  border: 1px solid #949494;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  min-height: var(--size);
  max-width: var(--size);
  max-height: var(--size);
  border-radius: 3px;
  position: relative;
  align-self: center;
}
.auau-nuxt-checkbox .auau-nuxt-checkbox__checkbox-checkmark i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: transparent;
}
.auau-nuxt-checkbox .auau-nuxt-checkbox__checkbox-checkmark.indeterminate, .auau-nuxt-checkbox .auau-nuxt-checkbox__checkbox-checkmark.checked {
  border-color: var(--auau-800, #f8b818);
}
.auau-nuxt-checkbox .auau-nuxt-checkbox__checkbox-checkmark.indeterminate i, .auau-nuxt-checkbox .auau-nuxt-checkbox__checkbox-checkmark.checked i {
  color: var(--auau-800, #f8b818);
}
.auau-nuxt-checkbox .auau-nuxt-checkbox__empty-hint {
  color: #dc3030;
}
.auau-nuxt-checkbox .auau-nuxt-checkbox__checkbox-label {
  margin-left: 5px;
}
.auau-nuxt-checkbox .auau-nuxt-checkbox__error-text {
  color: #dc3030;
}
.auau-nuxt-checkbox.disabled .auau-nuxt-checkbox__checkbox-checkmark {
  border-color: #d1d1d1;
}
.auau-nuxt-checkbox.disabled .auau-nuxt-checkbox__checkbox-label {
  color: #d1d1d1;
}
.auau-nuxt-checkbox .auau-nuxt-checkbox__checkbox-circle-checkmark {
  border: 1px solid #949494;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  min-height: var(--size);
  max-width: var(--size);
  max-height: var(--size);
  border-radius: 50%;
  position: relative;
  align-self: center;
}
.auau-nuxt-checkbox .auau-nuxt-checkbox__checkbox-circle-checkmark:before {
  content: "";
  position: absolute;
}
.auau-nuxt-checkbox .auau-nuxt-checkbox__checkbox-circle-checkmark.indeterminate, .auau-nuxt-checkbox .auau-nuxt-checkbox__checkbox-circle-checkmark.checked {
  border-color: var(--auau-800, #f8b818);
}
.auau-nuxt-checkbox .auau-nuxt-checkbox__checkbox-circle-checkmark.indeterminate i, .auau-nuxt-checkbox .auau-nuxt-checkbox__checkbox-circle-checkmark.checked i {
  color: var(--auau-800, #f8b818);
}
.auau-nuxt-checkbox .auau-nuxt-checkbox__checkbox-circle-checkmark i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: transparent;
  display: inline-block;
  width: var(--caled-size);
  height: var(--caled-size);
  border-radius: 50%;
  background-color: var(--auau-800, #f8b818);
}
.auau-nuxt-icon-label {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  gap: 8px;
  color: #949494;
}
.auau-nuxt-icon-label > .auau-nuxt-icon {
  display: flex;
  margin-top: auto;
  margin-bottom: auto;
  color: #949494;
}
.auau-nuxt-icon-label .auau-nuxt-icon-label__label.hoverable {
  transition: all 0.3s ease;
}
.auau-nuxt-icon-label .auau-nuxt-icon-label__label.hoverable:hover {
  display: block;
  overflow: visible;
  white-space: normal;
  color: var(--auau-800, #f8b818);
}
.auau-nuxt-icon-label .auau-nuxt-icon-label__label.text-overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.auau-nuxt-icon-label .auau-nuxt-icon-label__label.overflow-line {
  white-space: unset;
  display: -webkit-box;
  -webkit-line-clamp: var(--line);
  -webkit-box-orient: vertical;
}
.auau-nuxt-icon-label.default {
  color: #2d2d2d;
}
.auau-nuxt-icon-label.primary {
  color: var(--auau-800, #f8b818);
}
.auau-nuxt-icon-label.primary > .auau-nuxt-icon {
  color: var(--auau-800, #f8b818);
}
.auau-nuxt-icon-label.secondary {
  color: #949494;
}
.auau-nuxt-icon-label.small {
  font-size: 11px;
  font-weight: 300;
  line-height: 16px;
}
.auau-nuxt-icon-label.small > .auau-nuxt-icon {
  margin-top: 1px;
  margin-bottom: auto;
}
.auau-nuxt-class-card {
  display: flex;
  background: #ffffff;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.07);
  border-radius: 8px;
  height: 201px;
  min-width: 325px;
}
.auau-nuxt-class-card .auau-nuxt-class-card__cover-image .auau-nuxt-image__object-cover {
  height: 180px;
}
.auau-nuxt-class-card .auau-nuxt-class-card__cover-image img {
  width: 268px;
  max-width: 268px;
  border-radius: 8px 0px 0px 8px;
  aspect-ratio: 4/3;
}
.auau-nuxt-class-card .auau-nuxt-class-card__content {
  width: 100%;
  padding: 16px 24px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content max-content;
  grid-template-rows: max-content minmax(max-content, 1fr) max-content;
  grid-template-areas: "time time time" "name name name" "info remark actions";
}
.auau-nuxt-class-card .auau-nuxt-class-card__time {
  grid-area: time;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #d1d1d1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: center;
  white-space: pre-wrap;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-class-card .auau-nuxt-class-card__time {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-class-card .auau-nuxt-class-card__name {
  grid-area: name;
}
.auau-nuxt-class-card .auau-nuxt-class-card__name > span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}
.auau-nuxt-class-card .auau-nuxt-class-card__info {
  grid-area: info;
}
.auau-nuxt-class-card .auau-nuxt-class-card__remark {
  grid-area: remark;
  color: #dc3030;
  align-self: center;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-class-card .auau-nuxt-class-card__actions {
  grid-area: actions;
  align-self: flex-end;
  padding-left: 16px;
  align-self: center;
}
.auau-nuxt-class-card .auau-nuxt-class-card__staff .auau-nuxt-icon-label__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
.auau-nuxt-class-card {
    flex-direction: column;
    height: unset;
}
.auau-nuxt-class-card .auau-nuxt-class-card__cover-image img {
    width: 100%;
    max-width: 100%;
    border-radius: 8px 8px 0px 0px;
}
.auau-nuxt-class-card .auau-nuxt-class-card__content {
    padding: 16px;
    display: flex;
    flex-direction: column;
    width: auto;
}
.auau-nuxt-class-card .auau-nuxt-class-card__info {
    margin-top: 16px;
}
.auau-nuxt-class-card .auau-nuxt-class-card__remark {
    align-self: flex-start;
    margin: 0;
    margin-top: 16px;
}
.auau-nuxt-class-card .auau-nuxt-class-card__actions {
    align-self: flex-start;
    display: flex;
    margin-top: 16px;
    padding-left: 0;
    width: 100%;
}
.auau-nuxt-class-card .auau-nuxt-class-card__actions > .auau-nuxt-button {
    width: 100%;
}
.auau-nuxt-class-card .auau-nuxt-class-card__actions .auau-nuxt-class-card__detial-button {
    margin-left: 16px;
}
}
.auau-nuxt-class-grid-card {
  padding: 16px;
  height: max-content;
  background: #ffffff;
  box-sizing: border-box;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.05);
  border: 1px solid #f0f0f0;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  min-width: 325px;
  height: auto;
}
.auau-nuxt-class-grid-card .auau-nuxt-class-grid-card__header {
  display: flex;
  border-bottom: 1px solid #d1d1d1;
  padding-bottom: 16px;
}
.auau-nuxt-class-grid-card .auau-nuxt-class-grid-card__remaining {
  font-size: 11px;
  font-weight: 300;
  line-height: 16px;
  color: #dc3030;
  margin-top: 16px;
}
.auau-nuxt-class-grid-card .auau-nuxt-class-grid-card__name {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  margin-top: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.auau-nuxt-class-grid-card .auau-nuxt-class-grid-card__staff {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
  margin-top: 8px;
}
.auau-nuxt-class-grid-card .auau-nuxt-class-grid-card__address {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
  margin-top: 4px;
}
.auau-nuxt-class-grid-card .auau-nuxt-class-grid-card__address .text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: unset;
}
.auau-nuxt-class-grid-card .auau-nuxt-class-grid-card__actions {
  display: flex;
  align-items: center;
  padding-top: 16px;
  margin-top: auto;
}
.auau-nuxt-class-grid-card .auau-nuxt-class-grid-card__actions > .auau-nuxt-button {
  width: 100%;
}
.auau-nuxt-class-grid-card .auau-nuxt-class-grid-card__actions .shadow__detial-button {
  padding: 0;
  margin-left: 16px;
}
.auau-nuxt-course-card {
  background: #ffffff;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.07);
  display: grid;
  grid-template-rows: max-content minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
}
.auau-nuxt-course-card .auau-nuxt-course-card__cover_image img {
  width: 100%;
  object-fit: cover;
  border-radius: 8px 8px 0px 0px;
  aspect-ratio: 16/9;
}
.auau-nuxt-course-card .auau-nuxt-course-card__wrapper {
  padding: 16px;
  display: flex;
  flex-direction: column;
}
.auau-nuxt-course-card .auau-nuxt-course-card__wrapper .auau-nuxt-course-card__time {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #d1d1d1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: center;
  white-space: pre-wrap;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-course-card .auau-nuxt-course-card__wrapper .auau-nuxt-course-card__time {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-course-card .auau-nuxt-course-card__wrapper .auau-nuxt-course-card__name {
  padding-bottom: 16px;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  max-height: 2em;
  word-break: break-word;
}
@media (max-width: 767px) {
.auau-nuxt-course-card .auau-nuxt-course-card__wrapper .auau-nuxt-course-card__name {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-course-card .auau-nuxt-course-card__wrapper .auau-nuxt-course-card__first-date {
  font-size: 11px;
  font-weight: 300;
  line-height: 16px;
}
.auau-nuxt-course-card .auau-nuxt-course-card__wrapper .auau-nuxt-course-card__classes {
  padding-bottom: 4px;
  margin-top: auto;
}
.auau-nuxt-course-card .auau-nuxt-course-card__wrapper .auau-nuxt-course-card__pricing {
  color: var(--auau-800, #f8b818);
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-course-card .auau-nuxt-course-card__wrapper .auau-nuxt-course-card__pricing {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-course-card .auau-nuxt-course-card__wrapper .auau-nuxt-course-card__remaining {
  padding-top: 16px;
  color: #dc3030;
  font-size: 11px;
  font-weight: 300;
  line-height: 16px;
}
.auau-nuxt-course-card .auau-nuxt-course-card__wrapper .auau-nuxt-course-card__actions {
  padding-top: 16px;
  padding-bottom: 16px;
}
.auau-nuxt-course-card .auau-nuxt-course-card__wrapper .auau-nuxt-course-card__actions .auau-nuxt-course-card__button {
  width: 100%;
}
h1 {
  font-size: 38px;
  font-weight: 700;
  line-height: 55px;
}
@media (max-width: 767px) {
h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
h2 {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
}
@media (max-width: 767px) {
h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
}
@media (max-width: 767px) {
h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
h5 {
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
}
.auau-module + .auau-module {
  border-top: 1px solid #d1d1d1;
}
.auau-nuxt-star-rating i {
  color: #d1d1d1;
  margin-left: 1px;
}
.auau-nuxt-star-rating i::before {
  margin-left: 0;
}
.auau-nuxt-star-rating i:last-child::before {
  margin-right: 0;
}
.auau-nuxt-star-rating i.active {
  color: var(--auau-800, #f8b818);
}
.auau-nuxt-comment-card {
  display: grid;
  grid-template-columns: 100px auto;
  grid-template-rows: auto auto auto;
}
.auau-nuxt-comment-card .auau-nuxt-comment-card__name {
  grid-area: 1/1/2/2;
}
.auau-nuxt-comment-card .auau-nuxt-star-rating {
  grid-area: 1/2/2/3;
  margin-left: 10px;
  align-self: center;
}
.auau-nuxt-comment-card .auau-nuxt-comment-card__date {
  grid-area: 2/1/3/3;
}
.auau-nuxt-comment-card .auau-nuxt-comment-card__message {
  grid-area: 3/1/4/3;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-comment-card .auau-nuxt-comment-card__name {
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
.auau-nuxt-comment-card .auau-nuxt-comment-card__name {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-comment-card .auau-nuxt-comment-card__date {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  color: #949494;
}
@media (max-width: 767px) {
.auau-nuxt-comment-card .auau-nuxt-comment-card__date {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-comment-card .auau-nuxt-comment-card__message {
  margin-top: 20px;
  color: #949494;
}
.auau-nuxt-comment-form .auau-nuxt-comment-form__comment-form-wrapper {
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.auau-nuxt-comment-form .auau-nuxt-comment-form__comment-form-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-comment-form .auau-nuxt-comment-form__comment-form-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-comment-form .auau-nuxt-comment-form__comment-form-rating {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto auto;
  margin-right: auto;
  color: #d1d1d1;
  margin-top: 20px;
}
.auau-nuxt-comment-form .auau-nuxt-comment-form__comment-form-rating .auau-nuxt-star-rating {
  grid-area: 1/1/2/3;
}
.auau-nuxt-comment-form .auau-nuxt-comment-form__comment-form-rating .auau-nuxt-star-rating i {
  margin-left: 3px;
}
.auau-nuxt-comment-form .auau-nuxt-comment-form__comment-form-rating .auau-nuxt-star-rating i::before {
  margin-left: 0;
}
.auau-nuxt-comment-form .auau-nuxt-comment-form__comment-form-rating .auau-nuxt-star-rating i:last-child::before {
  margin-right: 0;
}
.auau-nuxt-comment-form .auau-nuxt-comment-form__comment-form-rating .auau-nuxt-comment-form__comment-form-rating-label-min {
  grid-area: 2/1/3/2;
  font-size: 11px;
  font-weight: 300;
  line-height: 16px;
}
.auau-nuxt-comment-form .auau-nuxt-comment-form__comment-form-rating .auau-nuxt-comment-form__comment-form-rating-label-max {
  justify-self: end;
  grid-area: 2/2/3/3;
  font-size: 11px;
  font-weight: 300;
  line-height: 16px;
}
.auau-nuxt-comment-form .auau-nuxt-comment-form__comment-message {
  margin-top: 30px;
}
.auau-nuxt-comment-form .auau-nuxt-comment-form__comment-message textarea {
  width: calc(100% - 40px);
  height: 150px;
  padding: 20px;
  background-color: #fafafc;
  border-radius: 8px;
  border: 1px solid #d1d1d1;
  resize: none;
  outline: none;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
}
.auau-nuxt-comment-form .auau-nuxt-comment-form__comment-message textarea::placeholder {
  color: #d1d1d1;
}
.auau-nuxt-comment-form .auau-nuxt-comment-form__comment-message .auau-nuxt-button {
  margin-left: auto;
}
@media (max-width: 767px) {
.auau-nuxt-comment-form .auau-nuxt-comment-form__comment-form-wrapper {
    padding: 0;
    box-shadow: none;
}
.auau-nuxt-comment-form .auau-nuxt-comment-form__comment-form-title {
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
}
.auau-nuxt-comment-form .auau-nuxt-comment-form__comment-message textarea {
    font-size: 15px;
    font-weight: 300;
    line-height: 22px;
    height: 80px;
}
}
.auau-nuxt-container {
  max-width: 1032px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 24px;
  padding-left: 24px;
}
@media (max-width: 1127px) {
.auau-nuxt-container {
    padding-right: 40px;
    padding-left: 40px;
}
}
@media (max-width: 767px) {
.auau-nuxt-container {
    padding-right: 24px;
    padding-left: 24px;
}
}
.auau-nuxt-fixed-bottom-bar {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0px -3px 15px rgba(0, 0, 0, 0.07);
  backdrop-filter: blur(22px);
  padding: 18px 24px;
  box-sizing: border-box;
  z-index: 99;
}
.auau-nuxt-cookie-bar {
  border-radius: 0;
  box-shadow: 0px -3px 15px rgba(0, 0, 0, 0.07);
}
.auau-nuxt-cookie-bar .auau-nuxt-cookie-bar__wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  box-sizing: border-box;
}
.auau-nuxt-cookie-bar .auau-nuxt-cookie-bar__message {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
}
.auau-nuxt-cookie-bar .auau-nuxt-cookie-bar__message a {
  color: #2d2d2d;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  text-decoration: none;
}
.auau-nuxt-cookie-bar .auau-nuxt-cookie-bar__btn {
  margin-left: auto;
}
@media (max-width: 767px) {
.auau-nuxt-cookie-bar .auau-nuxt-cookie-bar__wrapper {
    padding: 12px 24px;
    flex-direction: column;
}
.auau-nuxt-cookie-bar .auau-nuxt-cookie-bar__btn {
    margin: 0;
    width: 100%;
}
}
.auau-nuxt-text-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.auau-nuxt-text-field label {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-text-field .auau-nuxt-text-field__input-wrapper {
  display: grid;
  position: relative;
  height: 100%;
}
.auau-nuxt-text-field input {
  border: 1px solid #d1d1d1;
  background-color: #fafafc;
  padding: 6px 20px 6px 15px;
  border-radius: 8px;
  outline: none;
  width: 100%;
  box-sizing: border-box;
  height: 43px;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  font-family: inherit;
}
.auau-nuxt-text-field input::placeholder {
  color: #d1d1d1;
  letter-spacing: normal;
}
.auau-nuxt-text-field input.has-icon {
  padding-right: 50px;
}
.auau-nuxt-text-field input.has-leading-icon {
  padding-left: 50px;
}
.auau-nuxt-text-field input[type=password] {
  letter-spacing: 18px;
}
.auau-nuxt-text-field .auau-nuxt-text-field__leading-icon,
.auau-nuxt-text-field .auau-nuxt-text-field__show-password {
  position: absolute;
  top: 50%;
}
.auau-nuxt-text-field .auau-nuxt-text-field__leading-icon i,
.auau-nuxt-text-field .auau-nuxt-text-field__show-password i {
  color: #949494;
}
.auau-nuxt-text-field .auau-nuxt-text-field__show-password {
  right: 0%;
  transform: translate(-50%, -50%);
  display: flex;
  height: max-content;
}
.auau-nuxt-text-field .auau-nuxt-text-field__leading-icon {
  left: 0%;
  transform: translate(50%, -50%);
  display: flex;
  height: max-content;
}
.auau-nuxt-text-field .auau-nuxt-text-field__helpText {
  color: #949494;
}
.auau-nuxt-text-field .auau-nuxt-text-field__error {
  color: #dc3030;
}
.auau-nuxt-text-field .auau-nuxt-text-field__error span {
  margin-right: 4px;
}
.auau-nuxt-payment-coupon-code {
  display: grid;
  gap: 24px;
  padding: 40px 0px;
}
.auau-nuxt-payment-coupon-code .auau-nuxt-payment-coupon-code__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-payment-coupon-code .auau-nuxt-payment-coupon-code__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-payment-coupon-code .auau-nuxt-payment-coupon-code__note {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-payment-coupon-code .auau-nuxt-payment-coupon-code__text-field {
  display: flex;
  gap: 16px;
  align-items: center;
}
.auau-nuxt-payment-coupon-code .auau-nuxt-payment-coupon-code__text-field .auau-nuxt-text-field {
  min-width: 291px;
}
@media (max-width: 767px) {
.auau-nuxt-payment-coupon-code .auau-nuxt-payment-coupon-code__text-field .auau-nuxt-text-field {
    min-width: unset;
}
}
.auau-nuxt-field {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.auau-nuxt-field .auau-nuxt-field__label {
  margin-bottom: 8px;
  color: #949494;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-field .auau-nuxt-field__label.bold {
  color: #2d2d2d;
  font-size: 18px;
  font-weight: 500;
}
.auau-nuxt-field .auau-nuxt-field__label-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.auau-nuxt-field .auau-nuxt-field__corner-label {
  margin-left: auto;
}
.auau-nuxt-field .auau-nuxt-field__empty-hint {
  color: #dc3030;
}
.auau-nuxt-field .auau-nuxt-field__helpText {
  margin-top: 8px;
}
.auau-nuxt-field .auau-nuxt-field__helpText.default {
  color: #949494;
}
.auau-nuxt-field .auau-nuxt-field__helpText.active {
  color: var(--auau-800, #f8b818);
}
.auau-nuxt-field .auau-nuxt-field__helpText.success {
  color: #38c172;
}
.auau-nuxt-field .auau-nuxt-field__helpText.error {
  color: #dc3030;
}
.auau-nuxt-field .auau-nuxt-field__helpText.disabled {
  color: #d1d1d1;
}
.auau-nuxt-modal .auau-nuxt-modal-base__modal-wrapper {
  max-height: 604px;
}
.auau-nuxt-modal .auau-nuxt-modal__scrollbar-content {
  padding: 32px 40px;
  height: max-content !important;
  max-height: inherit;
}
.auau-nuxt-modal .auau-nuxt-modal-base__modal-wrapper.small {
  min-width: 458px;
}
.auau-nuxt-modal .auau-nuxt-modal-base__modal-wrapper.large {
  min-width: 800px;
}
.auau-nuxt-modal .auau-nuxt-modal__title {
  margin-bottom: 20px;
  font-size: 38px;
  font-weight: 700;
  line-height: 55px;
}
@media (max-width: 767px) {
.auau-nuxt-modal .auau-nuxt-modal__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
.auau-nuxt-modal .auau-nuxt-modal__content {
  padding-top: 20px;
}
.auau-nuxt-modal .auau-nuxt-modal__actions {
  margin-top: 40px;
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}
@media (max-width: 767px) {
.auau-nuxt-modal .auau-nuxt-modal__title {
    margin-bottom: 10px;
}
.auau-nuxt-modal .auau-nuxt-modal__content {
    padding-top: 10px;
}
.auau-nuxt-modal .auau-nuxt-modal-base__modal-wrapper {
    width: 100%;
    max-width: 100%;
    min-width: 100% !important;
    max-height: calc(var(--vh-px) * 0.95);
    position: absolute;
    border-end-start-radius: 0;
    border-end-end-radius: 0;
    bottom: 0;
    z-index: 100;
}
.auau-nuxt-modal .auau-nuxt-modal__scrollbar-content {
    padding: 16px 20px;
}
.auau-nuxt-modal .auau-nuxt-modal-base__close-btn {
    top: 15px;
    right: 15px;
}
.auau-nuxt-modal .auau-nuxt-modal__actions {
    margin-top: 20px;
}
}
.auau-nuxt-datepicker .vc-pane-container {
  width: 100%;
  position: relative;
}
.auau-nuxt-datepicker .vc-pane-container.in-transition {
  overflow: hidden;
}
.auau-nuxt-datepicker .vc-pane-layout {
  display: grid;
}
.auau-nuxt-datepicker .vc-arrow {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: auto;
  color: var(--gray-600);
  border-width: 2px;
  border-style: solid;
  border-radius: var(--rounded);
  border-color: transparent;
}
.auau-nuxt-datepicker .vc-arrow:hover {
  background: var(--gray-200);
}
.auau-nuxt-datepicker .vc-arrow:focus {
  border-color: var(--gray-300);
}
.auau-nuxt-datepicker .vc-arrow.is-disabled {
  opacity: 0.25;
  pointer-events: none;
  cursor: not-allowed;
}
.auau-nuxt-datepicker .vc-day-popover-container {
  color: var(--white);
  background-color: var(--gray-800);
  border: 1px solid;
  border-color: var(--gray-700);
  border-radius: var(--rounded);
  font-size: var(--text-xs);
  font-weight: var(--font-medium);
  padding: 4px 8px;
  box-shadow: var(--shadow);
}
.auau-nuxt-datepicker .vc-day-popover-header {
  font-size: var(--text-xs);
  color: var(--gray-300);
  font-weight: var(--font-semibold);
  text-align: center;
}
.auau-nuxt-datepicker .vc-arrows-container {
  width: 100%;
  position: absolute;
  top: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 8px 10px;
  pointer-events: none;
}
.auau-nuxt-datepicker .vc-arrows-container.title-left {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.auau-nuxt-datepicker .vc-arrows-container.title-right {
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.auau-nuxt-datepicker .vc-is-dark .vc-arrow {
  color: var(--white);
}
.auau-nuxt-datepicker .vc-is-dark .vc-arrow:hover {
  background: var(--gray-800);
}
.auau-nuxt-datepicker .vc-is-dark .vc-arrow:focus {
  border-color: var(--gray-700);
}
.auau-nuxt-datepicker .vc-is-dark .vc-day-popover-container {
  color: var(--gray-800);
  background-color: var(--white);
  border-color: var(--gray-100);
}
.auau-nuxt-datepicker .vc-is-dark .vc-day-popover-header {
  color: var(--gray-700);
}
.auau-nuxt-datepicker .vc-day {
  position: relative;
  min-height: 32px;
  z-index: 1;
}
.auau-nuxt-datepicker .vc-day.is-not-in-month * {
  opacity: 0;
  pointer-events: none;
}
.auau-nuxt-datepicker .vc-day-layer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
}
.auau-nuxt-datepicker .vc-day-box-center-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.auau-nuxt-datepicker .vc-day-box-left-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.auau-nuxt-datepicker .vc-day-box-right-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.auau-nuxt-datepicker .vc-day-box-center-bottom {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.auau-nuxt-datepicker .vc-day-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: var(--text-sm);
  font-weight: var(--font-medium);
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: var(--rounded-full);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.auau-nuxt-datepicker .vc-day-content:hover {
  background-color: #ccd6e04d;
}
.auau-nuxt-datepicker .vc-day-content:focus {
  font-weight: var(--font-bold);
  background-color: #ccd6e066;
}
.auau-nuxt-datepicker .vc-day-content.is-disabled {
  color: var(--gray-400);
}
.auau-nuxt-datepicker .vc-is-dark .vc-day-content:hover {
  background-color: #7281974d;
}
.auau-nuxt-datepicker .vc-is-dark .vc-day-content:focus {
  background-color: #72819766;
}
.auau-nuxt-datepicker .vc-is-dark .vc-day-content.is-disabled {
  color: var(--gray-600);
}
.auau-nuxt-datepicker .vc-highlights {
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
.auau-nuxt-datepicker .vc-highlight {
  width: 28px;
  height: 28px;
}
.auau-nuxt-datepicker .vc-highlight.vc-highlight-base-start {
  width: 50% !important;
  border-radius: 0 !important;
  border-right-width: 0 !important;
}
.auau-nuxt-datepicker .vc-highlight.vc-highlight-base-end {
  width: 50% !important;
  border-radius: 0 !important;
  border-left-width: 0 !important;
}
.auau-nuxt-datepicker .vc-highlight.vc-highlight-base-middle {
  width: 100%;
  border-radius: 0 !important;
  border-left-width: 0 !important;
  border-right-width: 0 !important;
  margin: 0 -1px;
}
.auau-nuxt-datepicker .vc-dots {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.auau-nuxt-datepicker .vc-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  transition: all var(--day-content-transition-time);
}
.auau-nuxt-datepicker .vc-dot:not(:last-child) {
  margin-right: 3px;
}
.auau-nuxt-datepicker .vc-bars {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 75%;
}
.auau-nuxt-datepicker .vc-bar {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 3px;
  transition: all var(--day-content-transition-time);
}
.auau-nuxt-datepicker .vc-nav-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.auau-nuxt-datepicker .vc-nav-arrow {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: var(--leading-snug);
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  border-radius: var(--rounded);
}
.auau-nuxt-datepicker .vc-nav-arrow.is-left {
  margin-right: auto;
}
.auau-nuxt-datepicker .vc-nav-arrow.is-right {
  margin-left: auto;
}
.auau-nuxt-datepicker .vc-nav-arrow.is-disabled {
  opacity: 0.25;
  pointer-events: none;
  cursor: not-allowed;
}
.auau-nuxt-datepicker .vc-nav-arrow:hover {
  background-color: var(--gray-900);
}
.auau-nuxt-datepicker .vc-nav-arrow:focus {
  border-color: var(--accent-600);
}
.auau-nuxt-datepicker .vc-nav-title {
  color: var(--accent-100);
  font-weight: var(--font-bold);
  line-height: var(--leading-snug);
  padding: 4px 8px;
  border-radius: var(--rounded);
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.auau-nuxt-datepicker .vc-nav-title:hover {
  background-color: var(--gray-900);
}
.auau-nuxt-datepicker .vc-nav-title:focus {
  border-color: var(--accent-600);
}
.auau-nuxt-datepicker .vc-nav-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 2px;
  grid-column-gap: 5px;
}
.auau-nuxt-datepicker .vc-nav-item {
  width: 48px;
  text-align: center;
  line-height: var(--leading-snug);
  font-weight: var(--font-semibold);
  padding: 4px 0;
  cursor: pointer;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  border-radius: var(--rounded);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.auau-nuxt-datepicker .vc-nav-item:hover {
  color: var(--white);
  background-color: var(--gray-900);
  box-shadow: var(--shadow-inner);
}
.auau-nuxt-datepicker .vc-nav-item.is-active {
  color: var(--accent-900);
  background: var(--accent-100);
  font-weight: var(--font-bold);
  box-shadow: var(--shadow);
}
.auau-nuxt-datepicker .vc-nav-item.is-current {
  color: var(--accent-100);
  font-weight: var(--bold);
  border-color: var(--accent-100);
}
.auau-nuxt-datepicker .vc-nav-item:focus {
  border-color: var(--accent-600);
}
.auau-nuxt-datepicker .vc-nav-item.is-disabled {
  opacity: 0.25;
  pointer-events: none;
}
.auau-nuxt-datepicker .vc-is-dark .vc-nav-title {
  color: var(--gray-900);
}
.auau-nuxt-datepicker .vc-is-dark .vc-nav-title:hover {
  background-color: var(--gray-200);
}
.auau-nuxt-datepicker .vc-is-dark .vc-nav-title:focus {
  border-color: var(--accent-400);
}
.auau-nuxt-datepicker .vc-is-dark .vc-nav-arrow:hover {
  background-color: var(--gray-200);
}
.auau-nuxt-datepicker .vc-is-dark .vc-nav-arrow:focus {
  border-color: var(--accent-400);
}
.auau-nuxt-datepicker .vc-is-dark .vc-nav-item:hover {
  color: var(--gray-900);
  background-color: var(--gray-200);
  box-shadow: none;
}
.auau-nuxt-datepicker .vc-is-dark .vc-nav-item.is-active {
  color: var(--white);
  background: var(--accent-500);
}
.auau-nuxt-datepicker .vc-is-dark .vc-nav-item.is-current {
  color: var(--accent-600);
  border-color: var(--accent-500);
}
.auau-nuxt-datepicker .vc-is-dark .vc-nav-item:focus {
  border-color: var(--accent-400);
}
.auau-nuxt-datepicker .vc-pane {
  min-width: 250px;
}
.auau-nuxt-datepicker .vc-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 16px 0;
}
.auau-nuxt-datepicker .vc-header.align-left {
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.auau-nuxt-datepicker .vc-header.align-right {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.auau-nuxt-datepicker .vc-title {
  font-size: var(--text-lg);
  color: var(--gray-800);
  font-weight: var(--font-semibold);
  line-height: 28px;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.auau-nuxt-datepicker .vc-title:hover {
  opacity: 0.75;
}
.auau-nuxt-datepicker .vc-weeknumber {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.auau-nuxt-datepicker .vc-weeknumber-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: var(--text-xs);
  font-weight: var(--font-medium);
  font-style: italic;
  width: 28px;
  height: 28px;
  margin-top: 2px;
  color: var(--gray-500);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.auau-nuxt-datepicker .vc-weeknumber-content.is-left-outside {
  position: absolute;
  left: var(--weeknumber-offset);
}
.auau-nuxt-datepicker .vc-weeknumber-content.is-right-outside {
  position: absolute;
  right: var(--weeknumber-offset);
}
.auau-nuxt-datepicker .vc-weeks {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  position: relative;
  -webkit-overflow-scrolling: touch;
  padding: 6px;
  min-width: 250px;
}
.auau-nuxt-datepicker .vc-weeks.vc-show-weeknumbers {
  grid-template-columns: auto repeat(7, 1fr);
}
.auau-nuxt-datepicker .vc-weeks.vc-show-weeknumbers.is-right {
  grid-template-columns: repeat(7, 1fr) auto;
}
.auau-nuxt-datepicker .vc-weekday {
  text-align: center;
  color: var(--gray-500);
  font-size: var(--text-sm);
  font-weight: var(--font-bold);
  line-height: 14px;
  padding-top: 4px;
  padding-bottom: 8px;
  cursor: default;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.auau-nuxt-datepicker .vc-weekdays {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.auau-nuxt-datepicker .vc-nav-popover-container {
  color: var(--white);
  font-size: var(--text-sm);
  font-weight: var(--font-semibold);
  background-color: var(--gray-800);
  border: 1px solid;
  border-color: var(--gray-700);
  border-radius: var(--rounded-lg);
  padding: 4px;
  box-shadow: var(--shadow);
}
.auau-nuxt-datepicker .vc-is-dark .vc-header {
  color: var(--gray-200);
}
.auau-nuxt-datepicker .vc-is-dark .vc-title {
  color: var(--gray-100);
}
.auau-nuxt-datepicker .vc-is-dark .vc-weekday {
  color: var(--accent-200);
}
.auau-nuxt-datepicker .vc-is-dark .vc-nav-popover-container {
  color: var(--gray-800);
  background-color: var(--white);
  border-color: var(--gray-100);
}
.auau-nuxt-datepicker .vc-none-enter-active, .auau-nuxt-datepicker .vc-none-leave-active {
  transition-duration: 0s;
}
.auau-nuxt-datepicker .vc-fade-enter-active, .auau-nuxt-datepicker .vc-fade-leave-active, .auau-nuxt-datepicker .vc-slide-left-enter-active, .auau-nuxt-datepicker .vc-slide-left-leave-active, .auau-nuxt-datepicker .vc-slide-right-enter-active, .auau-nuxt-datepicker .vc-slide-right-leave-active, .auau-nuxt-datepicker .vc-slide-up-enter-active, .auau-nuxt-datepicker .vc-slide-up-leave-active, .auau-nuxt-datepicker .vc-slide-down-enter-active, .auau-nuxt-datepicker .vc-slide-down-leave-active, .auau-nuxt-datepicker .vc-slide-fade-enter-active, .auau-nuxt-datepicker .vc-slide-fade-leave-active {
  transition: opacity var(--slide-duration) var(--slide-timing), -webkit-transform var(--slide-duration) var(--slide-timing);
  transition: transform var(--slide-duration) var(--slide-timing), opacity var(--slide-duration) var(--slide-timing);
  transition: transform var(--slide-duration) var(--slide-timing), opacity var(--slide-duration) var(--slide-timing), -webkit-transform var(--slide-duration) var(--slide-timing);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
}
.auau-nuxt-datepicker .vc-none-leave-active, .auau-nuxt-datepicker .vc-fade-leave-active, .auau-nuxt-datepicker .vc-slide-left-leave-active, .auau-nuxt-datepicker .vc-slide-right-leave-active, .auau-nuxt-datepicker .vc-slide-up-leave-active, .auau-nuxt-datepicker .vc-slide-down-leave-active {
  position: absolute !important;
  width: 100%;
}
.auau-nuxt-datepicker .vc-none-enter-from, .auau-nuxt-datepicker .vc-none-leave-to, .auau-nuxt-datepicker .vc-fade-enter-from, .auau-nuxt-datepicker .vc-fade-leave-to, .auau-nuxt-datepicker .vc-slide-left-enter-from, .auau-nuxt-datepicker .vc-slide-left-leave-to, .auau-nuxt-datepicker .vc-slide-right-enter-from, .auau-nuxt-datepicker .vc-slide-right-leave-to, .auau-nuxt-datepicker .vc-slide-up-enter-from, .auau-nuxt-datepicker .vc-slide-up-leave-to, .auau-nuxt-datepicker .vc-slide-down-enter-from, .auau-nuxt-datepicker .vc-slide-down-leave-to, .auau-nuxt-datepicker .vc-slide-fade-enter-from, .auau-nuxt-datepicker .vc-slide-fade-leave-to {
  opacity: 0;
}
.auau-nuxt-datepicker .vc-slide-left-enter-from, .auau-nuxt-datepicker .vc-slide-right-leave-to, .auau-nuxt-datepicker .vc-slide-fade-enter-from.direction-left, .auau-nuxt-datepicker .vc-slide-fade-leave-to.direction-left {
  -webkit-transform: translateX(var(--slide-translate));
  transform: translate(var(--slide-translate));
}
.auau-nuxt-datepicker .vc-slide-right-enter-from, .auau-nuxt-datepicker .vc-slide-left-leave-to, .auau-nuxt-datepicker .vc-slide-fade-enter-from.direction-right, .auau-nuxt-datepicker .vc-slide-fade-leave-to.direction-right {
  -webkit-transform: translateX(calc(-1 * var(--slide-translate)));
  transform: translate(calc(-1 * var(--slide-translate)));
}
.auau-nuxt-datepicker .vc-slide-up-enter-from, .auau-nuxt-datepicker .vc-slide-down-leave-to, .auau-nuxt-datepicker .vc-slide-fade-enter-from.direction-top, .auau-nuxt-datepicker .vc-slide-fade-leave-to.direction-top {
  -webkit-transform: translateY(var(--slide-translate));
  transform: translateY(var(--slide-translate));
}
.auau-nuxt-datepicker .vc-slide-down-enter-from, .auau-nuxt-datepicker .vc-slide-up-leave-to, .auau-nuxt-datepicker .vc-slide-fade-enter-from.direction-bottom, .auau-nuxt-datepicker .vc-slide-fade-leave-to.direction-bottom {
  -webkit-transform: translateY(calc(-1 * var(--slide-translate)));
  transform: translateY(calc(-1 * var(--slide-translate)));
}
.auau-nuxt-datepicker .vc-popover-content-wrapper {
  --popover-horizontal-content-offset: 8px;
  --popover-vertical-content-offset: 10px;
  --popover-caret-horizontal-offset: 18px;
  --popover-caret-vertical-offset: 8px;
  position: absolute;
  display: block;
  outline: none;
  z-index: 10;
}
.auau-nuxt-datepicker .vc-popover-content-wrapper:not(.is-interactive) {
  pointer-events: none;
}
.auau-nuxt-datepicker .vc-popover-content {
  position: relative;
  outline: none;
  z-index: 10;
  box-shadow: var(--shadow-lg);
}
.auau-nuxt-datepicker .vc-popover-content.direction-bottom {
  margin-top: var(--popover-vertical-content-offset);
}
.auau-nuxt-datepicker .vc-popover-content.direction-top {
  margin-bottom: var(--popover-vertical-content-offset);
}
.auau-nuxt-datepicker .vc-popover-content.direction-left {
  margin-right: var(--popover-horizontal-content-offset);
}
.auau-nuxt-datepicker .vc-popover-content.direction-right {
  margin-left: var(--popover-horizontal-content-offset);
}
.auau-nuxt-datepicker .vc-popover-caret {
  content: "";
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  border-top: inherit;
  border-left: inherit;
  background-color: inherit;
  z-index: -1;
}
.auau-nuxt-datepicker .vc-popover-caret.direction-bottom {
  top: 0;
}
.auau-nuxt-datepicker .vc-popover-caret.direction-bottom.align-left {
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
.auau-nuxt-datepicker .vc-popover-caret.direction-bottom.align-center {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translate(-50%) translateY(-50%) rotate(45deg);
}
.auau-nuxt-datepicker .vc-popover-caret.direction-bottom.align-right {
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
.auau-nuxt-datepicker .vc-popover-caret.direction-top {
  top: 100%;
}
.auau-nuxt-datepicker .vc-popover-caret.direction-top.align-left {
  -webkit-transform: translateY(-50%) rotate(-135deg);
  transform: translateY(-50%) rotate(-135deg);
}
.auau-nuxt-datepicker .vc-popover-caret.direction-top.align-center {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-135deg);
  transform: translate(-50%) translateY(-50%) rotate(-135deg);
}
.auau-nuxt-datepicker .vc-popover-caret.direction-top.align-right {
  -webkit-transform: translateY(-50%) rotate(-135deg);
  transform: translateY(-50%) rotate(-135deg);
}
.auau-nuxt-datepicker .vc-popover-caret.direction-left {
  left: 100%;
}
.auau-nuxt-datepicker .vc-popover-caret.direction-left.align-top {
  -webkit-transform: translateX(-50%) rotate(135deg);
  transform: translate(-50%) rotate(135deg);
}
.auau-nuxt-datepicker .vc-popover-caret.direction-left.align-middle {
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(135deg);
  transform: translateY(-50%) translate(-50%) rotate(135deg);
}
.auau-nuxt-datepicker .vc-popover-caret.direction-left.align-bottom {
  -webkit-transform: translateX(-50%) rotate(135deg);
  transform: translate(-50%) rotate(135deg);
}
.auau-nuxt-datepicker .vc-popover-caret.direction-right {
  left: 0;
}
.auau-nuxt-datepicker .vc-popover-caret.direction-right.align-top {
  -webkit-transform: translateX(-50%) rotate(-45deg);
  transform: translate(-50%) rotate(-45deg);
}
.auau-nuxt-datepicker .vc-popover-caret.direction-right.align-middle {
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  transform: translateY(-50%) translate(-50%) rotate(-45deg);
}
.auau-nuxt-datepicker .vc-popover-caret.direction-right.align-bottom {
  -webkit-transform: translateX(-50%) rotate(-45deg);
  transform: translate(-50%) rotate(-45deg);
}
.auau-nuxt-datepicker .vc-popover-caret.align-left {
  left: var(--popover-caret-horizontal-offset);
}
.auau-nuxt-datepicker .vc-popover-caret.align-center {
  left: 50%;
}
.auau-nuxt-datepicker .vc-popover-caret.align-right {
  right: var(--popover-caret-horizontal-offset);
}
.auau-nuxt-datepicker .vc-popover-caret.align-top {
  top: var(--popover-caret-vertical-offset);
}
.auau-nuxt-datepicker .vc-popover-caret.align-middle {
  top: 50%;
}
.auau-nuxt-datepicker .vc-popover-caret.align-bottom {
  bottom: var(--popover-caret-vertical-offset);
}
.auau-nuxt-datepicker .vc-day-popover-row {
  --day-content-transition-time: .13s ease-in;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  transition: all var(--day-content-transition-time);
}
.auau-nuxt-datepicker .vc-day-popover-row:not(:first-child) {
  margin-top: 3px;
}
.auau-nuxt-datepicker .vc-day-popover-row-indicator {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: 15px;
  margin-right: 3px;
}
.auau-nuxt-datepicker .vc-day-popover-row-indicator span {
  transition: all var(--day-content-transition-time);
}
.auau-nuxt-datepicker .vc-day-popover-row-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: none;
  -ms-flex-wrap: none;
  flex-wrap: none;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: -webkit-max-content;
  width: max-content;
}
.auau-nuxt-datepicker .vc-svg-icon {
  display: inline-block;
  stroke: currentColor;
  stroke-width: 0;
}
.auau-nuxt-datepicker .vc-svg-icon path {
  fill: currentColor;
}
.auau-nuxt-datepicker .vc-time-picker {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px;
}
.auau-nuxt-datepicker .vc-time-picker.vc-invalid {
  pointer-events: none;
  opacity: 0.5;
}
.auau-nuxt-datepicker .vc-time-picker.vc-bordered {
  border-top: 1px solid var(--gray-400);
}
.auau-nuxt-datepicker .vc-time-icon {
  width: 16px;
  height: 16px;
  color: var(--gray-600);
}
.auau-nuxt-datepicker .vc-time-content {
  margin-left: 8px;
}
.auau-nuxt-datepicker .vc-time-date {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: var(--text-sm);
  font-weight: var(--font-semibold);
  text-transform: uppercase;
  padding: 0 0 4px 4px;
  margin-top: -4px;
  line-height: 21px;
}
.auau-nuxt-datepicker .vc-time-weekday {
  color: var(--gray-700);
  letter-spacing: var(--tracking-wide);
}
.auau-nuxt-datepicker .vc-time-month {
  color: var(--accent-600);
  margin-left: 8px;
}
.auau-nuxt-datepicker .vc-time-day {
  color: var(--accent-600);
  margin-left: 4px;
}
.auau-nuxt-datepicker .vc-time-year {
  color: var(--gray-500);
  margin-left: 8px;
}
.auau-nuxt-datepicker .vc-time-select {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.auau-nuxt-datepicker .vc-am-pm {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--gray-200);
  color: var(--gray-800);
  margin-left: 8px;
  padding: 4px;
  border-radius: var(--rounded);
  height: 30px;
}
.auau-nuxt-datepicker .vc-am-pm button {
  font-size: var(--text-sm);
  font-weight: var(--font-medium);
  padding: 0 4px;
  background: transparent;
  border: 2px solid transparent;
  border-radius: var(--rounded);
  line-height: var(--leading-snug);
}
.auau-nuxt-datepicker .vc-am-pm button:hover {
  color: var(--gray-600);
}
.auau-nuxt-datepicker .vc-am-pm button:focus {
  border-color: var(--accent-400);
}
.auau-nuxt-datepicker .vc-am-pm button.active {
  background: var(--accent-600);
  color: var(--white);
}
.auau-nuxt-datepicker .vc-am-pm button.active:hover {
  background: var(--accent-500);
}
.auau-nuxt-datepicker .vc-am-pm button.active:focus {
  border-color: var(--accent-400);
}
.auau-nuxt-datepicker .vc-is-dark .vc-time-picker {
  border-color: var(--gray-700);
}
.auau-nuxt-datepicker .vc-is-dark .vc-time-icon, .auau-nuxt-datepicker .vc-is-dark .vc-time-weekday {
  color: var(--gray-400);
}
.auau-nuxt-datepicker .vc-is-dark .vc-time-month, .auau-nuxt-datepicker .vc-is-dark .vc-time-day {
  color: var(--accent-400);
}
.auau-nuxt-datepicker .vc-is-dark .vc-time-year {
  color: var(--gray-500);
}
.auau-nuxt-datepicker .vc-is-dark .vc-am-pm {
  background: var(--gray-700);
}
.auau-nuxt-datepicker .vc-is-dark .vc-am-pm:focus {
  border-color: var(--accent-500);
}
.auau-nuxt-datepicker .vc-is-dark .vc-am-pm button {
  color: var(--gray-100);
}
.auau-nuxt-datepicker .vc-is-dark .vc-am-pm button:hover {
  color: var(--gray-400);
}
.auau-nuxt-datepicker .vc-is-dark .vc-am-pm button:focus {
  border-color: var(--accent-500);
}
.auau-nuxt-datepicker .vc-is-dark .vc-am-pm button.active {
  background: var(--accent-500);
  color: var(--white);
}
.auau-nuxt-datepicker .vc-is-dark .vc-am-pm button.active:hover {
  background: var(--accent-600);
}
.auau-nuxt-datepicker .vc-is-dark .vc-am-pm button.active:focus {
  border-color: var(--accent-500);
}
.auau-nuxt-datepicker .vc-select {
  position: relative;
}
.auau-nuxt-datepicker .vc-select select {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: block;
  -webkit-appearance: none;
  appearance: none;
  width: 52px;
  height: 30px;
  font-size: var(--text-base);
  font-weight: var(--font-medium);
  text-align: left;
  background-color: var(--gray-200);
  border: 2px solid;
  border-color: var(--gray-200);
  color: var(--gray-900);
  padding: 0 20px 0 8px;
  border-radius: var(--rounded);
  line-height: var(--leading-tight);
  text-indent: 0px;
  cursor: pointer;
  -moz-padding-start: 3px;
  background-image: none;
}
.auau-nuxt-datepicker .vc-select select:hover {
  color: var(--gray-600);
}
.auau-nuxt-datepicker .vc-select select:focus {
  outline: 0;
  border-color: var(--accent-400);
  background-color: var(--white);
}
.auau-nuxt-datepicker .vc-select-arrow {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 0 4px 0 0;
  color: var(--gray-500);
}
.auau-nuxt-datepicker .vc-select-arrow svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.auau-nuxt-datepicker .vc-is-dark select {
  background: var(--gray-700);
  color: var(--gray-100);
  border-color: var(--gray-700);
}
.auau-nuxt-datepicker .vc-is-dark select:hover {
  color: var(--gray-400);
}
.auau-nuxt-datepicker .vc-is-dark select:focus {
  border-color: var(--accent-500);
  background-color: var(--gray-800);
}
.auau-nuxt-datepicker .vc-container {
  --white: #ffffff;
  --black: #000000;
  --gray-100: #f7fafc;
  --gray-200: #edf2f7;
  --gray-300: #e2e8f0;
  --gray-400: #cbd5e0;
  --gray-500: #a0aec0;
  --gray-600: #718096;
  --gray-700: #4a5568;
  --gray-800: #2d3748;
  --gray-900: #1a202c;
  --red-100: #fff5f5;
  --red-200: #fed7d7;
  --red-300: #feb2b2;
  --red-400: #fc8181;
  --red-500: #f56565;
  --red-600: #e53e3e;
  --red-700: #c53030;
  --red-800: #9b2c2c;
  --red-900: #742a2a;
  --orange-100: #fffaf0;
  --orange-200: #feebc8;
  --orange-300: #fbd38d;
  --orange-400: #f6ad55;
  --orange-500: #ed8936;
  --orange-600: #dd6b20;
  --orange-700: #c05621;
  --orange-800: #9c4221;
  --orange-900: #7b341e;
  --yellow-100: #fffff0;
  --yellow-200: #fefcbf;
  --yellow-300: #faf089;
  --yellow-400: #f6e05e;
  --yellow-500: #ecc94b;
  --yellow-600: #d69e2e;
  --yellow-700: #b7791f;
  --yellow-800: #975a16;
  --yellow-900: #744210;
  --green-100: #f0fff4;
  --green-200: #c6f6d5;
  --green-300: #9ae6b4;
  --green-400: #68d391;
  --green-500: #48bb78;
  --green-600: #38a169;
  --green-700: #2f855a;
  --green-800: #276749;
  --green-900: #22543d;
  --teal-100: #e6fffa;
  --teal-200: #b2f5ea;
  --teal-300: #81e6d9;
  --teal-400: #4fd1c5;
  --teal-500: #38b2ac;
  --teal-600: #319795;
  --teal-700: #2c7a7b;
  --teal-800: #285e61;
  --teal-900: #234e52;
  --blue-100: #ebf8ff;
  --blue-200: #bee3f8;
  --blue-300: #90cdf4;
  --blue-400: #63b3ed;
  --blue-500: #4299e1;
  --blue-600: #3182ce;
  --blue-700: #2b6cb0;
  --blue-800: #2c5282;
  --blue-900: #2a4365;
  --indigo-100: #ebf4ff;
  --indigo-200: #c3dafe;
  --indigo-300: #a3bffa;
  --indigo-400: #7f9cf5;
  --indigo-500: #667eea;
  --indigo-600: #5a67d8;
  --indigo-700: #4c51bf;
  --indigo-800: #434190;
  --indigo-900: #3c366b;
  --purple-100: #faf5ff;
  --purple-200: #e9d8fd;
  --purple-300: #d6bcfa;
  --purple-400: #b794f4;
  --purple-500: #9f7aea;
  --purple-600: #805ad5;
  --purple-700: #6b46c1;
  --purple-800: #553c9a;
  --purple-900: #44337a;
  --pink-100: #fff5f7;
  --pink-200: #fed7e2;
  --pink-300: #fbb6ce;
  --pink-400: #f687b3;
  --pink-500: #ed64a6;
  --pink-600: #d53f8c;
  --pink-700: #b83280;
  --pink-800: #97266d;
  --pink-900: #702459;
}
.auau-nuxt-datepicker .vc-container.vc-red {
  --accent-100: var(--red-100);
  --accent-200: var(--red-200);
  --accent-300: var(--red-300);
  --accent-400: var(--red-400);
  --accent-500: var(--red-500);
  --accent-600: var(--red-600);
  --accent-700: var(--red-700);
  --accent-800: var(--red-800);
  --accent-900: var(--red-900);
}
.auau-nuxt-datepicker .vc-container.vc-orange {
  --accent-100: var(--orange-100);
  --accent-200: var(--orange-200);
  --accent-300: var(--orange-300);
  --accent-400: var(--orange-400);
  --accent-500: var(--orange-500);
  --accent-600: var(--orange-600);
  --accent-700: var(--orange-700);
  --accent-800: var(--orange-800);
  --accent-900: var(--orange-900);
}
.auau-nuxt-datepicker .vc-container.vc-yellow {
  --accent-100: var(--yellow-100);
  --accent-200: var(--yellow-200);
  --accent-300: var(--yellow-300);
  --accent-400: var(--yellow-400);
  --accent-500: var(--yellow-500);
  --accent-600: var(--yellow-600);
  --accent-700: var(--yellow-700);
  --accent-800: var(--yellow-800);
  --accent-900: var(--yellow-900);
}
.auau-nuxt-datepicker .vc-container.vc-green {
  --accent-100: var(--green-100);
  --accent-200: var(--green-200);
  --accent-300: var(--green-300);
  --accent-400: var(--green-400);
  --accent-500: var(--green-500);
  --accent-600: var(--green-600);
  --accent-700: var(--green-700);
  --accent-800: var(--green-800);
  --accent-900: var(--green-900);
}
.auau-nuxt-datepicker .vc-container.vc-teal {
  --accent-100: var(--teal-100);
  --accent-200: var(--teal-200);
  --accent-300: var(--teal-300);
  --accent-400: var(--teal-400);
  --accent-500: var(--teal-500);
  --accent-600: var(--teal-600);
  --accent-700: var(--teal-700);
  --accent-800: var(--teal-800);
  --accent-900: var(--teal-900);
}
.auau-nuxt-datepicker .vc-container.vc-blue {
  --accent-100: var(--blue-100);
  --accent-200: var(--blue-200);
  --accent-300: var(--blue-300);
  --accent-400: var(--blue-400);
  --accent-500: var(--blue-500);
  --accent-600: var(--blue-600);
  --accent-700: var(--blue-700);
  --accent-800: var(--blue-800);
  --accent-900: var(--blue-900);
}
.auau-nuxt-datepicker .vc-container.vc-indigo {
  --accent-100: var(--indigo-100);
  --accent-200: var(--indigo-200);
  --accent-300: var(--indigo-300);
  --accent-400: var(--indigo-400);
  --accent-500: var(--indigo-500);
  --accent-600: var(--indigo-600);
  --accent-700: var(--indigo-700);
  --accent-800: var(--indigo-800);
  --accent-900: var(--indigo-900);
}
.auau-nuxt-datepicker .vc-container.vc-purple {
  --accent-100: var(--purple-100);
  --accent-200: var(--purple-200);
  --accent-300: var(--purple-300);
  --accent-400: var(--purple-400);
  --accent-500: var(--purple-500);
  --accent-600: var(--purple-600);
  --accent-700: var(--purple-700);
  --accent-800: var(--purple-800);
  --accent-900: var(--purple-900);
}
.auau-nuxt-datepicker .vc-container.vc-pink {
  --accent-100: var(--pink-100);
  --accent-200: var(--pink-200);
  --accent-300: var(--pink-300);
  --accent-400: var(--pink-400);
  --accent-500: var(--pink-500);
  --accent-600: var(--pink-600);
  --accent-700: var(--pink-700);
  --accent-800: var(--pink-800);
  --accent-900: var(--pink-900);
}
.auau-nuxt-datepicker .vc-container {
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --leading-snug: 1.375;
  --rounded: .25rem;
  --rounded-lg: .5rem;
  --rounded-full: 9999px;
  --shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
  --shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
  --slide-translate: 22px;
  --slide-duration: .15s;
  --slide-timing: ease;
  --day-content-transition-time: .13s ease-in;
  --weeknumber-offset: -34px;
  position: relative;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: -webkit-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: max-content;
  font-family: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: var(--gray-900);
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--gray-400);
  border-radius: var(--rounded-lg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.auau-nuxt-datepicker .vc-container, .auau-nuxt-datepicker .vc-container * {
  box-sizing: border-box;
}
.auau-nuxt-datepicker .vc-container:focus, .auau-nuxt-datepicker .vc-container *:focus {
  outline: none;
}
.auau-nuxt-datepicker .vc-container button, .auau-nuxt-datepicker .vc-container [role=button] {
  cursor: pointer;
}
.auau-nuxt-datepicker .vc-container.vc-is-expanded {
  min-width: 100%;
}
.auau-nuxt-datepicker .vc-container .vc-container {
  border: none;
}
.auau-nuxt-datepicker .vc-container.vc-is-dark {
  color: var(--gray-100);
  background-color: var(--gray-900);
  border-color: var(--gray-700);
}
.auau-nuxt-datepicker .auau-nuxt-datepicker__input-field {
  width: auto;
  padding: 7px 16px;
  border-radius: 8px;
  position: relative;
  font-family: inherit;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  box-sizing: border-box;
  min-height: 43px;
  background-color: #fafafc;
  border: 1px solid #d1d1d1;
}
.auau-nuxt-datepicker .auau-nuxt-datepicker__input-field .icon-calendar {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #949494;
}
.auau-nuxt-datepicker .auau-nuxt-datepicker__focus .auau-nuxt-datepicker__input-field {
  border-color: var(--auau-800, #f8b818);
}
.auau-nuxt-datepicker .auau-nuxt-datepicker__focus .auau-nuxt-datepicker__input-field .icon-calendar {
  color: var(--auau-800, #f8b818);
}
.auau-nuxt-datepicker .auau-nuxt-datepicker__error .auau-nuxt-datepicker__input-field {
  border-color: #a53030;
}
.auau-nuxt-datepicker .auau-nuxt-datepicker__error .auau-nuxt-datepicker__input-field .icon-calendar {
  color: #a53030;
}
.auau-nuxt-datepicker__wrapper .vc-pane-container {
  width: 100%;
  position: relative;
}
.auau-nuxt-datepicker__wrapper .vc-pane-container.in-transition {
  overflow: hidden;
}
.auau-nuxt-datepicker__wrapper .vc-pane-layout {
  display: grid;
}
.auau-nuxt-datepicker__wrapper .vc-arrow {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: auto;
  color: var(--gray-600);
  border-width: 2px;
  border-style: solid;
  border-radius: var(--rounded);
  border-color: transparent;
}
.auau-nuxt-datepicker__wrapper .vc-arrow:hover {
  background: var(--gray-200);
}
.auau-nuxt-datepicker__wrapper .vc-arrow:focus {
  border-color: var(--gray-300);
}
.auau-nuxt-datepicker__wrapper .vc-arrow.is-disabled {
  opacity: 0.25;
  pointer-events: none;
  cursor: not-allowed;
}
.auau-nuxt-datepicker__wrapper .vc-day-popover-container {
  color: var(--white);
  background-color: var(--gray-800);
  border: 1px solid;
  border-color: var(--gray-700);
  border-radius: var(--rounded);
  font-size: var(--text-xs);
  font-weight: var(--font-medium);
  padding: 4px 8px;
  box-shadow: var(--shadow);
}
.auau-nuxt-datepicker__wrapper .vc-day-popover-header {
  font-size: var(--text-xs);
  color: var(--gray-300);
  font-weight: var(--font-semibold);
  text-align: center;
}
.auau-nuxt-datepicker__wrapper .vc-arrows-container {
  width: 100%;
  position: absolute;
  top: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 8px 10px;
  pointer-events: none;
}
.auau-nuxt-datepicker__wrapper .vc-arrows-container.title-left {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.auau-nuxt-datepicker__wrapper .vc-arrows-container.title-right {
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.auau-nuxt-datepicker__wrapper .vc-is-dark .vc-arrow {
  color: var(--white);
}
.auau-nuxt-datepicker__wrapper .vc-is-dark .vc-arrow:hover {
  background: var(--gray-800);
}
.auau-nuxt-datepicker__wrapper .vc-is-dark .vc-arrow:focus {
  border-color: var(--gray-700);
}
.auau-nuxt-datepicker__wrapper .vc-is-dark .vc-day-popover-container {
  color: var(--gray-800);
  background-color: var(--white);
  border-color: var(--gray-100);
}
.auau-nuxt-datepicker__wrapper .vc-is-dark .vc-day-popover-header {
  color: var(--gray-700);
}
.auau-nuxt-datepicker__wrapper .vc-day {
  position: relative;
  min-height: 32px;
  z-index: 1;
}
.auau-nuxt-datepicker__wrapper .vc-day.is-not-in-month * {
  opacity: 0;
  pointer-events: none;
}
.auau-nuxt-datepicker__wrapper .vc-day-layer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
}
.auau-nuxt-datepicker__wrapper .vc-day-box-center-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.auau-nuxt-datepicker__wrapper .vc-day-box-left-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.auau-nuxt-datepicker__wrapper .vc-day-box-right-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.auau-nuxt-datepicker__wrapper .vc-day-box-center-bottom {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.auau-nuxt-datepicker__wrapper .vc-day-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: var(--text-sm);
  font-weight: var(--font-medium);
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: var(--rounded-full);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.auau-nuxt-datepicker__wrapper .vc-day-content:hover {
  background-color: #ccd6e04d;
}
.auau-nuxt-datepicker__wrapper .vc-day-content:focus {
  font-weight: var(--font-bold);
  background-color: #ccd6e066;
}
.auau-nuxt-datepicker__wrapper .vc-day-content.is-disabled {
  color: var(--gray-400);
}
.auau-nuxt-datepicker__wrapper .vc-is-dark .vc-day-content:hover {
  background-color: #7281974d;
}
.auau-nuxt-datepicker__wrapper .vc-is-dark .vc-day-content:focus {
  background-color: #72819766;
}
.auau-nuxt-datepicker__wrapper .vc-is-dark .vc-day-content.is-disabled {
  color: var(--gray-600);
}
.auau-nuxt-datepicker__wrapper .vc-highlights {
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
.auau-nuxt-datepicker__wrapper .vc-highlight {
  width: 28px;
  height: 28px;
}
.auau-nuxt-datepicker__wrapper .vc-highlight.vc-highlight-base-start {
  width: 50% !important;
  border-radius: 0 !important;
  border-right-width: 0 !important;
}
.auau-nuxt-datepicker__wrapper .vc-highlight.vc-highlight-base-end {
  width: 50% !important;
  border-radius: 0 !important;
  border-left-width: 0 !important;
}
.auau-nuxt-datepicker__wrapper .vc-highlight.vc-highlight-base-middle {
  width: 100%;
  border-radius: 0 !important;
  border-left-width: 0 !important;
  border-right-width: 0 !important;
  margin: 0 -1px;
}
.auau-nuxt-datepicker__wrapper .vc-dots {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.auau-nuxt-datepicker__wrapper .vc-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  transition: all var(--day-content-transition-time);
}
.auau-nuxt-datepicker__wrapper .vc-dot:not(:last-child) {
  margin-right: 3px;
}
.auau-nuxt-datepicker__wrapper .vc-bars {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 75%;
}
.auau-nuxt-datepicker__wrapper .vc-bar {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 3px;
  transition: all var(--day-content-transition-time);
}
.auau-nuxt-datepicker__wrapper .vc-nav-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.auau-nuxt-datepicker__wrapper .vc-nav-arrow {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: var(--leading-snug);
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  border-radius: var(--rounded);
}
.auau-nuxt-datepicker__wrapper .vc-nav-arrow.is-left {
  margin-right: auto;
}
.auau-nuxt-datepicker__wrapper .vc-nav-arrow.is-right {
  margin-left: auto;
}
.auau-nuxt-datepicker__wrapper .vc-nav-arrow.is-disabled {
  opacity: 0.25;
  pointer-events: none;
  cursor: not-allowed;
}
.auau-nuxt-datepicker__wrapper .vc-nav-arrow:hover {
  background-color: var(--gray-900);
}
.auau-nuxt-datepicker__wrapper .vc-nav-arrow:focus {
  border-color: var(--accent-600);
}
.auau-nuxt-datepicker__wrapper .vc-nav-title {
  color: var(--accent-100);
  font-weight: var(--font-bold);
  line-height: var(--leading-snug);
  padding: 4px 8px;
  border-radius: var(--rounded);
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.auau-nuxt-datepicker__wrapper .vc-nav-title:hover {
  background-color: var(--gray-900);
}
.auau-nuxt-datepicker__wrapper .vc-nav-title:focus {
  border-color: var(--accent-600);
}
.auau-nuxt-datepicker__wrapper .vc-nav-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 2px;
  grid-column-gap: 5px;
}
.auau-nuxt-datepicker__wrapper .vc-nav-item {
  width: 48px;
  text-align: center;
  line-height: var(--leading-snug);
  font-weight: var(--font-semibold);
  padding: 4px 0;
  cursor: pointer;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  border-radius: var(--rounded);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.auau-nuxt-datepicker__wrapper .vc-nav-item:hover {
  color: var(--white);
  background-color: var(--gray-900);
  box-shadow: var(--shadow-inner);
}
.auau-nuxt-datepicker__wrapper .vc-nav-item.is-active {
  color: var(--accent-900);
  background: var(--accent-100);
  font-weight: var(--font-bold);
  box-shadow: var(--shadow);
}
.auau-nuxt-datepicker__wrapper .vc-nav-item.is-current {
  color: var(--accent-100);
  font-weight: var(--bold);
  border-color: var(--accent-100);
}
.auau-nuxt-datepicker__wrapper .vc-nav-item:focus {
  border-color: var(--accent-600);
}
.auau-nuxt-datepicker__wrapper .vc-nav-item.is-disabled {
  opacity: 0.25;
  pointer-events: none;
}
.auau-nuxt-datepicker__wrapper .vc-is-dark .vc-nav-title {
  color: var(--gray-900);
}
.auau-nuxt-datepicker__wrapper .vc-is-dark .vc-nav-title:hover {
  background-color: var(--gray-200);
}
.auau-nuxt-datepicker__wrapper .vc-is-dark .vc-nav-title:focus {
  border-color: var(--accent-400);
}
.auau-nuxt-datepicker__wrapper .vc-is-dark .vc-nav-arrow:hover {
  background-color: var(--gray-200);
}
.auau-nuxt-datepicker__wrapper .vc-is-dark .vc-nav-arrow:focus {
  border-color: var(--accent-400);
}
.auau-nuxt-datepicker__wrapper .vc-is-dark .vc-nav-item:hover {
  color: var(--gray-900);
  background-color: var(--gray-200);
  box-shadow: none;
}
.auau-nuxt-datepicker__wrapper .vc-is-dark .vc-nav-item.is-active {
  color: var(--white);
  background: var(--accent-500);
}
.auau-nuxt-datepicker__wrapper .vc-is-dark .vc-nav-item.is-current {
  color: var(--accent-600);
  border-color: var(--accent-500);
}
.auau-nuxt-datepicker__wrapper .vc-is-dark .vc-nav-item:focus {
  border-color: var(--accent-400);
}
.auau-nuxt-datepicker__wrapper .vc-pane {
  min-width: 250px;
}
.auau-nuxt-datepicker__wrapper .vc-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 16px 0;
}
.auau-nuxt-datepicker__wrapper .vc-header.align-left {
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.auau-nuxt-datepicker__wrapper .vc-header.align-right {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.auau-nuxt-datepicker__wrapper .vc-title {
  font-size: var(--text-lg);
  color: var(--gray-800);
  font-weight: var(--font-semibold);
  line-height: 28px;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.auau-nuxt-datepicker__wrapper .vc-title:hover {
  opacity: 0.75;
}
.auau-nuxt-datepicker__wrapper .vc-weeknumber {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.auau-nuxt-datepicker__wrapper .vc-weeknumber-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: var(--text-xs);
  font-weight: var(--font-medium);
  font-style: italic;
  width: 28px;
  height: 28px;
  margin-top: 2px;
  color: var(--gray-500);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.auau-nuxt-datepicker__wrapper .vc-weeknumber-content.is-left-outside {
  position: absolute;
  left: var(--weeknumber-offset);
}
.auau-nuxt-datepicker__wrapper .vc-weeknumber-content.is-right-outside {
  position: absolute;
  right: var(--weeknumber-offset);
}
.auau-nuxt-datepicker__wrapper .vc-weeks {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  position: relative;
  -webkit-overflow-scrolling: touch;
  padding: 6px;
  min-width: 250px;
}
.auau-nuxt-datepicker__wrapper .vc-weeks.vc-show-weeknumbers {
  grid-template-columns: auto repeat(7, 1fr);
}
.auau-nuxt-datepicker__wrapper .vc-weeks.vc-show-weeknumbers.is-right {
  grid-template-columns: repeat(7, 1fr) auto;
}
.auau-nuxt-datepicker__wrapper .vc-weekday {
  text-align: center;
  color: var(--gray-500);
  font-size: var(--text-sm);
  font-weight: var(--font-bold);
  line-height: 14px;
  padding-top: 4px;
  padding-bottom: 8px;
  cursor: default;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.auau-nuxt-datepicker__wrapper .vc-weekdays {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.auau-nuxt-datepicker__wrapper .vc-nav-popover-container {
  color: var(--white);
  font-size: var(--text-sm);
  font-weight: var(--font-semibold);
  background-color: var(--gray-800);
  border: 1px solid;
  border-color: var(--gray-700);
  border-radius: var(--rounded-lg);
  padding: 4px;
  box-shadow: var(--shadow);
}
.auau-nuxt-datepicker__wrapper .vc-is-dark .vc-header {
  color: var(--gray-200);
}
.auau-nuxt-datepicker__wrapper .vc-is-dark .vc-title {
  color: var(--gray-100);
}
.auau-nuxt-datepicker__wrapper .vc-is-dark .vc-weekday {
  color: var(--accent-200);
}
.auau-nuxt-datepicker__wrapper .vc-is-dark .vc-nav-popover-container {
  color: var(--gray-800);
  background-color: var(--white);
  border-color: var(--gray-100);
}
.auau-nuxt-datepicker__wrapper .vc-none-enter-active, .auau-nuxt-datepicker__wrapper .vc-none-leave-active {
  transition-duration: 0s;
}
.auau-nuxt-datepicker__wrapper .vc-fade-enter-active, .auau-nuxt-datepicker__wrapper .vc-fade-leave-active, .auau-nuxt-datepicker__wrapper .vc-slide-left-enter-active, .auau-nuxt-datepicker__wrapper .vc-slide-left-leave-active, .auau-nuxt-datepicker__wrapper .vc-slide-right-enter-active, .auau-nuxt-datepicker__wrapper .vc-slide-right-leave-active, .auau-nuxt-datepicker__wrapper .vc-slide-up-enter-active, .auau-nuxt-datepicker__wrapper .vc-slide-up-leave-active, .auau-nuxt-datepicker__wrapper .vc-slide-down-enter-active, .auau-nuxt-datepicker__wrapper .vc-slide-down-leave-active, .auau-nuxt-datepicker__wrapper .vc-slide-fade-enter-active, .auau-nuxt-datepicker__wrapper .vc-slide-fade-leave-active {
  transition: opacity var(--slide-duration) var(--slide-timing), -webkit-transform var(--slide-duration) var(--slide-timing);
  transition: transform var(--slide-duration) var(--slide-timing), opacity var(--slide-duration) var(--slide-timing);
  transition: transform var(--slide-duration) var(--slide-timing), opacity var(--slide-duration) var(--slide-timing), -webkit-transform var(--slide-duration) var(--slide-timing);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
}
.auau-nuxt-datepicker__wrapper .vc-none-leave-active, .auau-nuxt-datepicker__wrapper .vc-fade-leave-active, .auau-nuxt-datepicker__wrapper .vc-slide-left-leave-active, .auau-nuxt-datepicker__wrapper .vc-slide-right-leave-active, .auau-nuxt-datepicker__wrapper .vc-slide-up-leave-active, .auau-nuxt-datepicker__wrapper .vc-slide-down-leave-active {
  position: absolute !important;
  width: 100%;
}
.auau-nuxt-datepicker__wrapper .vc-none-enter-from, .auau-nuxt-datepicker__wrapper .vc-none-leave-to, .auau-nuxt-datepicker__wrapper .vc-fade-enter-from, .auau-nuxt-datepicker__wrapper .vc-fade-leave-to, .auau-nuxt-datepicker__wrapper .vc-slide-left-enter-from, .auau-nuxt-datepicker__wrapper .vc-slide-left-leave-to, .auau-nuxt-datepicker__wrapper .vc-slide-right-enter-from, .auau-nuxt-datepicker__wrapper .vc-slide-right-leave-to, .auau-nuxt-datepicker__wrapper .vc-slide-up-enter-from, .auau-nuxt-datepicker__wrapper .vc-slide-up-leave-to, .auau-nuxt-datepicker__wrapper .vc-slide-down-enter-from, .auau-nuxt-datepicker__wrapper .vc-slide-down-leave-to, .auau-nuxt-datepicker__wrapper .vc-slide-fade-enter-from, .auau-nuxt-datepicker__wrapper .vc-slide-fade-leave-to {
  opacity: 0;
}
.auau-nuxt-datepicker__wrapper .vc-slide-left-enter-from, .auau-nuxt-datepicker__wrapper .vc-slide-right-leave-to, .auau-nuxt-datepicker__wrapper .vc-slide-fade-enter-from.direction-left, .auau-nuxt-datepicker__wrapper .vc-slide-fade-leave-to.direction-left {
  -webkit-transform: translateX(var(--slide-translate));
  transform: translate(var(--slide-translate));
}
.auau-nuxt-datepicker__wrapper .vc-slide-right-enter-from, .auau-nuxt-datepicker__wrapper .vc-slide-left-leave-to, .auau-nuxt-datepicker__wrapper .vc-slide-fade-enter-from.direction-right, .auau-nuxt-datepicker__wrapper .vc-slide-fade-leave-to.direction-right {
  -webkit-transform: translateX(calc(-1 * var(--slide-translate)));
  transform: translate(calc(-1 * var(--slide-translate)));
}
.auau-nuxt-datepicker__wrapper .vc-slide-up-enter-from, .auau-nuxt-datepicker__wrapper .vc-slide-down-leave-to, .auau-nuxt-datepicker__wrapper .vc-slide-fade-enter-from.direction-top, .auau-nuxt-datepicker__wrapper .vc-slide-fade-leave-to.direction-top {
  -webkit-transform: translateY(var(--slide-translate));
  transform: translateY(var(--slide-translate));
}
.auau-nuxt-datepicker__wrapper .vc-slide-down-enter-from, .auau-nuxt-datepicker__wrapper .vc-slide-up-leave-to, .auau-nuxt-datepicker__wrapper .vc-slide-fade-enter-from.direction-bottom, .auau-nuxt-datepicker__wrapper .vc-slide-fade-leave-to.direction-bottom {
  -webkit-transform: translateY(calc(-1 * var(--slide-translate)));
  transform: translateY(calc(-1 * var(--slide-translate)));
}
.auau-nuxt-datepicker__wrapper .vc-popover-content-wrapper {
  --popover-horizontal-content-offset: 8px;
  --popover-vertical-content-offset: 10px;
  --popover-caret-horizontal-offset: 18px;
  --popover-caret-vertical-offset: 8px;
  position: absolute;
  display: block;
  outline: none;
  z-index: 10;
}
.auau-nuxt-datepicker__wrapper .vc-popover-content-wrapper:not(.is-interactive) {
  pointer-events: none;
}
.auau-nuxt-datepicker__wrapper .vc-popover-content {
  position: relative;
  outline: none;
  z-index: 10;
  box-shadow: var(--shadow-lg);
}
.auau-nuxt-datepicker__wrapper .vc-popover-content.direction-bottom {
  margin-top: var(--popover-vertical-content-offset);
}
.auau-nuxt-datepicker__wrapper .vc-popover-content.direction-top {
  margin-bottom: var(--popover-vertical-content-offset);
}
.auau-nuxt-datepicker__wrapper .vc-popover-content.direction-left {
  margin-right: var(--popover-horizontal-content-offset);
}
.auau-nuxt-datepicker__wrapper .vc-popover-content.direction-right {
  margin-left: var(--popover-horizontal-content-offset);
}
.auau-nuxt-datepicker__wrapper .vc-popover-caret {
  content: "";
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  border-top: inherit;
  border-left: inherit;
  background-color: inherit;
  z-index: -1;
}
.auau-nuxt-datepicker__wrapper .vc-popover-caret.direction-bottom {
  top: 0;
}
.auau-nuxt-datepicker__wrapper .vc-popover-caret.direction-bottom.align-left {
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
.auau-nuxt-datepicker__wrapper .vc-popover-caret.direction-bottom.align-center {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translate(-50%) translateY(-50%) rotate(45deg);
}
.auau-nuxt-datepicker__wrapper .vc-popover-caret.direction-bottom.align-right {
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
.auau-nuxt-datepicker__wrapper .vc-popover-caret.direction-top {
  top: 100%;
}
.auau-nuxt-datepicker__wrapper .vc-popover-caret.direction-top.align-left {
  -webkit-transform: translateY(-50%) rotate(-135deg);
  transform: translateY(-50%) rotate(-135deg);
}
.auau-nuxt-datepicker__wrapper .vc-popover-caret.direction-top.align-center {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-135deg);
  transform: translate(-50%) translateY(-50%) rotate(-135deg);
}
.auau-nuxt-datepicker__wrapper .vc-popover-caret.direction-top.align-right {
  -webkit-transform: translateY(-50%) rotate(-135deg);
  transform: translateY(-50%) rotate(-135deg);
}
.auau-nuxt-datepicker__wrapper .vc-popover-caret.direction-left {
  left: 100%;
}
.auau-nuxt-datepicker__wrapper .vc-popover-caret.direction-left.align-top {
  -webkit-transform: translateX(-50%) rotate(135deg);
  transform: translate(-50%) rotate(135deg);
}
.auau-nuxt-datepicker__wrapper .vc-popover-caret.direction-left.align-middle {
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(135deg);
  transform: translateY(-50%) translate(-50%) rotate(135deg);
}
.auau-nuxt-datepicker__wrapper .vc-popover-caret.direction-left.align-bottom {
  -webkit-transform: translateX(-50%) rotate(135deg);
  transform: translate(-50%) rotate(135deg);
}
.auau-nuxt-datepicker__wrapper .vc-popover-caret.direction-right {
  left: 0;
}
.auau-nuxt-datepicker__wrapper .vc-popover-caret.direction-right.align-top {
  -webkit-transform: translateX(-50%) rotate(-45deg);
  transform: translate(-50%) rotate(-45deg);
}
.auau-nuxt-datepicker__wrapper .vc-popover-caret.direction-right.align-middle {
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  transform: translateY(-50%) translate(-50%) rotate(-45deg);
}
.auau-nuxt-datepicker__wrapper .vc-popover-caret.direction-right.align-bottom {
  -webkit-transform: translateX(-50%) rotate(-45deg);
  transform: translate(-50%) rotate(-45deg);
}
.auau-nuxt-datepicker__wrapper .vc-popover-caret.align-left {
  left: var(--popover-caret-horizontal-offset);
}
.auau-nuxt-datepicker__wrapper .vc-popover-caret.align-center {
  left: 50%;
}
.auau-nuxt-datepicker__wrapper .vc-popover-caret.align-right {
  right: var(--popover-caret-horizontal-offset);
}
.auau-nuxt-datepicker__wrapper .vc-popover-caret.align-top {
  top: var(--popover-caret-vertical-offset);
}
.auau-nuxt-datepicker__wrapper .vc-popover-caret.align-middle {
  top: 50%;
}
.auau-nuxt-datepicker__wrapper .vc-popover-caret.align-bottom {
  bottom: var(--popover-caret-vertical-offset);
}
.auau-nuxt-datepicker__wrapper .vc-day-popover-row {
  --day-content-transition-time: .13s ease-in;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  transition: all var(--day-content-transition-time);
}
.auau-nuxt-datepicker__wrapper .vc-day-popover-row:not(:first-child) {
  margin-top: 3px;
}
.auau-nuxt-datepicker__wrapper .vc-day-popover-row-indicator {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: 15px;
  margin-right: 3px;
}
.auau-nuxt-datepicker__wrapper .vc-day-popover-row-indicator span {
  transition: all var(--day-content-transition-time);
}
.auau-nuxt-datepicker__wrapper .vc-day-popover-row-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: none;
  -ms-flex-wrap: none;
  flex-wrap: none;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: -webkit-max-content;
  width: max-content;
}
.auau-nuxt-datepicker__wrapper .vc-svg-icon {
  display: inline-block;
  stroke: currentColor;
  stroke-width: 0;
}
.auau-nuxt-datepicker__wrapper .vc-svg-icon path {
  fill: currentColor;
}
.auau-nuxt-datepicker__wrapper .vc-time-picker {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px;
}
.auau-nuxt-datepicker__wrapper .vc-time-picker.vc-invalid {
  pointer-events: none;
  opacity: 0.5;
}
.auau-nuxt-datepicker__wrapper .vc-time-picker.vc-bordered {
  border-top: 1px solid var(--gray-400);
}
.auau-nuxt-datepicker__wrapper .vc-time-icon {
  width: 16px;
  height: 16px;
  color: var(--gray-600);
}
.auau-nuxt-datepicker__wrapper .vc-time-content {
  margin-left: 8px;
}
.auau-nuxt-datepicker__wrapper .vc-time-date {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: var(--text-sm);
  font-weight: var(--font-semibold);
  text-transform: uppercase;
  padding: 0 0 4px 4px;
  margin-top: -4px;
  line-height: 21px;
}
.auau-nuxt-datepicker__wrapper .vc-time-weekday {
  color: var(--gray-700);
  letter-spacing: var(--tracking-wide);
}
.auau-nuxt-datepicker__wrapper .vc-time-month {
  color: var(--accent-600);
  margin-left: 8px;
}
.auau-nuxt-datepicker__wrapper .vc-time-day {
  color: var(--accent-600);
  margin-left: 4px;
}
.auau-nuxt-datepicker__wrapper .vc-time-year {
  color: var(--gray-500);
  margin-left: 8px;
}
.auau-nuxt-datepicker__wrapper .vc-time-select {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.auau-nuxt-datepicker__wrapper .vc-am-pm {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--gray-200);
  color: var(--gray-800);
  margin-left: 8px;
  padding: 4px;
  border-radius: var(--rounded);
  height: 30px;
}
.auau-nuxt-datepicker__wrapper .vc-am-pm button {
  font-size: var(--text-sm);
  font-weight: var(--font-medium);
  padding: 0 4px;
  background: transparent;
  border: 2px solid transparent;
  border-radius: var(--rounded);
  line-height: var(--leading-snug);
}
.auau-nuxt-datepicker__wrapper .vc-am-pm button:hover {
  color: var(--gray-600);
}
.auau-nuxt-datepicker__wrapper .vc-am-pm button:focus {
  border-color: var(--accent-400);
}
.auau-nuxt-datepicker__wrapper .vc-am-pm button.active {
  background: var(--accent-600);
  color: var(--white);
}
.auau-nuxt-datepicker__wrapper .vc-am-pm button.active:hover {
  background: var(--accent-500);
}
.auau-nuxt-datepicker__wrapper .vc-am-pm button.active:focus {
  border-color: var(--accent-400);
}
.auau-nuxt-datepicker__wrapper .vc-is-dark .vc-time-picker {
  border-color: var(--gray-700);
}
.auau-nuxt-datepicker__wrapper .vc-is-dark .vc-time-icon, .auau-nuxt-datepicker__wrapper .vc-is-dark .vc-time-weekday {
  color: var(--gray-400);
}
.auau-nuxt-datepicker__wrapper .vc-is-dark .vc-time-month, .auau-nuxt-datepicker__wrapper .vc-is-dark .vc-time-day {
  color: var(--accent-400);
}
.auau-nuxt-datepicker__wrapper .vc-is-dark .vc-time-year {
  color: var(--gray-500);
}
.auau-nuxt-datepicker__wrapper .vc-is-dark .vc-am-pm {
  background: var(--gray-700);
}
.auau-nuxt-datepicker__wrapper .vc-is-dark .vc-am-pm:focus {
  border-color: var(--accent-500);
}
.auau-nuxt-datepicker__wrapper .vc-is-dark .vc-am-pm button {
  color: var(--gray-100);
}
.auau-nuxt-datepicker__wrapper .vc-is-dark .vc-am-pm button:hover {
  color: var(--gray-400);
}
.auau-nuxt-datepicker__wrapper .vc-is-dark .vc-am-pm button:focus {
  border-color: var(--accent-500);
}
.auau-nuxt-datepicker__wrapper .vc-is-dark .vc-am-pm button.active {
  background: var(--accent-500);
  color: var(--white);
}
.auau-nuxt-datepicker__wrapper .vc-is-dark .vc-am-pm button.active:hover {
  background: var(--accent-600);
}
.auau-nuxt-datepicker__wrapper .vc-is-dark .vc-am-pm button.active:focus {
  border-color: var(--accent-500);
}
.auau-nuxt-datepicker__wrapper .vc-select {
  position: relative;
}
.auau-nuxt-datepicker__wrapper .vc-select select {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: block;
  -webkit-appearance: none;
  appearance: none;
  width: 52px;
  height: 30px;
  font-size: var(--text-base);
  font-weight: var(--font-medium);
  text-align: left;
  background-color: var(--gray-200);
  border: 2px solid;
  border-color: var(--gray-200);
  color: var(--gray-900);
  padding: 0 20px 0 8px;
  border-radius: var(--rounded);
  line-height: var(--leading-tight);
  text-indent: 0px;
  cursor: pointer;
  -moz-padding-start: 3px;
  background-image: none;
}
.auau-nuxt-datepicker__wrapper .vc-select select:hover {
  color: var(--gray-600);
}
.auau-nuxt-datepicker__wrapper .vc-select select:focus {
  outline: 0;
  border-color: var(--accent-400);
  background-color: var(--white);
}
.auau-nuxt-datepicker__wrapper .vc-select-arrow {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 0 4px 0 0;
  color: var(--gray-500);
}
.auau-nuxt-datepicker__wrapper .vc-select-arrow svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.auau-nuxt-datepicker__wrapper .vc-is-dark select {
  background: var(--gray-700);
  color: var(--gray-100);
  border-color: var(--gray-700);
}
.auau-nuxt-datepicker__wrapper .vc-is-dark select:hover {
  color: var(--gray-400);
}
.auau-nuxt-datepicker__wrapper .vc-is-dark select:focus {
  border-color: var(--accent-500);
  background-color: var(--gray-800);
}
.auau-nuxt-datepicker__wrapper .vc-container {
  --white: #ffffff;
  --black: #000000;
  --gray-100: #f7fafc;
  --gray-200: #edf2f7;
  --gray-300: #e2e8f0;
  --gray-400: #cbd5e0;
  --gray-500: #a0aec0;
  --gray-600: #718096;
  --gray-700: #4a5568;
  --gray-800: #2d3748;
  --gray-900: #1a202c;
  --red-100: #fff5f5;
  --red-200: #fed7d7;
  --red-300: #feb2b2;
  --red-400: #fc8181;
  --red-500: #f56565;
  --red-600: #e53e3e;
  --red-700: #c53030;
  --red-800: #9b2c2c;
  --red-900: #742a2a;
  --orange-100: #fffaf0;
  --orange-200: #feebc8;
  --orange-300: #fbd38d;
  --orange-400: #f6ad55;
  --orange-500: #ed8936;
  --orange-600: #dd6b20;
  --orange-700: #c05621;
  --orange-800: #9c4221;
  --orange-900: #7b341e;
  --yellow-100: #fffff0;
  --yellow-200: #fefcbf;
  --yellow-300: #faf089;
  --yellow-400: #f6e05e;
  --yellow-500: #ecc94b;
  --yellow-600: #d69e2e;
  --yellow-700: #b7791f;
  --yellow-800: #975a16;
  --yellow-900: #744210;
  --green-100: #f0fff4;
  --green-200: #c6f6d5;
  --green-300: #9ae6b4;
  --green-400: #68d391;
  --green-500: #48bb78;
  --green-600: #38a169;
  --green-700: #2f855a;
  --green-800: #276749;
  --green-900: #22543d;
  --teal-100: #e6fffa;
  --teal-200: #b2f5ea;
  --teal-300: #81e6d9;
  --teal-400: #4fd1c5;
  --teal-500: #38b2ac;
  --teal-600: #319795;
  --teal-700: #2c7a7b;
  --teal-800: #285e61;
  --teal-900: #234e52;
  --blue-100: #ebf8ff;
  --blue-200: #bee3f8;
  --blue-300: #90cdf4;
  --blue-400: #63b3ed;
  --blue-500: #4299e1;
  --blue-600: #3182ce;
  --blue-700: #2b6cb0;
  --blue-800: #2c5282;
  --blue-900: #2a4365;
  --indigo-100: #ebf4ff;
  --indigo-200: #c3dafe;
  --indigo-300: #a3bffa;
  --indigo-400: #7f9cf5;
  --indigo-500: #667eea;
  --indigo-600: #5a67d8;
  --indigo-700: #4c51bf;
  --indigo-800: #434190;
  --indigo-900: #3c366b;
  --purple-100: #faf5ff;
  --purple-200: #e9d8fd;
  --purple-300: #d6bcfa;
  --purple-400: #b794f4;
  --purple-500: #9f7aea;
  --purple-600: #805ad5;
  --purple-700: #6b46c1;
  --purple-800: #553c9a;
  --purple-900: #44337a;
  --pink-100: #fff5f7;
  --pink-200: #fed7e2;
  --pink-300: #fbb6ce;
  --pink-400: #f687b3;
  --pink-500: #ed64a6;
  --pink-600: #d53f8c;
  --pink-700: #b83280;
  --pink-800: #97266d;
  --pink-900: #702459;
}
.auau-nuxt-datepicker__wrapper .vc-container.vc-red {
  --accent-100: var(--red-100);
  --accent-200: var(--red-200);
  --accent-300: var(--red-300);
  --accent-400: var(--red-400);
  --accent-500: var(--red-500);
  --accent-600: var(--red-600);
  --accent-700: var(--red-700);
  --accent-800: var(--red-800);
  --accent-900: var(--red-900);
}
.auau-nuxt-datepicker__wrapper .vc-container.vc-orange {
  --accent-100: var(--orange-100);
  --accent-200: var(--orange-200);
  --accent-300: var(--orange-300);
  --accent-400: var(--orange-400);
  --accent-500: var(--orange-500);
  --accent-600: var(--orange-600);
  --accent-700: var(--orange-700);
  --accent-800: var(--orange-800);
  --accent-900: var(--orange-900);
}
.auau-nuxt-datepicker__wrapper .vc-container.vc-yellow {
  --accent-100: var(--yellow-100);
  --accent-200: var(--yellow-200);
  --accent-300: var(--yellow-300);
  --accent-400: var(--yellow-400);
  --accent-500: var(--yellow-500);
  --accent-600: var(--yellow-600);
  --accent-700: var(--yellow-700);
  --accent-800: var(--yellow-800);
  --accent-900: var(--yellow-900);
}
.auau-nuxt-datepicker__wrapper .vc-container.vc-green {
  --accent-100: var(--green-100);
  --accent-200: var(--green-200);
  --accent-300: var(--green-300);
  --accent-400: var(--green-400);
  --accent-500: var(--green-500);
  --accent-600: var(--green-600);
  --accent-700: var(--green-700);
  --accent-800: var(--green-800);
  --accent-900: var(--green-900);
}
.auau-nuxt-datepicker__wrapper .vc-container.vc-teal {
  --accent-100: var(--teal-100);
  --accent-200: var(--teal-200);
  --accent-300: var(--teal-300);
  --accent-400: var(--teal-400);
  --accent-500: var(--teal-500);
  --accent-600: var(--teal-600);
  --accent-700: var(--teal-700);
  --accent-800: var(--teal-800);
  --accent-900: var(--teal-900);
}
.auau-nuxt-datepicker__wrapper .vc-container.vc-blue {
  --accent-100: var(--blue-100);
  --accent-200: var(--blue-200);
  --accent-300: var(--blue-300);
  --accent-400: var(--blue-400);
  --accent-500: var(--blue-500);
  --accent-600: var(--blue-600);
  --accent-700: var(--blue-700);
  --accent-800: var(--blue-800);
  --accent-900: var(--blue-900);
}
.auau-nuxt-datepicker__wrapper .vc-container.vc-indigo {
  --accent-100: var(--indigo-100);
  --accent-200: var(--indigo-200);
  --accent-300: var(--indigo-300);
  --accent-400: var(--indigo-400);
  --accent-500: var(--indigo-500);
  --accent-600: var(--indigo-600);
  --accent-700: var(--indigo-700);
  --accent-800: var(--indigo-800);
  --accent-900: var(--indigo-900);
}
.auau-nuxt-datepicker__wrapper .vc-container.vc-purple {
  --accent-100: var(--purple-100);
  --accent-200: var(--purple-200);
  --accent-300: var(--purple-300);
  --accent-400: var(--purple-400);
  --accent-500: var(--purple-500);
  --accent-600: var(--purple-600);
  --accent-700: var(--purple-700);
  --accent-800: var(--purple-800);
  --accent-900: var(--purple-900);
}
.auau-nuxt-datepicker__wrapper .vc-container.vc-pink {
  --accent-100: var(--pink-100);
  --accent-200: var(--pink-200);
  --accent-300: var(--pink-300);
  --accent-400: var(--pink-400);
  --accent-500: var(--pink-500);
  --accent-600: var(--pink-600);
  --accent-700: var(--pink-700);
  --accent-800: var(--pink-800);
  --accent-900: var(--pink-900);
}
.auau-nuxt-datepicker__wrapper .vc-container {
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --leading-snug: 1.375;
  --rounded: .25rem;
  --rounded-lg: .5rem;
  --rounded-full: 9999px;
  --shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
  --shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
  --slide-translate: 22px;
  --slide-duration: .15s;
  --slide-timing: ease;
  --day-content-transition-time: .13s ease-in;
  --weeknumber-offset: -34px;
  position: relative;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: -webkit-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: max-content;
  font-family: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: var(--gray-900);
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--gray-400);
  border-radius: var(--rounded-lg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.auau-nuxt-datepicker__wrapper .vc-container, .auau-nuxt-datepicker__wrapper .vc-container * {
  box-sizing: border-box;
}
.auau-nuxt-datepicker__wrapper .vc-container:focus, .auau-nuxt-datepicker__wrapper .vc-container *:focus {
  outline: none;
}
.auau-nuxt-datepicker__wrapper .vc-container button, .auau-nuxt-datepicker__wrapper .vc-container [role=button] {
  cursor: pointer;
}
.auau-nuxt-datepicker__wrapper .vc-container.vc-is-expanded {
  min-width: 100%;
}
.auau-nuxt-datepicker__wrapper .vc-container .vc-container {
  border: none;
}
.auau-nuxt-datepicker__wrapper .vc-container.vc-is-dark {
  color: var(--gray-100);
  background-color: var(--gray-900);
  border-color: var(--gray-700);
}
.auau-nuxt-datepicker__vc-picker .auau-nuxt-datepicker__footer {
  display: flex;
  align-items: center;
  margin: 16px 24px;
  padding-top: 16px;
  border-top: 1px solid #d1d1d1;
  gap: 8px;
}
.auau-nuxt-datepicker__vc-picker .auau-nuxt-datepicker__footer .auau-button:first-child {
  margin-left: auto;
}
.auau-nuxt-datepicker__vc-picker .auau-nuxt-datepicker__footer .diff-days {
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
  margin-right: auto;
}
@media (max-width: 767px) {
.auau-nuxt-datepicker__vc-picker .auau-nuxt-datepicker__footer .diff-days {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-datepicker__vc-picker .vc-container {
  --rounded-lg: 4px;
  --gray-400: #d1d1d1;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.auau-nuxt-datepicker__vc-picker .vc-header {
  padding: 24px 0;
  margin: 0 24px;
  border-bottom: 1px solid #d1d1d1;
}
.auau-nuxt-datepicker__vc-picker .white-content {
  color: #ffffff;
}
.auau-nuxt-datepicker__vc-picker .vc-arrows-container {
  padding: 20px 16px;
}
.auau-nuxt-datepicker__vc-picker .vc-arrow {
  color: #949494;
}
.auau-nuxt-datepicker__vc-picker .vc-weeks {
  margin: 12px 24px;
}
.auau-nuxt-datepicker__vc-picker .vc-weekday {
  color: #949494;
  font-weight: 400;
}
.auau-nuxt-datepicker__vc-picker .vc-focusable:hover,
.auau-nuxt-datepicker__vc-picker .vc-focusable:focus {
  background-color: transparent;
}
.auau-nuxt-datepicker__vc-picker .vc-popover-caret {
  display: none;
}
.auau-nuxt-datepicker__vc-picker.inline {
  border: none;
  width: 100%;
}
.auau-nuxt-datepicker__vc-picker.inline .vc-header {
  margin: 0;
}
.auau-nuxt-datepicker__vc-picker.inline .vc-weeks {
  margin: 12px 0;
}
.auau-nuxt-datepicker__vc-picker .in-next-month {
  display: none;
}
@media (max-width: 767px) {
.auau-nuxt-datepicker__vc-picker.vc-container {
    width: 100%;
    box-shadow: none;
    border: none;
}
.auau-nuxt-datepicker__vc-picker .vc-header,
.auau-nuxt-datepicker__vc-picker .vc-weeks {
    margin-left: 0;
    margin-right: 0;
}
.auau-nuxt-datepicker__vc-picker .auau-nuxt-datepicker__footer {
    margin: 0;
}
}

.auau-nuxt-select {
  min-width: 120px;
}
.auau-nuxt-select fieldset[disabled] .multiselect {
  pointer-events: none;
}
.auau-nuxt-select .multiselect__spinner {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 48px;
  height: 35px;
  background: #fff;
  display: block;
}
.auau-nuxt-select .multiselect__spinner:after, .auau-nuxt-select .multiselect__spinner:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  border-color: #41b883 transparent transparent;
  border-style: solid;
  border-width: 2px;
  box-shadow: 0 0 0 1px transparent;
}
.auau-nuxt-select .multiselect__spinner:before {
  -webkit-animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
  animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.auau-nuxt-select .multiselect__spinner:after {
  -webkit-animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
  animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.auau-nuxt-select .multiselect__loading-enter-active, .auau-nuxt-select .multiselect__loading-leave-active {
  transition: opacity 0.4s ease-in-out;
  opacity: 1;
}
.auau-nuxt-select .multiselect__loading-enter, .auau-nuxt-select .multiselect__loading-leave-active {
  opacity: 0;
}
.auau-nuxt-select .multiselect, .auau-nuxt-select .multiselect__input, .auau-nuxt-select .multiselect__single {
  font-family: inherit;
  font-size: 16px;
  touch-action: manipulation;
}
.auau-nuxt-select .multiselect {
  box-sizing: content-box;
  display: block;
  position: relative;
  width: 100%;
  min-height: 40px;
  text-align: left;
  color: #35495e;
}
.auau-nuxt-select .multiselect * {
  box-sizing: border-box;
}
.auau-nuxt-select .multiselect:focus {
  outline: none;
}
.auau-nuxt-select .multiselect--disabled {
  background: #ededed;
  pointer-events: none;
  opacity: 0.6;
}
.auau-nuxt-select .multiselect--active {
  z-index: 50;
}
.auau-nuxt-select .multiselect--active:not(.multiselect--above) .multiselect__current, .auau-nuxt-select .multiselect--active:not(.multiselect--above) .multiselect__input, .auau-nuxt-select .multiselect--active:not(.multiselect--above) .multiselect__tags {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.auau-nuxt-select .multiselect--active .multiselect__select {
  transform: rotate(180deg);
}
.auau-nuxt-select .multiselect--above.multiselect--active .multiselect__current, .auau-nuxt-select .multiselect--above.multiselect--active .multiselect__input, .auau-nuxt-select .multiselect--above.multiselect--active .multiselect__tags {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.auau-nuxt-select .multiselect__input, .auau-nuxt-select .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #fff;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
}
.auau-nuxt-select .multiselect__input::-moz-placeholder {
  color: #35495e;
}
.auau-nuxt-select .multiselect__input:-ms-input-placeholder {
  color: #35495e;
}
.auau-nuxt-select .multiselect__input::placeholder {
  color: #35495e;
}
.auau-nuxt-select .multiselect__tag ~ .multiselect__input, .auau-nuxt-select .multiselect__tag ~ .multiselect__single {
  width: auto;
}
.auau-nuxt-select .multiselect__input:hover, .auau-nuxt-select .multiselect__single:hover {
  border-color: #cfcfcf;
}
.auau-nuxt-select .multiselect__input:focus, .auau-nuxt-select .multiselect__single:focus {
  border-color: #a8a8a8;
  outline: none;
}
.auau-nuxt-select .multiselect__single {
  padding-left: 5px;
  margin-bottom: 8px;
}
.auau-nuxt-select .multiselect__tags-wrap {
  display: inline;
}
.auau-nuxt-select .multiselect__tags {
  min-height: 40px;
  display: block;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  background: #fff;
  font-size: 14px;
}
.auau-nuxt-select .multiselect__tag {
  position: relative;
  display: inline-block;
  padding: 4px 26px 4px 10px;
  border-radius: 5px;
  margin-right: 10px;
  color: #fff;
  line-height: 1;
  background: #41b883;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
}
.auau-nuxt-select .multiselect__tag-icon {
  cursor: pointer;
  margin-left: 7px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  font-weight: 700;
  font-style: normal;
  width: 22px;
  text-align: center;
  line-height: 22px;
  transition: all 0.2s ease;
  border-radius: 5px;
}
.auau-nuxt-select .multiselect__tag-icon:after {
  content: "×";
  color: #266d4d;
  font-size: 14px;
}
.auau-nuxt-select .multiselect__tag-icon:focus:after, .auau-nuxt-select .multiselect__tag-icon:hover:after {
  color: #fff;
}
.auau-nuxt-select .multiselect__current {
  min-height: 40px;
  overflow: hidden;
  padding: 8px 12px 0;
  padding-right: 30px;
  white-space: nowrap;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
}
.auau-nuxt-select .multiselect__current, .auau-nuxt-select .multiselect__select {
  line-height: 16px;
  box-sizing: border-box;
  display: block;
  margin: 0;
  text-decoration: none;
  cursor: pointer;
}
.auau-nuxt-select .multiselect__select {
  position: absolute;
  width: 40px;
  height: 38px;
  right: 1px;
  top: 1px;
  padding: 4px 8px;
  text-align: center;
  transition: transform 0.2s ease;
}
.auau-nuxt-select .multiselect__select:before {
  position: relative;
  right: 0;
  top: 65%;
  color: #999;
  margin-top: 4px;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #999 transparent transparent transparent;
  content: "";
}
.auau-nuxt-select .multiselect__placeholder {
  color: #adadad;
  display: inline-block;
  margin-bottom: 10px;
  padding-top: 2px;
}
.auau-nuxt-select .multiselect--active .multiselect__placeholder {
  display: none;
}
.auau-nuxt-select .multiselect__content-wrapper {
  position: absolute;
  display: block;
  background: #fff;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid #e8e8e8;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.auau-nuxt-select .multiselect__content {
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: 0;
  min-width: 100%;
  vertical-align: top;
}
.auau-nuxt-select .multiselect--above .multiselect__content-wrapper {
  bottom: 100%;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: none;
  border-top: 1px solid #e8e8e8;
}
.auau-nuxt-select .multiselect__content::-webkit-scrollbar {
  display: none;
}
.auau-nuxt-select .multiselect__element {
  display: block;
}
.auau-nuxt-select .multiselect__option {
  display: block;
  padding: 12px;
  min-height: 40px;
  line-height: 16px;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
}
.auau-nuxt-select .multiselect__option:after {
  top: 0;
  right: 0;
  position: absolute;
  line-height: 40px;
  padding-right: 12px;
  padding-left: 20px;
  font-size: 13px;
}
.auau-nuxt-select .multiselect__option--highlight {
  background: #41b883;
  outline: none;
  color: #fff;
}
.auau-nuxt-select .multiselect__option--highlight:after {
  content: attr(data-select);
  background: #41b883;
  color: #fff;
}
.auau-nuxt-select .multiselect__option--selected {
  background: #f3f3f3;
  color: #35495e;
  font-weight: 700;
}
.auau-nuxt-select .multiselect__option--selected:after {
  content: attr(data-selected);
  color: silver;
}
.auau-nuxt-select .multiselect__option--selected.multiselect__option--highlight {
  background: #ff6a6a;
  color: #fff;
}
.auau-nuxt-select .multiselect__option--selected.multiselect__option--highlight:after {
  background: #ff6a6a;
  content: attr(data-deselect);
  color: #fff;
}
.auau-nuxt-select .multiselect--disabled .multiselect__current, .auau-nuxt-select .multiselect--disabled .multiselect__select {
  background: #ededed;
  color: #a6a6a6;
}
.auau-nuxt-select .multiselect__option--disabled {
  background: #ededed !important;
  color: #a6a6a6 !important;
  cursor: text;
  pointer-events: none;
}
.auau-nuxt-select .multiselect__option--group {
  background: #ededed;
  color: #35495e;
}
.auau-nuxt-select .multiselect__option--group.multiselect__option--highlight {
  background: #35495e;
  color: #fff;
}
.auau-nuxt-select .multiselect__option--group.multiselect__option--highlight:after {
  background: #35495e;
}
.auau-nuxt-select .multiselect__option--disabled.multiselect__option--highlight {
  background: #dedede;
}
.auau-nuxt-select .multiselect__option--group-selected.multiselect__option--highlight {
  background: #ff6a6a;
  color: #fff;
}
.auau-nuxt-select .multiselect__option--group-selected.multiselect__option--highlight:after {
  background: #ff6a6a;
  content: attr(data-deselect);
  color: #fff;
}
.auau-nuxt-select .multiselect-enter-active, .auau-nuxt-select .multiselect-leave-active {
  transition: all 0.15s ease;
}
.auau-nuxt-select .multiselect-enter, .auau-nuxt-select .multiselect-leave-active {
  opacity: 0;
}
.auau-nuxt-select .multiselect__strong {
  margin-bottom: 8px;
  line-height: 20px;
  display: inline-block;
  vertical-align: top;
}
.auau-nuxt-select [dir=rtl] .multiselect {
  text-align: right;
}
.auau-nuxt-select [dir=rtl] .multiselect__select {
  right: auto;
  left: 1px;
}
.auau-nuxt-select [dir=rtl] .multiselect__tags {
  padding: 8px 8px 0 40px;
}
.auau-nuxt-select [dir=rtl] .multiselect__content {
  text-align: right;
}
.auau-nuxt-select [dir=rtl] .multiselect__option:after {
  right: auto;
  left: 0;
}
.auau-nuxt-select [dir=rtl] .multiselect__clear {
  right: auto;
  left: 12px;
}
.auau-nuxt-select [dir=rtl] .multiselect__spinner {
  right: auto;
  left: 1px;
}
@-webkit-keyframes spinning {
0% {
    transform: rotate(0);
}
to {
    transform: rotate(2turn);
}
}
@keyframes spinning {
0% {
    transform: rotate(0);
}
to {
    transform: rotate(2turn);
}
}
.auau-nuxt-select .multiselect__tags {
  background-color: #fafafc;
  border: 1px solid #d1d1d1;
  border-radius: 8px;
  padding: 6px 40px 6px 15px;
  min-height: 43px;
  box-sizing: border-box;
  display: flex;
}
.auau-nuxt-select .multiselect__input,
.auau-nuxt-select .multiselect__single {
  background-color: inherit;
}
.auau-nuxt-select .multiselect__option--highlight,
.auau-nuxt-select .multiselect__option--highlight::after,
.auau-nuxt-select .multiselect__option--selected.multiselect__option--highlight,
.auau-nuxt-select .multiselect__option--selected.multiselect__option--highlight::after {
  background: #d1d1d1;
}
.auau-nuxt-select .multiselect__single,
.auau-nuxt-select .multiselect__input {
  min-height: auto;
  margin-bottom: auto;
  margin-top: auto;
  padding: 0;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #2d2d2d;
}
.auau-nuxt-select .multiselect__placeholder {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  margin-bottom: 0;
  padding-top: 0;
  align-self: center;
}
.auau-nuxt-select .multiselect__select {
  font-family: "auau-icon";
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  font-size: 23px;
  min-height: 43px;
}
.auau-nuxt-select .multiselect__select:before {
  content: "\e913";
  border-color: transparent;
  border: none;
  top: 6px;
  margin-top: 0;
}
.auau-nuxt-select .multiselect__content-wrapper {
  border: 1px solid #d1d1d1;
  bottom: unset !important;
}
.auau-nuxt-select .multiselect--disabled {
  background-color: transparent;
}
.auau-nuxt-select .multiselect--disabled .multiselect__select {
  background-color: transparent;
}
.auau-nuxt-tab-links {
  /*
   * Container style
   */
  /*
   * Scrollbar rail styles
   */
  /*
   * Scrollbar thumb styles
   */
  /* MS supports */
  width: 100%;
}
.auau-nuxt-tab-links .ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}
.auau-nuxt-tab-links .ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}
.auau-nuxt-tab-links .ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}
.auau-nuxt-tab-links .ps--active-x > .ps__rail-x,
.auau-nuxt-tab-links .ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}
.auau-nuxt-tab-links .ps:hover > .ps__rail-x,
.auau-nuxt-tab-links .ps:hover > .ps__rail-y,
.auau-nuxt-tab-links .ps--focus > .ps__rail-x,
.auau-nuxt-tab-links .ps--focus > .ps__rail-y,
.auau-nuxt-tab-links .ps--scrolling-x > .ps__rail-x,
.auau-nuxt-tab-links .ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}
.auau-nuxt-tab-links .ps .ps__rail-x:hover,
.auau-nuxt-tab-links .ps .ps__rail-y:hover,
.auau-nuxt-tab-links .ps .ps__rail-x:focus,
.auau-nuxt-tab-links .ps .ps__rail-y:focus,
.auau-nuxt-tab-links .ps .ps__rail-x.ps--clicking,
.auau-nuxt-tab-links .ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}
.auau-nuxt-tab-links .ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}
.auau-nuxt-tab-links .ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}
.auau-nuxt-tab-links .ps__rail-x:hover > .ps__thumb-x,
.auau-nuxt-tab-links .ps__rail-x:focus > .ps__thumb-x,
.auau-nuxt-tab-links .ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}
.auau-nuxt-tab-links .ps__rail-y:hover > .ps__thumb-y,
.auau-nuxt-tab-links .ps__rail-y:focus > .ps__thumb-y,
.auau-nuxt-tab-links .ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}
@supports (-ms-overflow-style: none) {
.auau-nuxt-tab-links .ps {
    overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.auau-nuxt-tab-links .ps {
    overflow: auto !important;
}
}
.auau-nuxt-tab-links .ps {
  position: relative;
}
.auau-nuxt-tab-links.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.auau-nuxt-tab-links .auau-nuxt-tab-links__header {
  border-radius: 0;
  z-index: 1;
}
.auau-nuxt-tab-links .auau-nuxt-tab-links__header-items {
  position: relative;
  z-index: 1;
  width: 100%;
}
.auau-nuxt-tab-links .auau-nuxt-tab-links__header-items::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #d1d1d1;
  z-index: -1;
}
.auau-nuxt-tab-links .auau-nuxt-tab-links__header-items .ps {
  display: flex;
}
.auau-nuxt-tab-links .auau-nuxt-tab-links__header-items .ps .auau-nuxt-tab-links__header-item {
  position: relative;
  cursor: pointer;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  padding: 12px 30px 12px 30px;
  color: #949494;
}
@media (max-width: 767px) {
.auau-nuxt-tab-links .auau-nuxt-tab-links__header-items .ps .auau-nuxt-tab-links__header-item {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-tab-links .auau-nuxt-tab-links__header-items .ps .auau-nuxt-tab-links__header-item.selected {
  color: #2d2d2d;
}
.auau-nuxt-tab-links .auau-nuxt-tab-links__header-items .ps .auau-nuxt-tab-links__header-item.selected::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: var(--auau-800, #f8b818);
  border-radius: 5px;
}
.auau-nuxt-tab-links .auau-nuxt-tab-links__header-items .ps .auau-nuxt-tab-links__header-item.left-border-radius-zero {
  border-radius: 0 30px 30px 0 !important;
}
.auau-nuxt-tab-links .auau-nuxt-tab-links__header-items .ps .auau-nuxt-tab-links__header-item.right-border-radius-zero {
  border-radius: 30px 0 0 30px !important;
}
.auau-nuxt-tab-links .auau-nuxt-tab-links__header-items .ps .auau-nuxt-tab-links__header-item.border-radius-zero {
  border-radius: 0 !important;
}
.auau-nuxt-tab-links .auau-nuxt-tab-links__header-items .ps .auau-nuxt-tab-links__header-item.isDisabled {
  pointer-events: none;
  color: #d1d1d1 !important;
}
.auau-nuxt-tab-links.auau-nuxt-tab-links__btn-mod .auau-nuxt-tab-links__header {
  display: flex;
}
.auau-nuxt-tab-links.auau-nuxt-tab-links__btn-mod .auau-nuxt-tab-links__header-items {
  background-color: #ffffff;
  border-radius: 30px;
  color: var(--auau-800, #f8b818);
  padding: 4px;
}
.auau-nuxt-tab-links.auau-nuxt-tab-links__btn-mod .auau-nuxt-tab-links__header-items::after {
  content: none;
}
.auau-nuxt-tab-links.auau-nuxt-tab-links__btn-mod .auau-nuxt-tab-links__header-items > div > .auau-nuxt-tab-links__header-item {
  padding: 6px 28px;
  height: 40px;
  box-sizing: border-box;
}
.auau-nuxt-tab-links.auau-nuxt-tab-links__btn-mod .auau-nuxt-tab-links__header-items > div > .auau-nuxt-tab-links__header-item.selected {
  background-color: var(--auau-800, #f8b818);
  border-radius: 30px;
  color: #ffffff;
}
.auau-nuxt-tab-links.auau-nuxt-tab-links__btn-mod .auau-nuxt-tab-links__header-items > div > .auau-nuxt-tab-links__header-item.selected::after {
  content: none;
}
@media (max-width: 767px) {
.auau-nuxt-tab-links .auau-nuxt-tab-links__header-items .ps > .auau-nuxt-tab-links__header-item {
    padding: 10px 18px;
}
}
.auau-nuxt-class-booking-card {
  z-index: 10;
  width: 100%;
  position: sticky;
  top: 90px;
}
.auau-nuxt-class-booking-card .auau-nuxt-class-booking-card__wrapper {
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
  overflow: hidden;
  max-width: 344px;
  height: max-content;
}
.auau-nuxt-class-booking-card .auau-nuxt-class-booking-card__wrapper .auau-nuxt-select .multiselect__content-wrapper {
  max-height: 125px !important;
}
.auau-nuxt-class-booking-card .auau-nuxt-class-booking-card__wrapper .auau-nuxt-class-booking-card__header {
  padding: 16px;
  border-bottom: 1px solid #d1d1d1;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-class-booking-card .auau-nuxt-class-booking-card__wrapper .auau-nuxt-class-booking-card__header {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-class-booking-card .auau-nuxt-class-booking-card__wrapper .auau-nuxt-class-booking-card__form {
  padding: 16px 24px 24px 24px;
}
.auau-nuxt-class-booking-card .auau-nuxt-class-booking-card__wrapper .auau-nuxt-class-booking-card__form .auau-nuxt-field {
  margin-bottom: 16px;
}
.auau-nuxt-class-booking-card .auau-nuxt-class-booking-card__wrapper .auau-nuxt-class-booking-card__form .auau-nuxt-class-booking-card__reset-button {
  margin-bottom: 16px;
}
.auau-nuxt-class-booking-card .auau-nuxt-class-booking-card__wrapper .auau-nuxt-class-booking-card__form .auau-nuxt-class-booking-card__pricing {
  margin-bottom: 16px;
  display: grid;
  align-items: baseline;
}
.auau-nuxt-class-booking-card .auau-nuxt-class-booking-card__wrapper .auau-nuxt-class-booking-card__form .auau-nuxt-class-booking-card__pricing .auau-nuxt-class-booking-card__pricing-user-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 8px;
}
.auau-nuxt-class-booking-card .auau-nuxt-class-booking-card__wrapper .auau-nuxt-class-booking-card__form .auau-nuxt-class-booking-card__pricing .auau-nuxt-class-booking-card__pricing-amount {
  display: grid;
  align-items: baseline;
  line-height: 1;
  justify-items: center;
  flex-wrap: wrap;
  font-size: 22px;
  font-weight: 700;
  line-height: 34.75px;
  gap: 8px;
}
@media (max-width: 767px) {
.auau-nuxt-class-booking-card .auau-nuxt-class-booking-card__wrapper .auau-nuxt-class-booking-card__form .auau-nuxt-class-booking-card__pricing .auau-nuxt-class-booking-card__pricing-amount {
    font-size: 24px;
    font-weight: 600;
}
}
.auau-nuxt-class-booking-card .auau-nuxt-class-booking-card__wrapper .auau-nuxt-class-booking-card__form .auau-nuxt-class-booking-card__pricing .auau-nuxt-class-booking-card__pricing-amount > span {
  color: #2d2d2d;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  font-weight: 400;
}
.auau-nuxt-class-booking-card .auau-nuxt-class-booking-card__wrapper .auau-nuxt-class-booking-card__form .auau-nuxt-class-booking-card__pricing .auau-nuxt-tab-links {
  width: max-content;
}
.auau-nuxt-class-booking-card .auau-nuxt-class-booking-card__wrapper .auau-nuxt-class-booking-card__form .auau-nuxt-class-booking-card__pricing .auau-nuxt-tab-links .ps {
  justify-content: center;
  align-items: flex-start;
  background-color: #fafafc;
  border-radius: 40px;
  gap: 8px;
}
.auau-nuxt-class-booking-card .auau-nuxt-class-booking-card__wrapper .auau-nuxt-class-booking-card__form .auau-nuxt-class-booking-card__pricing .auau-nuxt-tab-links .ps .auau-nuxt-tab-links__header-item {
  padding: 8px 16px;
  color: #2d2d2d;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  padding: 8px 24px;
}
.auau-nuxt-class-booking-card .auau-nuxt-class-booking-card__wrapper .auau-nuxt-class-booking-card__form .auau-nuxt-class-booking-card__pricing .auau-nuxt-tab-links .ps .auau-nuxt-tab-links__header-item.selected {
  background-color: var(--auau-200, #fef1d1);
  color: var(--auau-900, #f89d00);
}
.auau-nuxt-class-booking-card .auau-nuxt-class-booking-card__wrapper .auau-nuxt-class-booking-card__form .auau-nuxt-class-booking-card__pricing .auau-nuxt-tab-links .ps .auau-nuxt-tab-links__header-item.selected::after {
  content: none;
}
.auau-nuxt-class-booking-card .auau-nuxt-class-booking-card__wrapper .auau-nuxt-class-booking-card__form .auau-nuxt-class-booking-card__pricing .auau-nuxt-tab-group__tab-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 8px;
}
.auau-nuxt-class-booking-card .auau-nuxt-class-booking-card__wrapper .auau-nuxt-class-booking-card__form .auau-nuxt-class-booking-card__pricing .auau-nuxt-tab-group__tab-content .auau-nuxt-class-booking-card__discount-label {
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
  color: #dc3030;
}
.auau-nuxt-class-booking-card .auau-nuxt-class-booking-card__wrapper .auau-nuxt-class-booking-card__form .auau-nuxt-class-booking-card__pricing .auau-nuxt-tab-group__tab-content .discounted {
  color: #dc3030;
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
}
@media (max-width: 767px) {
.auau-nuxt-class-booking-card .auau-nuxt-class-booking-card__wrapper .auau-nuxt-class-booking-card__form .auau-nuxt-class-booking-card__pricing .auau-nuxt-tab-group__tab-content .discounted {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-class-booking-card .auau-nuxt-class-booking-card__wrapper .auau-nuxt-class-booking-card__form .auau-nuxt-class-booking-card__pricing .auau-nuxt-tab-group__tab-content .auau-nuxt-class-booking-card__original-price {
  color: #949494;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  text-decoration-line: line-through;
}
@media (max-width: 767px) {
.auau-nuxt-class-booking-card .auau-nuxt-class-booking-card__wrapper .auau-nuxt-class-booking-card__form .auau-nuxt-class-booking-card__pricing .auau-nuxt-tab-group__tab-content .auau-nuxt-class-booking-card__original-price {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-class-booking-card .auau-nuxt-class-booking-card__wrapper .auau-nuxt-class-booking-card__form .auau-nuxt-class-booking-card__pricing .auau-nuxt-class-booking-card__pricing-label {
  align-self: baseline;
  color: #949494;
  margin-right: 8px;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-class-booking-card .auau-nuxt-class-booking-card__wrapper .auau-nuxt-class-booking-card__form .auau-nuxt-class-booking-card__pricing .auau-nuxt-class-booking-card__pricing-discount {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
}
.auau-nuxt-class-booking-card .auau-nuxt-class-booking-card__wrapper .auau-nuxt-class-booking-card__form .auau-nuxt-class-booking-card__pricing .auau-nuxt-class-booking-card__pricing-discount .auau-nuxt-class-booking-card__pricing-discount-label {
  color: #949494;
  margin-right: 4px;
}
.auau-nuxt-class-booking-card .auau-nuxt-class-booking-card__wrapper .auau-nuxt-class-booking-card__form .auau-nuxt-class-booking-card__remaining {
  font-size: 11px;
  font-weight: 300;
  line-height: 16px;
  color: #dc3030;
  text-align: center;
  padding-top: 8px;
}
.auau-nuxt-class-booking-card .auau-nuxt-class-booking-card__wrapper .auau-nuxt-class-booking-card__form .auau-nuxt-class-booking-card__actions .auau-nuxt-button {
  width: 100%;
}
.auau-nuxt-class-booking-card .auau-nuxt-class-booking-card__wrapper .auau-nuxt-class-booking-card__form .auau-nuxt-class-booking-card__actions .status-hold {
  background-color: #004db1;
  border: 2px solid #004db1;
}
.auau-nuxt-class-booking-card__class-mobile-bottom-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
}
.auau-nuxt-class-booking-card__class-mobile-bottom-bar .auau-nuxt-class-booking-card__mobile-remaining {
  font-size: 11px;
  font-weight: 300;
  line-height: 16px;
  color: #dc3030;
  text-align: center;
  padding-top: 4px;
}
.auau-nuxt-class-booking-card__class-mobile-bottom-bar .auau-nuxt-class-booking-card__mobile-pricing {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.auau-nuxt-class-booking-card__class-mobile-bottom-bar .auau-nuxt-class-booking-card__mobile-pricing .auau-nuxt-class-booking-card__mobile-pricing-label {
  color: #949494;
  text-align: end;
  font-size: 11px;
  font-weight: 300;
  line-height: 16px;
}
.auau-nuxt-class-booking-card__class-mobile-bottom-bar .auau-nuxt-class-booking-card__mobile-pricing .auau-nuxt-class-booking-card__mobile-pricing-amount {
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
  gap: 0 4px;
  align-items: baseline;
  justify-content: flex-end;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
.auau-nuxt-class-booking-card__class-mobile-bottom-bar .auau-nuxt-class-booking-card__mobile-pricing .auau-nuxt-class-booking-card__mobile-pricing-amount {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-class-booking-card__class-mobile-bottom-bar .auau-nuxt-class-booking-card__mobile-pricing .auau-nuxt-class-booking-card__mobile-pricing-amount span {
  color: #949494;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-class-booking-card__class-mobile-bottom-bar .auau-nuxt-class-booking-card__mobile-pricing .auau-nuxt-class-booking-card__mobile-pricing-discount-label {
  color: #dc3030;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
  margin-right: 4px;
}
.auau-nuxt-class-booking-card__class-mobile-bottom-bar .auau-nuxt-class-booking-card__mobile-pricing .discounted {
  color: #dc3030;
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
}
@media (max-width: 767px) {
.auau-nuxt-class-booking-card__class-mobile-bottom-bar .auau-nuxt-class-booking-card__mobile-pricing .discounted {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-class-booking-card__class-mobile-bottom-bar .auau-nuxt-class-booking-card__mobile-pricing .auau-nuxt-class-booking-card__mobile-original-price {
  color: #949494;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  text-decoration-line: line-through;
}
@media (max-width: 767px) {
.auau-nuxt-class-booking-card__class-mobile-bottom-bar .auau-nuxt-class-booking-card__mobile-pricing .auau-nuxt-class-booking-card__mobile-original-price {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-class-booking-card__mobile-actions {
  margin-top: 4px;
}
.auau-nuxt-class-booking-card__mobile-actions .auau-nuxt-button {
  width: 100%;
}
.auau-nuxt-class-booking-card__mobile-actions .status-hold,
.auau-nuxt-class-booking-card__mobile-actions .status-online-hold {
  background-color: #004db1;
  border: 2px solid #004db1;
}
.auau-nuxt-text-area {
  padding: 8px 15px 8px 15px;
  min-height: 100px;
  width: 100%;
  border: 1px solid #d1d1d1;
  box-sizing: border-box;
  border-radius: 4px;
  background: #fafafc;
  outline-width: 0;
  font-family: inherit;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  line-height: 1.5;
}
.auau-nuxt-text-area::placeholder {
  color: #d1d1d1;
}
.auau-nuxt-text-area.default {
  border-color: #d1d1d1;
}
.auau-nuxt-text-area.active {
  border-color: var(--auau-800, #f8b818);
}
.auau-nuxt-text-area.error {
  border-color: #dc3030;
}
.auau-nuxt-text-area.success {
  border-color: #38c172;
}
.auau-nuxt-text-area.inactive {
  background: #fafafc;
  border-color: #d1d1d1;
}

.auau-nuxt-multi-select {
  position: relative;
  cursor: pointer;
  height: 100%;
  width: 100%;
  background-color: #fafafc;
}
.auau-nuxt-multi-select fieldset[disabled] .multiselect {
  pointer-events: none;
}
.auau-nuxt-multi-select .multiselect__spinner {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 48px;
  height: 35px;
  background: #fff;
  display: block;
}
.auau-nuxt-multi-select .multiselect__spinner:after, .auau-nuxt-multi-select .multiselect__spinner:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  border-color: #41b883 transparent transparent;
  border-style: solid;
  border-width: 2px;
  box-shadow: 0 0 0 1px transparent;
}
.auau-nuxt-multi-select .multiselect__spinner:before {
  -webkit-animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
  animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.auau-nuxt-multi-select .multiselect__spinner:after {
  -webkit-animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
  animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.auau-nuxt-multi-select .multiselect__loading-enter-active, .auau-nuxt-multi-select .multiselect__loading-leave-active {
  transition: opacity 0.4s ease-in-out;
  opacity: 1;
}
.auau-nuxt-multi-select .multiselect__loading-enter, .auau-nuxt-multi-select .multiselect__loading-leave-active {
  opacity: 0;
}
.auau-nuxt-multi-select .multiselect, .auau-nuxt-multi-select .multiselect__input, .auau-nuxt-multi-select .multiselect__single {
  font-family: inherit;
  font-size: 16px;
  touch-action: manipulation;
}
.auau-nuxt-multi-select .multiselect {
  box-sizing: content-box;
  display: block;
  position: relative;
  width: 100%;
  min-height: 40px;
  text-align: left;
  color: #35495e;
}
.auau-nuxt-multi-select .multiselect * {
  box-sizing: border-box;
}
.auau-nuxt-multi-select .multiselect:focus {
  outline: none;
}
.auau-nuxt-multi-select .multiselect--disabled {
  background: #ededed;
  pointer-events: none;
  opacity: 0.6;
}
.auau-nuxt-multi-select .multiselect--active {
  z-index: 50;
}
.auau-nuxt-multi-select .multiselect--active:not(.multiselect--above) .multiselect__current, .auau-nuxt-multi-select .multiselect--active:not(.multiselect--above) .multiselect__input, .auau-nuxt-multi-select .multiselect--active:not(.multiselect--above) .multiselect__tags {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.auau-nuxt-multi-select .multiselect--active .multiselect__select {
  transform: rotate(180deg);
}
.auau-nuxt-multi-select .multiselect--above.multiselect--active .multiselect__current, .auau-nuxt-multi-select .multiselect--above.multiselect--active .multiselect__input, .auau-nuxt-multi-select .multiselect--above.multiselect--active .multiselect__tags {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.auau-nuxt-multi-select .multiselect__input, .auau-nuxt-multi-select .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #fff;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
}
.auau-nuxt-multi-select .multiselect__input::-moz-placeholder {
  color: #35495e;
}
.auau-nuxt-multi-select .multiselect__input:-ms-input-placeholder {
  color: #35495e;
}
.auau-nuxt-multi-select .multiselect__input::placeholder {
  color: #35495e;
}
.auau-nuxt-multi-select .multiselect__tag ~ .multiselect__input, .auau-nuxt-multi-select .multiselect__tag ~ .multiselect__single {
  width: auto;
}
.auau-nuxt-multi-select .multiselect__input:hover, .auau-nuxt-multi-select .multiselect__single:hover {
  border-color: #cfcfcf;
}
.auau-nuxt-multi-select .multiselect__input:focus, .auau-nuxt-multi-select .multiselect__single:focus {
  border-color: #a8a8a8;
  outline: none;
}
.auau-nuxt-multi-select .multiselect__single {
  padding-left: 5px;
  margin-bottom: 8px;
}
.auau-nuxt-multi-select .multiselect__tags-wrap {
  display: inline;
}
.auau-nuxt-multi-select .multiselect__tags {
  min-height: 40px;
  display: block;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  background: #fff;
  font-size: 14px;
}
.auau-nuxt-multi-select .multiselect__tag {
  position: relative;
  display: inline-block;
  padding: 4px 26px 4px 10px;
  border-radius: 5px;
  margin-right: 10px;
  color: #fff;
  line-height: 1;
  background: #41b883;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
}
.auau-nuxt-multi-select .multiselect__tag-icon {
  cursor: pointer;
  margin-left: 7px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  font-weight: 700;
  font-style: normal;
  width: 22px;
  text-align: center;
  line-height: 22px;
  transition: all 0.2s ease;
  border-radius: 5px;
}
.auau-nuxt-multi-select .multiselect__tag-icon:after {
  content: "×";
  color: #266d4d;
  font-size: 14px;
}
.auau-nuxt-multi-select .multiselect__tag-icon:focus:after, .auau-nuxt-multi-select .multiselect__tag-icon:hover:after {
  color: #fff;
}
.auau-nuxt-multi-select .multiselect__current {
  min-height: 40px;
  overflow: hidden;
  padding: 8px 12px 0;
  padding-right: 30px;
  white-space: nowrap;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
}
.auau-nuxt-multi-select .multiselect__current, .auau-nuxt-multi-select .multiselect__select {
  line-height: 16px;
  box-sizing: border-box;
  display: block;
  margin: 0;
  text-decoration: none;
  cursor: pointer;
}
.auau-nuxt-multi-select .multiselect__select {
  position: absolute;
  width: 40px;
  height: 38px;
  right: 1px;
  top: 1px;
  padding: 4px 8px;
  text-align: center;
  transition: transform 0.2s ease;
}
.auau-nuxt-multi-select .multiselect__select:before {
  position: relative;
  right: 0;
  top: 65%;
  color: #999;
  margin-top: 4px;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #999 transparent transparent transparent;
  content: "";
}
.auau-nuxt-multi-select .multiselect__placeholder {
  color: #adadad;
  display: inline-block;
  margin-bottom: 10px;
  padding-top: 2px;
}
.auau-nuxt-multi-select .multiselect--active .multiselect__placeholder {
  display: none;
}
.auau-nuxt-multi-select .multiselect__content-wrapper {
  position: absolute;
  display: block;
  background: #fff;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid #e8e8e8;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.auau-nuxt-multi-select .multiselect__content {
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: 0;
  min-width: 100%;
  vertical-align: top;
}
.auau-nuxt-multi-select .multiselect--above .multiselect__content-wrapper {
  bottom: 100%;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: none;
  border-top: 1px solid #e8e8e8;
}
.auau-nuxt-multi-select .multiselect__content::-webkit-scrollbar {
  display: none;
}
.auau-nuxt-multi-select .multiselect__element {
  display: block;
}
.auau-nuxt-multi-select .multiselect__option {
  display: block;
  padding: 12px;
  min-height: 40px;
  line-height: 16px;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
}
.auau-nuxt-multi-select .multiselect__option:after {
  top: 0;
  right: 0;
  position: absolute;
  line-height: 40px;
  padding-right: 12px;
  padding-left: 20px;
  font-size: 13px;
}
.auau-nuxt-multi-select .multiselect__option--highlight {
  background: #41b883;
  outline: none;
  color: #fff;
}
.auau-nuxt-multi-select .multiselect__option--highlight:after {
  content: attr(data-select);
  background: #41b883;
  color: #fff;
}
.auau-nuxt-multi-select .multiselect__option--selected {
  background: #f3f3f3;
  color: #35495e;
  font-weight: 700;
}
.auau-nuxt-multi-select .multiselect__option--selected:after {
  content: attr(data-selected);
  color: silver;
}
.auau-nuxt-multi-select .multiselect__option--selected.multiselect__option--highlight {
  background: #ff6a6a;
  color: #fff;
}
.auau-nuxt-multi-select .multiselect__option--selected.multiselect__option--highlight:after {
  background: #ff6a6a;
  content: attr(data-deselect);
  color: #fff;
}
.auau-nuxt-multi-select .multiselect--disabled .multiselect__current, .auau-nuxt-multi-select .multiselect--disabled .multiselect__select {
  background: #ededed;
  color: #a6a6a6;
}
.auau-nuxt-multi-select .multiselect__option--disabled {
  background: #ededed !important;
  color: #a6a6a6 !important;
  cursor: text;
  pointer-events: none;
}
.auau-nuxt-multi-select .multiselect__option--group {
  background: #ededed;
  color: #35495e;
}
.auau-nuxt-multi-select .multiselect__option--group.multiselect__option--highlight {
  background: #35495e;
  color: #fff;
}
.auau-nuxt-multi-select .multiselect__option--group.multiselect__option--highlight:after {
  background: #35495e;
}
.auau-nuxt-multi-select .multiselect__option--disabled.multiselect__option--highlight {
  background: #dedede;
}
.auau-nuxt-multi-select .multiselect__option--group-selected.multiselect__option--highlight {
  background: #ff6a6a;
  color: #fff;
}
.auau-nuxt-multi-select .multiselect__option--group-selected.multiselect__option--highlight:after {
  background: #ff6a6a;
  content: attr(data-deselect);
  color: #fff;
}
.auau-nuxt-multi-select .multiselect-enter-active, .auau-nuxt-multi-select .multiselect-leave-active {
  transition: all 0.15s ease;
}
.auau-nuxt-multi-select .multiselect-enter, .auau-nuxt-multi-select .multiselect-leave-active {
  opacity: 0;
}
.auau-nuxt-multi-select .multiselect__strong {
  margin-bottom: 8px;
  line-height: 20px;
  display: inline-block;
  vertical-align: top;
}
.auau-nuxt-multi-select [dir=rtl] .multiselect {
  text-align: right;
}
.auau-nuxt-multi-select [dir=rtl] .multiselect__select {
  right: auto;
  left: 1px;
}
.auau-nuxt-multi-select [dir=rtl] .multiselect__tags {
  padding: 8px 8px 0 40px;
}
.auau-nuxt-multi-select [dir=rtl] .multiselect__content {
  text-align: right;
}
.auau-nuxt-multi-select [dir=rtl] .multiselect__option:after {
  right: auto;
  left: 0;
}
.auau-nuxt-multi-select [dir=rtl] .multiselect__clear {
  right: auto;
  left: 12px;
}
.auau-nuxt-multi-select [dir=rtl] .multiselect__spinner {
  right: auto;
  left: 1px;
}
@-webkit-keyframes spinning {
0% {
    transform: rotate(0);
}
to {
    transform: rotate(2turn);
}
}
@keyframes spinning {
0% {
    transform: rotate(0);
}
to {
    transform: rotate(2turn);
}
}
.auau-nuxt-multi-select > .multiselect {
  height: 100%;
}
.auau-nuxt-multi-select > .multiselect .multiselect__tags {
  border: 1px solid #d1d1d1;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 6px 40px 6px 15px;
  gap: 4px 0;
  background-color: #fafafc;
  min-height: 43px;
  box-sizing: border-box;
}
.auau-nuxt-multi-select > .multiselect.overflow .multiselect__tags {
  overflow: auto;
}
.auau-nuxt-multi-select > .multiselect.overflow .multiselect__tags-wrap {
  flex-wrap: nowrap;
  display: inline-flex;
}
.auau-nuxt-multi-select > .multiselect.success .multiselect__tags {
  border: 1px solid #38c172;
}
.auau-nuxt-multi-select > .multiselect.error .multiselect__tags {
  border: 1px solid #dc3030;
}
.auau-nuxt-multi-select .multiselect--active {
  z-index: unset;
}
.auau-nuxt-multi-select .multiselect--active .multiselect__tags {
  border: 1px solid var(--auau-800, #f8b818);
}
.auau-nuxt-multi-select .multiselect__select {
  font-family: "auau-icon";
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  font-size: 23px;
  min-height: 43px;
}
.auau-nuxt-multi-select .multiselect__select:before {
  content: "\e811";
  border-color: transparent;
  border: none;
  top: 6px;
  margin-top: 0;
}
.auau-nuxt-multi-select .multiselect__tags-wrap {
  width: 95%;
}
.auau-nuxt-multi-select .multiselect__input {
  margin: 0;
  padding: 0;
}
.auau-nuxt-multi-select .multiselect__placeholder {
  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
  padding: 0;
  margin: 0;
}
.auau-nuxt-multi-select .multiselect__content-wrapper {
  border-radius: 4px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  margin-top: 8px;
  border: 1px solid #d1d1d1;
}
.auau-nuxt-multi-select .multiselect__tags-wrap {
  background-color: transparent;
  flex-wrap: wrap;
  display: flex;
  gap: 4px 0;
  width: 95%;
}
.auau-nuxt-multi-select .multiselect__tags-wrap .multiselect__tag {
  color: #2d2d2d;
  background: var(--auau-200, #fef1d1);
  border-radius: 4px;
  margin-bottom: 0px;
}
.auau-nuxt-multi-select .multiselect__tags-wrap .multiselect__tag .multiselect__tag-icon::after {
  color: #2d2d2d;
}
.auau-nuxt-multi-select .multiselect__tags-wrap .multiselect__tag .multiselect__tag-icon:hover::after {
  color: #ffffff;
}
.auau-nuxt-multi-select .multiselect__tags-wrap .multiselect__tag :last-child {
  margin-bottom: 8px;
}
.auau-nuxt-multi-select .multiselect__content {
  padding: 8px 12px;
}
.auau-nuxt-multi-select .multiselect__content .multiselect__element {
  margin: 8px 0px;
  border-radius: 4px;
}
.auau-nuxt-multi-select .multiselect__content .multiselect__element span {
  white-space: break-spaces;
}
.auau-nuxt-multi-select .multiselect__content .multiselect__option--highlight {
  border-radius: 4px;
  background-color: var(--auau-800, #f8b818);
}
.auau-nuxt-multi-select .multiselect__content .multiselect__option--highlight::after {
  background-color: var(--auau-800, #f8b818);
}
.auau-nuxt-multi-select .multiselect__content .multiselect__option--highlight.multiselect__option--selected {
  background: var(--auau-800, #f8b818);
}
.auau-nuxt-multi-select.isDisable {
  cursor: unset;
  background-color: #fafafc;
}
.auau-nuxt-multi-select.isDisable .multiselect__select {
  background-color: transparent;
}
.auau-nuxt-multi-select.isDisable > .multiselect--disabled {
  background-color: #fafafc;
  border: none;
}
.auau-nuxt-multi-select.isDisable > .multiselect--disabled .multiselect__tags {
  background-color: #fafafc;
}
.auau-nuxt-signature {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%237B7B7BFF' stroke-width='4' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: 10px;
  min-height: 200px;
  background-color: #ffffff;
}
.auau-nuxt-signature .signature-container {
  width: "100%";
  padding: 8px 16px;
  position: relative;
}
.auau-nuxt-signature .signature-reset,
.auau-nuxt-signature .signature-lock {
  position: absolute;
  top: 0;
  right: 0;
  margin: 16px;
}
.auau-nuxt-signature .signature-lock {
  padding: 0;
}

/*!
 * FilePond 4.30.3
 * Licensed under MIT, https://opensource.org/licenses/MIT/
 * Please visit https://pqina.nl/filepond/ for details.
 */
/* eslint-disable */
.filepond--assistant {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  white-space: nowrap;
}

/* Hard to override styles */
.filepond--browser.filepond--browser {
  /* is positioned absolute so it is focusable for form validation errors */
  position: absolute;
  margin: 0;
  padding: 0;
  /* is positioned ~behind drop label */
  left: 1em;
  top: 1.75em;
  width: calc(100% - 2em);
  /* hide visually */
  opacity: 0;
  font-size: 0;
  /* removes text cursor in Internet Explorer 11 */
}
.filepond--data {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
  border: none;
  visibility: hidden;
  pointer-events: none;
  contain: strict;
}
.filepond--drip {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  opacity: 0.1;
  /* can't interact with this element */
  pointer-events: none;
  /* inherit border radius from parent (needed for drip-blob cut of) */
  border-radius: 0.5em;
  /* this seems to prevent Chrome from redrawing this layer constantly */
  background: rgba(0, 0, 0, 0.01);
}
.filepond--drip-blob {
  position: absolute;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  top: 0;
  left: 0;
  width: 8em;
  height: 8em;
  margin-left: -4em;
  margin-top: -4em;
  background: #292625;
  border-radius: 50%;
  /* will be animated */
  will-change: transform, opacity;
}
.filepond--drop-label {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0;
  color: #4f4f4f;
  /* center contents */
  display: flex;
  justify-content: center;
  align-items: center;
  /* fixes IE11 centering problems (is overruled by label min-height) */
  height: 0px;
  /* dont allow selection */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* will be animated */
  will-change: transform, opacity;
}

/* Hard to override styles on purpose */
.filepond--drop-label.filepond--drop-label label {
  display: block;
  margin: 0;
  padding: 0.5em;
  /* use padding instead of margin so click area is not impacted */
}
.filepond--drop-label label {
  cursor: default;
  font-size: 0.875em;
  font-weight: normal;
  text-align: center;
  line-height: 1.5;
}
.filepond--label-action {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  -webkit-text-decoration-color: #a7a4a4;
  text-decoration-color: #a7a4a4;
  cursor: pointer;
}
.filepond--root[data-disabled] .filepond--drop-label label {
  opacity: 0.5;
}

/* Hard to override styles */
.filepond--file-action-button.filepond--file-action-button {
  font-size: 1em;
  width: 1.625em;
  height: 1.625em;
  font-family: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  will-change: transform, opacity;
  /* hidden label */
}
.filepond--file-action-button.filepond--file-action-button span {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  white-space: nowrap;
}
.filepond--file-action-button.filepond--file-action-button {
  /* scale SVG to fill button */
}
.filepond--file-action-button.filepond--file-action-button svg {
  width: 100%;
  height: 100%;
}
.filepond--file-action-button.filepond--file-action-button {
  /* bigger touch area */
}
.filepond--file-action-button.filepond--file-action-button::after {
  position: absolute;
  left: -0.75em;
  right: -0.75em;
  top: -0.75em;
  bottom: -0.75em;
  content: "";
}

/* Soft styles */
.filepond--file-action-button {
  /* use default arrow cursor */
  cursor: auto;
  /* reset default button styles */
  color: #fff;
  /* set default look n feel */
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: none;
  /* we animate box shadow on focus */
  /* it's only slightly slower than animating */
  /* a pseudo-element with transforms and renders */
  /* a lot better on chrome */
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  transition: box-shadow 0.25s ease-in;
}
.filepond--file-action-button:hover,
.filepond--file-action-button:focus {
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.9);
}
.filepond--file-action-button[disabled] {
  color: rgba(255, 255, 255, 0.5);
  background-color: rgba(0, 0, 0, 0.25);
}
.filepond--file-action-button[hidden] {
  display: none;
}

/* edit button */
.filepond--action-edit-item.filepond--action-edit-item {
  width: 2em;
  height: 2em;
  padding: 0.1875em;
}
.filepond--action-edit-item.filepond--action-edit-item[data-align*=center] {
  margin-left: -0.1875em;
}
.filepond--action-edit-item.filepond--action-edit-item[data-align*=bottom] {
  margin-bottom: -0.1875em;
}
.filepond--action-edit-item-alt {
  border: none;
  line-height: inherit;
  background: transparent;
  font-family: inherit;
  color: inherit;
  outline: none;
  padding: 0;
  margin: 0 0 0 0.25em;
  pointer-events: all;
  position: absolute;
}
.filepond--action-edit-item-alt svg {
  width: 1.3125em;
  height: 1.3125em;
}
.filepond--action-edit-item-alt span {
  font-size: 0;
  opacity: 0;
}
.filepond--file-info {
  position: static;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  margin: 0 0.5em 0 0;
  min-width: 0;
  /* will be animated */
  will-change: transform, opacity;
  /* can't do anything with this info */
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* no margins on children */
}
.filepond--file-info * {
  margin: 0;
}
.filepond--file-info {
  /* we don't want to have these overrules so these selectors are a bit more specific */
}
.filepond--file-info .filepond--file-info-main {
  font-size: 0.75em;
  line-height: 1.2;
  /* we want ellipsis if this bar gets too wide */
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
.filepond--file-info .filepond--file-info-sub {
  font-size: 0.625em;
  opacity: 0.5;
  transition: opacity 0.25s ease-in-out;
  white-space: nowrap;
}
.filepond--file-info .filepond--file-info-sub:empty {
  display: none;
}
.filepond--file-status {
  position: static;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0;
  min-width: 2.25em;
  text-align: right;
  /* will be animated */
  will-change: transform, opacity;
  /* can't do anything with this info */
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* no margins on children */
}
.filepond--file-status * {
  margin: 0;
  white-space: nowrap;
}
.filepond--file-status {
  /* font sizes */
}
.filepond--file-status .filepond--file-status-main {
  font-size: 0.75em;
  line-height: 1.2;
}
.filepond--file-status .filepond--file-status-sub {
  font-size: 0.625em;
  opacity: 0.5;
  transition: opacity 0.25s ease-in-out;
}

/* Hard to override styles */
.filepond--file-wrapper.filepond--file-wrapper {
  border: none;
  margin: 0;
  padding: 0;
  min-width: 0;
  height: 100%;
  /* hide legend for visual users */
}
.filepond--file-wrapper.filepond--file-wrapper > legend {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  white-space: nowrap;
}
.filepond--file {
  position: static;
  display: flex;
  height: 100%;
  align-items: flex-start;
  padding: 0.5625em 0.5625em;
  color: #fff;
  border-radius: 0.5em;
  /* control positions */
}
.filepond--file .filepond--file-status {
  margin-left: auto;
  margin-right: 2.25em;
}
.filepond--file .filepond--processing-complete-indicator {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 3;
}
.filepond--file .filepond--processing-complete-indicator,
.filepond--file .filepond--progress-indicator,
.filepond--file .filepond--file-action-button {
  position: absolute;
}
.filepond--file {
  /* .filepond--file-action-button */
}
.filepond--file [data-align*=left] {
  left: 0.5625em;
}
.filepond--file [data-align*=right] {
  right: 0.5625em;
}
.filepond--file [data-align*=center] {
  left: calc(50% - 0.8125em);
  /* .8125 is half of button width */
}
.filepond--file [data-align*=bottom] {
  bottom: 1.125em;
}
.filepond--file [data-align=center] {
  top: calc(50% - 0.8125em);
}
.filepond--file .filepond--progress-indicator {
  margin-top: 0.1875em;
}
.filepond--file .filepond--progress-indicator[data-align*=right] {
  margin-right: 0.1875em;
}
.filepond--file .filepond--progress-indicator[data-align*=left] {
  margin-left: 0.1875em;
}

/* make sure text does not overlap */
[data-filepond-item-state=cancelled] .filepond--file-info,
[data-filepond-item-state*=invalid] .filepond--file-info,
[data-filepond-item-state*=error] .filepond--file-info {
  margin-right: 2.25em;
}
[data-filepond-item-state~=processing] .filepond--file-status-sub {
  opacity: 0;
}
[data-filepond-item-state~=processing] .filepond--action-abort-item-processing ~ .filepond--file-status .filepond--file-status-sub {
  opacity: 0.5;
}
[data-filepond-item-state=processing-error] .filepond--file-status-sub {
  opacity: 0;
}
[data-filepond-item-state=processing-error] .filepond--action-retry-item-processing ~ .filepond--file-status .filepond--file-status-sub {
  opacity: 0.5;
}
[data-filepond-item-state=processing-complete] {
  /* busy state */
}
[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing svg {
  -webkit-animation: fall 0.5s 0.125s linear both;
  animation: fall 0.5s 0.125s linear both;
}
[data-filepond-item-state=processing-complete] {
  /* hide details by default, only show when can revert */
}
[data-filepond-item-state=processing-complete] .filepond--file-status-sub {
  opacity: 0.5;
}
[data-filepond-item-state=processing-complete] .filepond--processing-complete-indicator:not([style*=hidden]) ~ .filepond--file-status .filepond--file-status-sub {
  opacity: 0;
}
[data-filepond-item-state=processing-complete] .filepond--file-info-sub {
  opacity: 0;
}
[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing ~ .filepond--file-info .filepond--file-info-sub {
  opacity: 0.5;
}

/* file state can be invalid or error, both are visually similar but */
/* having them as separate states might be useful */
[data-filepond-item-state*=invalid] .filepond--panel,
[data-filepond-item-state*=invalid] .filepond--file-wrapper,
[data-filepond-item-state*=error] .filepond--panel,
[data-filepond-item-state*=error] .filepond--file-wrapper {
  -webkit-animation: shake 0.65s linear both;
  animation: shake 0.65s linear both;
}

/* spins progress indicator when file is marked as busy */
[data-filepond-item-state*=busy] .filepond--progress-indicator svg {
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

/**
 * States
 */
@-webkit-keyframes spin {
0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
}
100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
}
@keyframes spin {
0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
}
100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
}
@-webkit-keyframes shake {
10%, 90% {
    -webkit-transform: translateX(-0.0625em);
    transform: translateX(-0.0625em);
}
20%, 80% {
    -webkit-transform: translateX(0.125em);
    transform: translateX(0.125em);
}
30%, 50%, 70% {
    -webkit-transform: translateX(-0.25em);
    transform: translateX(-0.25em);
}
40%, 60% {
    -webkit-transform: translateX(0.25em);
    transform: translateX(0.25em);
}
}
@keyframes shake {
10%, 90% {
    -webkit-transform: translateX(-0.0625em);
    transform: translateX(-0.0625em);
}
20%, 80% {
    -webkit-transform: translateX(0.125em);
    transform: translateX(0.125em);
}
30%, 50%, 70% {
    -webkit-transform: translateX(-0.25em);
    transform: translateX(-0.25em);
}
40%, 60% {
    -webkit-transform: translateX(0.25em);
    transform: translateX(0.25em);
}
}
@-webkit-keyframes fall {
0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
70% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
}
@keyframes fall {
0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
70% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
}
/* ignore all other interaction elements while dragging a file */
.filepond--hopper[data-hopper-state=drag-over] > * {
  pointer-events: none;
}

/* capture all hit tests using a hidden layer, this speeds up the event flow */
.filepond--hopper[data-hopper-state=drag-over]::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
.filepond--progress-indicator {
  z-index: 103;
}
.filepond--file-action-button {
  z-index: 102;
}
.filepond--file-status {
  z-index: 101;
}
.filepond--file-info {
  z-index: 100;
}
.filepond--item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  padding: 0;
  margin: 0.25em;
  will-change: transform, opacity;
  /* item children order */
}
.filepond--item > .filepond--panel {
  z-index: -1;
}

/* has a slight shadow */
.filepond--item > .filepond--panel .filepond--panel-bottom {
  box-shadow: 0 0.0625em 0.125em -0.0625em rgba(0, 0, 0, 0.25);
}
.filepond--item {
  /* drag related */
}
.filepond--item > .filepond--file-wrapper,
.filepond--item > .filepond--panel {
  transition: opacity 0.15s ease-out;
}
.filepond--item[data-drag-state] {
  cursor: -webkit-grab;
  cursor: grab;
}
.filepond--item[data-drag-state] > .filepond--panel {
  transition: box-shadow 0.125s ease-in-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.filepond--item[data-drag-state=drag] {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.filepond--item[data-drag-state=drag] > .filepond--panel {
  box-shadow: 0 0.125em 0.3125em rgba(0, 0, 0, 0.325);
}
.filepond--item[data-drag-state]:not([data-drag-state=idle]) {
  z-index: 2;
}

/* states */
.filepond--item-panel {
  background-color: #64605e;
}
[data-filepond-item-state=processing-complete] .filepond--item-panel {
  background-color: #369763;
}
[data-filepond-item-state*=invalid] .filepond--item-panel,
[data-filepond-item-state*=error] .filepond--item-panel {
  background-color: #c44e47;
}

/* style of item panel */
.filepond--item-panel {
  border-radius: 0.5em;
  transition: background-color 0.25s;
}

/* normal mode */
.filepond--list-scroller {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  will-change: transform;
}

/* scroll mode */
.filepond--list-scroller[data-state=overflow] .filepond--list {
  bottom: 0;
  right: 0;
}
.filepond--list-scroller[data-state=overflow] {
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%);
  mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%);
}

/* style scrollbar */
.filepond--list-scroller::-webkit-scrollbar {
  background: transparent;
}
.filepond--list-scroller::-webkit-scrollbar:vertical {
  width: 1em;
}
.filepond--list-scroller::-webkit-scrollbar:horizontal {
  height: 0;
}
.filepond--list-scroller::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 99999px;
  border: 0.3125em solid transparent;
  background-clip: content-box;
}

/* hard to overide styles on purpose */
.filepond--list.filepond--list {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
  /* prevents endless paint calls on filepond--list-scroller */
  will-change: transform;
}

/* used for padding so allowed to be restyled */
.filepond--list {
  left: 0.75em;
  right: 0.75em;
}
.filepond--root[data-style-panel-layout~=integrated] {
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
}
.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root,
.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root {
  border-radius: 0;
}
.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root > *,
.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root > * {
  display: none;
}
.filepond--root[data-style-panel-layout~=circle] .filepond--drop-label,
.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label {
  bottom: 0;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 7;
}
.filepond--root[data-style-panel-layout~=circle],
.filepond--root[data-style-panel-layout~=integrated] {
  /* we're only loading one item, this makes the intro animation a bit nicer */
}
.filepond--root[data-style-panel-layout~=circle] .filepond--item-panel,
.filepond--root[data-style-panel-layout~=integrated] .filepond--item-panel {
  display: none;
}
.filepond--root[data-style-panel-layout~=compact] .filepond--list-scroller,
.filepond--root[data-style-panel-layout~=integrated] .filepond--list-scroller {
  overflow: hidden;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
.filepond--root[data-style-panel-layout~=compact] .filepond--list,
.filepond--root[data-style-panel-layout~=integrated] .filepond--list {
  left: 0;
  right: 0;
  height: 100%;
}
.filepond--root[data-style-panel-layout~=compact] .filepond--item,
.filepond--root[data-style-panel-layout~=integrated] .filepond--item {
  margin: 0;
}
.filepond--root[data-style-panel-layout~=compact] .filepond--file-wrapper,
.filepond--root[data-style-panel-layout~=integrated] .filepond--file-wrapper {
  height: 100%;
}
.filepond--root[data-style-panel-layout~=compact] .filepond--drop-label,
.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label {
  z-index: 7;
}
.filepond--root[data-style-panel-layout~=circle] {
  border-radius: 99999rem;
  overflow: hidden;
}
.filepond--root[data-style-panel-layout~=circle] > .filepond--panel {
  border-radius: inherit;
}
.filepond--root[data-style-panel-layout~=circle] > .filepond--panel > * {
  display: none;
}
.filepond--root[data-style-panel-layout~=circle] {
  /* circle cuts of this info, so best to hide it */
}
.filepond--root[data-style-panel-layout~=circle] .filepond--file-info {
  display: none;
}
.filepond--root[data-style-panel-layout~=circle] .filepond--file-status {
  display: none;
}
.filepond--root[data-style-panel-layout~=circle] .filepond--action-edit-item {
  opacity: 1 !important;
  visibility: visible !important;
}

/* dirfty way to fix circular overflow issue on safari 11+ */
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) and (stroke-color: transparent) {
.filepond--root[data-style-panel-layout~=circle] {
      will-change: transform;
}
}
}
.filepond--panel-root {
  border-radius: 0.5em;
  background-color: #f1f0ef;
}
.filepond--panel {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: 0;
  /* defaults to 100% height (fixed height mode) this fixes problem with panel height in IE11 */
  height: 100% !important;
  /* no interaction possible with panel */
  pointer-events: none;
}
.filepond-panel:not([data-scalable=false]) {
  height: auto !important;
}
.filepond--panel[data-scalable=false] > div {
  display: none;
}
.filepond--panel[data-scalable=true] {
  /* this seems to fix Chrome performance issues */
  /* - when box-shadow is enabled */
  /* - when multiple ponds are active on the same page */
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  /* prevent borders and backgrounds */
  background-color: transparent !important;
  border: none !important;
}
.filepond--panel-top,
.filepond--panel-bottom,
.filepond--panel-center {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
}
.filepond--panel-top,
.filepond--panel-bottom {
  height: 0.5em;
}
.filepond--panel-top {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom: none !important;
  /* fixes tiny transparant line between top and center panel */
}
.filepond--panel-top::after {
  content: "";
  position: absolute;
  height: 2px;
  left: 0;
  right: 0;
  bottom: -1px;
  background-color: inherit;
}
.filepond--panel-center,
.filepond--panel-bottom {
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: translate3d(0, 0.5em, 0);
  transform: translate3d(0, 0.5em, 0);
}
.filepond--panel-bottom {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-top: none !important;
  /* fixes tiny transparant line between bottom and center of panel */
}
.filepond--panel-bottom::before {
  content: "";
  position: absolute;
  height: 2px;
  left: 0;
  right: 0;
  top: -1px;
  background-color: inherit;
}
.filepond--panel-center {
  /* the center panel is scaled using scale3d to fit the correct height */
  /* we use 100px instead of 1px as scaling 1px to a huge height is really laggy on chrome */
  height: 100px !important;
  border-top: none !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  /* hide if not transformed, prevents a little flash when the panel is at 100px height while attached for first time */
}
.filepond--panel-center:not([style]) {
  visibility: hidden;
}
.filepond--progress-indicator {
  position: static;
  width: 1.25em;
  height: 1.25em;
  color: #fff;
  /* can't have margins */
  margin: 0;
  /* no interaction possible with progress indicator */
  pointer-events: none;
  /* will be animated */
  will-change: transform, opacity;
}
.filepond--progress-indicator svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
  transform-box: fill-box;
  /* should center the animation correctly when zoomed in */
}
.filepond--progress-indicator path {
  fill: none;
  stroke: currentColor;
}
.filepond--list-scroller {
  z-index: 6;
}
.filepond--drop-label {
  z-index: 5;
}
.filepond--drip {
  z-index: 3;
}
.filepond--root > .filepond--panel {
  z-index: 2;
}
.filepond--browser {
  z-index: 1;
}
.filepond--root {
  /* layout*/
  box-sizing: border-box;
  position: relative;
  margin-bottom: 1em;
  /* base font size for whole component */
  font-size: 1rem;
  /* base line height */
  line-height: normal;
  /* up uses default system font family */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  /* will increase font weight a bit on Safari */
  font-weight: 450;
  /* default text alignment */
  text-align: left;
  /* better text rendering on Safari */
  text-rendering: optimizeLegibility;
  /* text direction is ltr for now */
  direction: ltr;
  /* optimize rendering */
  /* https://developer.mozilla.org/en-US/docs/Web/CSS/contain */
  contain: layout style size;
  /* correct box sizing, line-height and positioning on child elements */
}
.filepond--root * {
  box-sizing: inherit;
  line-height: inherit;
}
.filepond--root *:not(text) {
  font-size: inherit;
}
.filepond--root {
  /* block everything */
}
.filepond--root[data-disabled] {
  pointer-events: none;
}
.filepond--root[data-disabled] .filepond--list-scroller {
  pointer-events: all;
}
.filepond--root[data-disabled] .filepond--list {
  pointer-events: none;
}

/**
 * Root element children layout
 */
.filepond--root .filepond--drop-label {
  min-height: 4.75em;
}
.filepond--root .filepond--list-scroller {
  margin-top: 1em;
  margin-bottom: 1em;
}
.filepond--root .filepond--credits {
  position: absolute;
  right: 0;
  opacity: 0.175;
  line-height: 0.85;
  font-size: 11px;
  color: inherit;
  text-decoration: none;
  z-index: 3;
  bottom: -14px;
}
.filepond--root .filepond--credits[style] {
  top: 0;
  bottom: auto;
  margin-top: 14px;
}

/*!
 * FilePondPluginFilePoster 2.5.1
 * Licensed under MIT, https://opensource.org/licenses/MIT/
 * Please visit https://pqina.nl/filepond/ for details.
 */
/* eslint-disable */
.filepond--file-poster-wrapper {
  z-index: 2;
}
.filepond--image-preview-wrapper ~ .filepond--file-poster-wrapper {
  display: none;
}
.filepond--file-poster-overlay {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 5rem;
  max-height: 7rem;
  margin: 0;
  opacity: 0;
  z-index: 1;
  mix-blend-mode: multiply;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* fixes chrome bug */
  aspect-ratio: auto;
}

/* success (is second canvas) */
.filepond--file-poster-overlay:nth-of-type(2) {
  mix-blend-mode: normal;
}

/* error (is third canvas) */
.filepond--file-poster-overlay:nth-of-type(3) {
  mix-blend-mode: normal;
}

/* disable for Safari as mix-blend-mode causes the overflow:hidden of the parent container to not work */
@supports (-webkit-marquee-repetition: infinite) and ((-o-object-fit: fill) or (object-fit: fill)) {
.filepond--file-poster-overlay {
    mix-blend-mode: normal;
}
}
.filepond--file-poster-wrapper {
  /* no interaction */
  pointer-events: none;
  /* have preview fill up all available space */
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 100%;
  margin: 0;
  /* radius is .05em less to prevent the panel background color from shining through */
  border-radius: 0.45em;
  overflow: hidden;
  /* this seems to prevent Chrome from redrawing this layer constantly */
  background: rgba(0, 0, 0, 0.01);
}
.filepond--file-poster {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  background: #222;
  /* will be animated */
  will-change: transform, opacity;
}
.filepond--file-poster img {
  height: 100%;
  width: auto;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  display: block;
  will-change: transform;
}
.filepond--root[data-style-panel-layout~=integrated] .filepond--file-poster-wrapper {
  border-radius: 0;
}
.filepond--root[data-style-panel-layout~=integrated] .filepond--file-poster {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.filepond--root[data-style-panel-layout~=circle] .filepond--file-poster-wrapper {
  border-radius: 99999rem;
}
.filepond--root[data-style-panel-layout~=circle] .filepond--file-poster-overlay {
  top: auto;
  bottom: 0;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
.filepond--root[data-style-panel-layout~=circle] .filepond--file .filepond--file-action-button[data-align*=bottom]:not([data-align*=center]) {
  margin-bottom: 0.325em;
}
.filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=left] {
  left: calc(50% - 3em);
}
.filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=right] {
  right: calc(50% - 3em);
}
.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=left],
.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=right] {
  margin-bottom: 0.5125em;
}
.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=center] {
  margin-top: 0;
  margin-bottom: 0.1875em;
  margin-left: 0.1875em;
}

/*!
 * Pintura Image Editor 8.16.8
 * (c) 2018-2021 PQINA Inc. - All Rights Reserved
 * License: https://pqina.nl/pintura/license/
 */
/* eslint-disable */
.PinturaRadioGroup .PinturaRadioGroupOptions {
  display: flex;
  flex-direction: column;
}
.PinturaRadioGroup .PinturaRadioGroupOptionGroup + .PinturaRadioGroupOptionGroup {
  margin-top: 0.5em;
}
.PinturaRadioGroup[data-layout=row] .PinturaRadioGroupOptions {
  flex-direction: row;
}
.PinturaRadioGroup label {
  -webkit-tap-highlight-color: transparent;
}
.PinturaDetailsPanel.PinturaSliderPanel {
  border-radius: var(--border-radius-round);
}
.PinturaPercentageLabel {
  font-variant-numeric: tabular-nums;
  min-width: 3em;
  text-align: center;
}
.PinturaSliderPanel .PinturaSlider {
  width: 10em;
  --knob-size:0.75em;
  --knob-margin-left:0.3125em;
  --knob-margin-right:0.3125em;
}
.PinturaSliderPanel .PinturaSliderTrack {
  background-color: #eee;
}
.PinturaSliderPanel .PinturaSliderKnob {
  background-color: #111;
  box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.35), 0 -0.125em 0.25em rgba(0, 0, 0, 0.1);
}
.PinturaPanel[data-util=redact] .PinturaUtilFooter {
  padding: 0;
}
.PinturaPanel[data-util=redact] .PinturaUtilFooter > div {
  height: 1px;
}
.pintura-editor, pintura-editor {
  --color-primary:#ffd843;
  --color-primary-dark:#ffc343;
  --color-primary-text:#000;
  --color-secondary:#03a9f4;
  --color-secondary-dark:#046bbf;
  --color-focus:4,107,191;
  --color-focus-100:rgba(var(--color-focus),1);
  --color-focus-50:rgba(var(--color-focus),0.5);
  --color-focus-25:rgba(var(--color-focus),0.25);
  --color-error:255,87,34;
  --color-error-100:rgb(var(--color-error));
  --color-error-75:rgba(var(--color-error),0.75);
  --color-error-50:rgba(var(--color-error),0.5);
  --color-error-25:rgba(var(--color-error),0.25);
  --color-foreground:0,0,0;
  --color-background:255,255,255;
  --color-preview-outline:var(--color-foreground);
  --color-foreground-100:rgba(var(--color-foreground),1);
  --color-foreground-95:rgba(var(--color-foreground),0.95);
  --color-foreground-90:rgba(var(--color-foreground),0.9);
  --color-foreground-80:rgba(var(--color-foreground),0.8);
  --color-foreground-70:rgba(var(--color-foreground),0.7);
  --color-foreground-60:rgba(var(--color-foreground),0.6);
  --color-foreground-50:rgba(var(--color-foreground),0.5);
  --color-foreground-40:rgba(var(--color-foreground),0.4);
  --color-foreground-30:rgba(var(--color-foreground),0.3);
  --color-foreground-20:rgba(var(--color-foreground),0.25);
  --color-foreground-15:rgba(var(--color-foreground),0.2);
  --color-foreground-10:rgba(var(--color-foreground),0.15);
  --color-foreground-5:rgba(var(--color-foreground),0.075);
  --color-foreground-3:rgba(var(--color-foreground),0.05);
  --color-foreground-1:rgba(var(--color-foreground),0.02);
  --color-foreground-0:rgba(var(--color-foreground),0);
  --color-background-100:rgba(var(--color-background),1);
  --color-background-95:rgba(var(--color-background),0.95);
  --color-background-90:rgba(var(--color-background),0.9);
  --color-background-80:rgba(var(--color-background),0.8);
  --color-background-70:rgba(var(--color-background),0.7);
  --color-background-60:rgba(var(--color-background),0.6);
  --color-background-50:rgba(var(--color-background),0.5);
  --color-background-40:rgba(var(--color-background),0.4);
  --color-background-30:rgba(var(--color-background),0.3);
  --color-background-20:rgba(var(--color-background),0.2);
  --color-background-15:rgba(var(--color-background),0.15);
  --color-background-10:rgba(var(--color-background),0.1);
  --color-background-5:rgba(var(--color-background),0.05);
  --color-background-3:rgba(var(--color-background),0.03);
  --color-background-1:rgba(var(--color-background),0.01);
  --color-background-0:rgba(var(--color-background),0);
  --button-cursor:pointer;
  --font-size:16px;
  --font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  --backdrop-filter-bright:brightness(110%) saturate(180%) blur(10px);
  --backdrop-filter-dark:brightness(90%) saturate(180%) blur(10px);
  --border-radius-round:9999em;
  --border-radius:0.625em;
  --filter-disabled:grayscale(95%) opacity(40%);
  --editor-inset-top:0px;
  --editor-inset-bottom:0px;
  --safe-area-inset-top:0px;
  --safe-area-inset-bottom:0px;
}
.pintura-editor, .PinturaRootWrapper, pintura-editor {
  display: block;
}
.PinturaRootWrapper {
  height: 100%;
}
.PinturaRoot {
  --nav-group-margin:0.5em;
  --editor-calculated-inset-top:calc(var(--safe-area-inset-top) + var(--editor-inset-top));
  --editor-calculated-inset-bottom:calc(var(--safe-area-inset-bottom) + var(--editor-inset-bottom));
  box-sizing: border-box;
  width: var(--editor-width, 100%);
  height: var(--editor-height, 100%);
  padding-top: var(--editor-calculated-inset-top);
  padding-bottom: var(--editor-calculated-inset-bottom);
  max-width: var(--editor-max-width, var(--editor-max-width-default, none));
  max-height: var(--editor-max-height, var(--editor-max-height-default, none));
  position: relative;
  overflow: hidden;
  contain: strict;
  display: grid;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: normal;
  font-size: var(--font-size);
  font-family: var(--font-family);
  font-weight: 450;
  touch-action: manipulation;
  text-align: left;
  text-transform: none;
  text-rendering: optimizeLegibility;
  direction: ltr;
  color: var(--color-foreground-90);
  background-color: var(--color-background-100);
  outline-color: rgba(var(--color-preview-outline), 1);
  transition: background-color 1ms, outline-color 1ms, color 0.15s ease-in-out;
}
.PinturaRoot * {
  box-sizing: content-box;
}
.PinturaRoot button, .PinturaRoot fieldset, .PinturaRoot input, .PinturaRoot legend {
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  width: auto;
  text-decoration: none;
}
.PinturaRoot button[disabled] {
  pointer-events: none;
}
.PinturaRoot canvas {
  display: block;
}
.PinturaRoot svg {
  display: inline-block;
  width: auto;
  height: auto;
}
.PinturaRoot p {
  margin: 0;
}
.PinturaRoot li, .PinturaRoot ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.PinturaRoot a {
  color: inherit;
  text-decoration: none;
}
.PinturaRoot .implicit {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: polygon(0 0, 0 0, 0 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
.PinturaRoot .PinturaStage {
  display: flex;
  align-self: stretch;
  flex: 1;
}
.PinturaRoot .PinturaStage[tabindex="-1"] {
  outline: none;
}
.PinturaRoot .PinturaRootPortal {
  position: absolute;
  left: 0;
  top: 0;
}
.PinturaRoot > .PinturaCanvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}
.PinturaRoot > .PinturaCanvas:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  background-repeat: no-repeat;
}
.PinturaRoot > .PinturaStatus {
  position: absolute;
  z-index: 99999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  background-color: var(--color-background-90);
}
.PinturaRoot > .PinturaStatus > p {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-flex;
  white-space: nowrap;
  align-items: center;
  transition: opacity 0.5s ease-out;
}
.PinturaRoot .PinturaStatusMessage {
  position: absolute;
  font-size: 0.875em;
}
.PinturaRoot .PinturaStatusAside {
  position: absolute;
  left: 0;
}
.PinturaRoot .PinturaStatusAside svg {
  width: 1.25em;
  height: 1.25em;
}
.PinturaRoot .PinturaStatusAside .PinturaProgressIndicator {
  margin-left: 0.5em;
}
.PinturaRoot .PinturaStatusAside .PinturaButton {
  outline: transparent;
  margin-left: 0.75em;
  font-size: 0.875em;
  border-radius: var(--border-radius-round);
  background-color: var(--color-foreground-5);
  padding: 0.25em;
  transition: background-color 0.1s ease-out, color 0.1s ease-out;
  -webkit-backdrop-filter: var(--backdrop-filter-dark);
  backdrop-filter: var(--backdrop-filter-dark);
}
.PinturaRoot .PinturaStatusAside .PinturaButton:not([disabled])[data-focus-visible] {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaRoot .PinturaStatusAside .PinturaButton:not([disabled]):hover {
  background-color: var(--color-foreground-10);
}
.PinturaRoot .PinturaStatusIcon svg {
  font-size: 0.875em;
  margin-top: 0.25em;
  margin-left: 0.5em;
}
.PinturaRoot > .PinturaNav {
  position: relative;
  z-index: 3;
}
.PinturaRoot > .PinturaNav:empty {
  display: none !important;
}
.PinturaRoot > .PinturaNav .PinturaButton {
  outline: transparent;
  transition: background-color 0.1s ease-out, color 0.1s ease-out;
}
.PinturaRoot > .PinturaNav .PinturaButton svg {
  width: 1em;
  transition: opacity 0.1s ease-out;
}
.PinturaRoot > .PinturaNav .PinturaButton > span {
  justify-content: center;
}
.PinturaRoot > .PinturaNav .PinturaButtonIconOnly .PinturaButtonInner, .PinturaRoot > .PinturaNav .PinturaDropdownIconOnly .PinturaButtonInner {
  width: 1.75em;
}
.PinturaRoot > .PinturaNav .PinturaButton .PinturaButtonInner {
  height: 1.75em;
}
.PinturaRoot > .PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly) {
  padding-left: 0.75em;
  padding-right: 0.75em;
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
}
.PinturaRoot > .PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly) .PinturaButtonLabel {
  font-size: 0.75em;
  line-height: 2;
}
.PinturaRoot > .PinturaNav .PinturaButton:only-of-type {
  border-radius: var(--border-radius-round);
}
.PinturaRoot > .PinturaNav .PinturaButton:only-of-type + * {
  margin-left: 0.5em;
}
.PinturaRoot > .PinturaNav .PinturaButton[disabled] svg {
  opacity: 0.25;
}
.PinturaRoot > .PinturaNav .PinturaButton:not(.PinturaButtonExport):not([disabled])[data-focus-visible] {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaRoot > .PinturaNav .PinturaButton:not(.PinturaButtonExport):not([disabled]):hover {
  background-color: var(--color-foreground-10);
}
.PinturaRoot .PinturaButtonExport {
  color: var(--color-primary-text);
  background-color: var(--color-primary);
}
.PinturaRoot .PinturaButtonExport:hover {
  background-color: var(--color-primary-dark);
}
.PinturaRoot .PinturaButtonExport[data-focus-visible] {
  color: var(--color-primary-text);
  background-color: var(--color-primary);
  box-shadow: inset 0 0 0 1px var(--color-foreground-5), 0 0 0 3px var(--color-focus-50);
  background-color: var(--color-primary-dark);
}
.PinturaRoot .PinturaButtonExport:not(.PinturaButtonIconOnly) {
  flex: 1;
  padding: 0 0.75em;
}
.PinturaRoot > .PinturaNavMain {
  display: flex;
  overflow: hidden;
}
.PinturaRoot > .PinturaNavMain [aria-selected=true] button {
  -webkit-backdrop-filter: var(--backdrop-filter-dark);
  backdrop-filter: var(--backdrop-filter-dark);
  background-color: var(--color-foreground-10);
}
.PinturaRoot > .PinturaNavMain button svg {
  align-self: center;
  width: 1.5em;
}
.PinturaRoot > .PinturaNavMain button span, .PinturaRoot > .PinturaNavMain button svg {
  pointer-events: none;
}
.PinturaRoot > .PinturaNavMain button svg + span {
  margin-top: 0.75em;
}
.PinturaRoot > .PinturaNavMain button span {
  font-size: 0.875em;
  display: block;
  width: calc(100% - 1em);
  overflow: hidden;
  text-overflow: ellipsis;
  width: inherit;
  max-width: calc(100% - 1em);
}
.PinturaRoot > .PinturaNavMain button {
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
  transition: background-color 0.1s ease-out, color 0.1s ease-out, box-shadow 0.1s ease-out;
}
.PinturaRoot > .PinturaNavMain button:hover {
  box-shadow: inset 0 0 0 1px var(--color-foreground-10);
}
.PinturaRoot > .PinturaNavMain button[data-focus-visible] {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaRoot > .PinturaNavTools {
  max-width: 100%;
  box-sizing: border-box;
  pointer-events: none;
}
.PinturaRoot > .PinturaNavTools:empty {
  display: none;
}
.PinturaRoot > .PinturaNavTools, .PinturaRoot > .PinturaNavTools .PinturaNavGroup, .PinturaRoot > .PinturaNavTools .PinturaNavSet {
  display: flex;
  align-items: center;
  justify-content: center;
}
.PinturaRoot > .PinturaNavTools .PinturaButton, .PinturaRoot > .PinturaNavTools .PinturaNavSet {
  pointer-events: all;
}
.PinturaRoot > .PinturaNavTools .PinturaButton[data-focus-visible] {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaRoot .PinturaNavGroup {
  margin: 0 var(--nav-group-margin);
}
.PinturaRoot .PinturaNavGroup > * {
  border-radius: var(--border-radius-round);
}
.PinturaRoot .PinturaNavGroup > * + * {
  margin-left: 0.5em;
}
.PinturaRoot .PinturaNavGroup:first-of-type {
  margin-right: auto;
  margin-left: 0;
}
.PinturaRoot .PinturaNavGroup:last-of-type {
  margin-left: auto;
  margin-right: 0;
}
.PinturaRoot .PinturaNavSet {
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
}
.PinturaRoot .PinturaNavSet > :not(:only-child) {
  border: 1px solid var(--color-foreground-3);
  border-top: 0;
  border-bottom: 0;
}
.PinturaRoot .PinturaNavSet > :first-child:not(:only-child) {
  border-left: 0;
}
.PinturaRoot .PinturaNavSet > :last-child:not(:only-child) {
  border-right: 0;
}
.PinturaRoot .PinturaNavSet > * + * {
  margin-left: -1px;
}
.PinturaRoot .PinturaNavSet > .PinturaButton:hover, .PinturaRoot .PinturaNavSet > .PinturaButton[data-focus-visible] {
  position: relative;
  z-index: 1;
}
.PinturaRoot .PinturaNavSet > :only-child {
  border-radius: var(--border-radius-round);
}
.PinturaRoot .PinturaNavSet > :first-child:not(:only-child) .PinturaButtonInner {
  padding: 0 0.125em 0 0.25em;
}
.PinturaRoot .PinturaNavSet > :first-child:not(:only-child) {
  border-top-left-radius: var(--border-radius-round);
  border-bottom-left-radius: var(--border-radius-round);
}
.PinturaRoot .PinturaNavSet > :last-child:not(:only-child) .PinturaButtonInner {
  padding: 0 0.25em 0 0.125em;
}
.PinturaRoot .PinturaNavSet > :last-child:not(:only-child) {
  border-top-right-radius: var(--border-radius-round);
  border-bottom-right-radius: var(--border-radius-round);
}
.PinturaRoot[data-env~=overlay] .PinturaNavSet {
  background-color: var(--color-background-50);
  -webkit-backdrop-filter: var(--backdrop-filter-bright);
  backdrop-filter: var(--backdrop-filter-bright);
  box-shadow: inset 0 0 0 1px var(--color-background-15), 0 0.0625em 0.125em rgba(0, 0, 0, 0.25), 0 0.125em 0.35em rgba(0, 0, 0, 0.35);
}
.PinturaRoot[data-env~=overlay] .PinturaNavSet .PinturaButton:not(.PinturaButtonExport):not([disabled]):hover, .PinturaRoot[data-env~=overlay] .PinturaNavSet > * {
  border-color: var(--color-background-15);
}
.PinturaRoot[data-env~=overlay] .PinturaNavGroup > .PinturaButton {
  box-shadow: 0 0.0625em 0.125em rgba(0, 0, 0, 0.25), 0 0.125em 0.35em rgba(0, 0, 0, 0.35);
}
.PinturaRoot[data-env~=overlay] .PinturaNavGroup .PinturaButtonExport {
  box-shadow: inset 0 0 0.125em rgba(0, 0, 0, 0.25), 0 0.0625em 0.125em rgba(0, 0, 0, 0.25), 0 0.125em 0.35em rgba(0, 0, 0, 0.35);
}
.PinturaRoot .PinturaNavGroupFloat {
  position: absolute;
  left: 0;
  right: 0;
  pointer-events: none;
}
.PinturaRoot .PinturaNavGroupFloat > * {
  pointer-events: all;
}
.PinturaRoot .PinturaUtilFooter .PinturaScrollable > div {
  padding-left: 1em;
  padding-right: 1em;
}
.PinturaRoot > .PinturaMain {
  max-width: 100vw;
}
.PinturaRoot:not([data-env~=has-toolbar]) .PinturaUtilHeader {
  padding-top: 0;
  padding-bottom: 1em;
  margin-bottom: -1em;
}
.PinturaRoot[data-env~=landscape] {
  grid-template-rows: -webkit-min-content auto;
  grid-template-rows: min-content auto;
  grid-template-columns: auto;
}
.PinturaRoot[data-env~=landscape] > .PinturaNavTools {
  grid-row: 1;
  grid-column: 1;
  padding: 1em 1em 0;
  z-index: 3;
}
.PinturaRoot[data-env~=landscape] > .PinturaNavMain {
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  left: 1em;
  top: calc(1em + var(--editor-calculated-inset-top));
  bottom: calc(1em + var(--editor-calculated-inset-bottom));
}
.PinturaRoot[data-env~=landscape] > .PinturaNavMain .PinturaTabList {
  flex-direction: column;
}
.PinturaRoot[data-env~=landscape] > .PinturaNavMain .PinturaTabList li {
  display: flex;
}
.PinturaRoot[data-env~=landscape] > .PinturaNavMain .PinturaTabList li + li {
  margin: 0.5em 0 0;
}
.PinturaRoot[data-env~=landscape] > .PinturaNavMain button {
  flex: 1;
  width: 4em;
  height: 4em;
  border-radius: var(--border-radius);
  justify-content: center;
}
.PinturaRoot[data-env~=landscape] > .PinturaNavMain button span {
  font-size: 0.6875em;
  margin-top: 0.5em;
}
.PinturaRoot[data-env~=landscape] > .PinturaNavMain button svg {
  width: 1em;
  margin-top: 0.25em;
}
.PinturaRoot[data-env~=landscape][data-env~=has-toolbar] > .PinturaNavMain {
  top: calc(4em + var(--editor-calculated-inset-top));
  bottom: calc(4em + var(--editor-calculated-inset-bottom));
}
.PinturaRoot[data-env~=landscape][data-env~=has-limited-space] > .PinturaNavMain {
  align-items: flex-start;
  bottom: calc(1em + var(--editor-calculated-inset-bottom));
}
.PinturaRoot[data-env~=landscape] > .PinturaMain {
  grid-row: 2;
  grid-column: 1;
}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation] {
  grid-template-columns: 6em auto;
}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation] .PinturaNavGroupFloat {
  margin: 0 0 0 6em;
}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation] > .PinturaNavTools {
  grid-column: 1/span 2;
}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation] > .PinturaMain {
  grid-column: 2;
}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right] {
  grid-template-columns: auto 6em;
}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right] .PinturaNavGroupFloat {
  margin: 0 6em 0 0;
}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right] > .PinturaNavMain {
  right: 1em;
  left: auto;
}
.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right] > .PinturaMain {
  grid-column: 1;
}
.PinturaRoot[data-env~=portrait] {
  grid-template-rows: -webkit-min-content auto -webkit-min-content;
  grid-template-rows: min-content auto min-content;
  grid-template-columns: auto;
}
.PinturaRoot[data-env~=portrait] > * {
  grid-column: 1;
}
.PinturaRoot[data-env~=portrait] > .PinturaNavTools {
  grid-row: 1;
  padding: 0.75em 0.75em 0;
}
.PinturaRoot[data-env~=portrait] > .PinturaNavMain {
  grid-row: 3;
  margin-bottom: 0.75em;
  justify-content: center;
}
.PinturaRoot[data-env~=portrait] > .PinturaNavMain .PinturaTabList {
  padding: 0 0.875em;
}
.PinturaRoot[data-env~=portrait] > .PinturaNavMain li + li {
  margin-left: 0.5em;
}
.PinturaRoot[data-env~=portrait] > .PinturaNavMain[data-state~=overflows] {
  overflow: visible;
}
.PinturaRoot[data-env~=portrait] > .PinturaNavMain button {
  flex: 1;
  width: 4em;
  height: 4em;
  border-radius: var(--border-radius);
  justify-content: center;
}
.PinturaRoot[data-env~=portrait] > .PinturaNavMain button span {
  font-size: 0.6875em;
  margin-top: 0.5em;
}
.PinturaRoot[data-env~=portrait] > .PinturaNavMain button svg {
  width: 1em;
  margin-top: 0.25em;
}
.PinturaRoot[data-env~=portrait] > .PinturaMain {
  grid-row: 2;
  grid-column: 1;
}
.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top] {
  grid-template-rows: -webkit-min-content -webkit-min-content auto;
  grid-template-rows: min-content min-content auto;
}
.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top] > .PinturaMain {
  grid-row: 3;
}
.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top] > .PinturaNavMain {
  grid-row: 2;
  margin-top: 0.75em;
  margin-bottom: 0;
}
.PinturaRoot[data-env~=landscape][data-env~=is-compact] > .PinturaNavMain button {
  flex: 1;
  flex-direction: row;
  width: auto;
  height: auto;
  border-radius: var(--border-radius);
  justify-content: flex-start;
  align-items: center;
  padding: 0.625em 0;
  width: 6em;
}
.PinturaRoot[data-env~=landscape][data-env~=is-compact] > .PinturaNavMain button span {
  font-size: 0.6875em;
  margin: 0 0.625em 0 0;
  line-height: 1.2;
  text-align: left;
}
.PinturaRoot[data-env~=landscape][data-env~=is-compact] > .PinturaNavMain button svg {
  margin: 0 0.5em 0 0.625em;
  min-width: 1em;
}
.PinturaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation] {
  grid-template-columns: 8em auto;
}
.PinturaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation] .PinturaNavGroupFloat {
  margin: 0 0 0 8em;
}
.PinturaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation][data-env~=has-navigation-preference-right] {
  grid-template-columns: auto 8em;
}
.PinturaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation][data-env~=has-navigation-preference-right] .PinturaNavGroupFloat {
  margin: 0 8em 0 0;
}
.PinturaRoot[data-env~=portrait][data-env~=is-compact] > .PinturaNavMain button {
  padding: 0;
  font-size: 0.625em;
  width: 4em;
  height: 4em;
  justify-content: center;
  border-radius: 9999em;
}
.PinturaRoot[data-env~=portrait][data-env~=is-compact] > .PinturaNavMain button span {
  visibility: hidden;
  font-size: 0;
  margin: 0;
}
.PinturaRoot[data-env~=portrait][data-env~=is-compact] > .PinturaNavMain button svg {
  margin-top: 0;
  width: 1.6em;
}
.PinturaRoot[data-env~=portrait][data-env~=is-compact] > .PinturaNavMain button svg [stroke-width] {
  stroke-width: 0.15em;
}
.PinturaRoot[data-env~=portrait][data-env~=narrow] {
  --nav-group-margin:0.25em;
  grid-template-rows: -webkit-min-content auto -webkit-min-content;
  grid-template-rows: min-content auto min-content;
  grid-template-columns: auto;
}
.PinturaRoot[data-env~=portrait][data-env~=narrow] > * {
  grid-column: 1;
}
.PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaUtilFooter .PinturaControlList .PinturaControlListOption span, .PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaUtilFooter .PinturaControlList [role=tab] span {
  font-size: 0.6875em;
}
.PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaToolbar .PinturaToolbarInner > * {
  margin: 0 0.25em;
}
.PinturaRoot[data-env~=portrait][data-env~=narrow][data-env~=short] .PinturaNavGroupFloat {
  position: static;
}
.PinturaRoot[data-env~=overlay] {
  grid-template-rows: auto !important;
  grid-template-columns: auto !important;
}
.PinturaRoot[data-env~=overlay] .PinturaNav {
  z-index: 3;
}
.PinturaRoot[data-env~=overlay] .PinturaMain {
  grid-row: 1;
  grid-column: 1;
}
.PinturaRoot[data-env~=overlay] .PinturaUtilMain {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  z-index: -1;
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter, .PinturaRoot[data-env~=overlay] .PinturaUtilHeader {
  position: absolute;
  left: 0;
  right: 0;
}
.PinturaRoot[data-env~=overlay] .PinturaUtilHeader {
  top: 0;
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter {
  bottom: 0;
}
.PinturaRoot[data-env~=overlay] .PinturaNavMain {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: none;
}
.PinturaRoot[data-env~=overlay] .PinturaNavTools {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
}
.PinturaRoot[data-env~=has-swipe-navigation] .PinturaUtilMain {
  padding-left: 2em;
  padding-right: 2em;
}
.PinturaRoot[data-env*=is-disabled], .PinturaRoot[data-env*=is-disabled] * {
  pointer-events: none !important;
}
.PinturaRoot[data-env*=is-disabled] {
  --color-primary:#b4b4b4;
  --color-primary-dark:#a0a0a0;
  --color-primary-text:#000;
  --color-secondary:#969696;
  --color-secondary-dark:#646464;
}
.PinturaRoot[data-env*=is-disabled] .PinturaCanvas, .PinturaRoot[data-env*=is-disabled] .PinturaColorPickerButton {
  filter: grayscale(100%);
}
.PinturaRoot .PinturaEditorOverlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background: var(--color-background-50);
  pointer-events: none;
}
.PinturaDropdownPanel {
  overflow: hidden;
  border-radius: inherit;
}
.PinturaDropdownPanel .PinturaDropdownOption {
  transition: background-color 0.1s;
  border-radius: inherit;
}
.PinturaDropdownPanel .PinturaDropdownOption label {
  display: block;
  margin: 0;
  border-radius: inherit;
  white-space: nowrap;
}
.PinturaDropdownPanel .PinturaDropdownOption svg {
  margin-right: 0.25em;
  margin-left: -0.5em;
  min-width: 1.5em;
}
.PinturaDropdownPanel .PinturaDropdownOption [slot] {
  display: flex;
  align-items: center;
  padding: 0.325em 0.75em;
}
.PinturaDropdownPanel .PinturaDropdownOptionLabel {
  font-size: 0.75em;
  line-height: 1.75;
  padding: 0 0.325em;
  margin-left: -0.325em;
}
.PinturaDropdownPanel .PinturaDropdownOptionGroup > span {
  display: block;
  padding: 0.75em 1em;
  text-transform: uppercase;
  font-size: 0.75em;
  color: rgba(0, 0, 0, 0.75);
}
.PinturaDropdownPanel [data-disabled=true] {
  color: #999;
}
.PinturaDropdownPanel [data-selected=false]:not([data-disabled=true]):hover {
  background-color: rgba(0, 0, 0, 0.15);
}
.PinturaDropdownPanel [data-selected=true] {
  color: #fff;
  background: #000;
}
.PinturaDropdownPanel [data-focus-visible] + label .PinturaDropdownOptionLabel {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
  border-radius: 0.25em;
}
.PinturaDropdownPanel {
  max-height: 80vh;
  overflow-y: auto;
  scrollbar-color: var(--color-background-30) transparent;
  scrollbar-width: thin;
}
.PinturaDropdownPanel::-webkit-scrollbar {
  width: 1em;
  cursor: pointer;
}
.PinturaDropdownPanel::-webkit-scrollbar-track {
  background: none;
}
.PinturaDropdownPanel::-webkit-scrollbar-thumb {
  cursor: pointer;
  background-clip: padding-box;
  background-color: var(--color-background-30);
  border-radius: 9999em;
  border: 0.3125em solid transparent;
}
.PinturaDropdownOption label {
  margin: 0;
}
.PinturaColorPickerPanel {
  padding: 0.5em;
  max-width: 14em;
  overflow: visible;
  touch-action: none;
}
.PinturaColorPickerPanel .PinturaColorPickerButton {
  outline: transparent;
}
.PinturaColorPickerPanel .PinturaColorPickerButton[data-focus-visible] {
  box-shadow: inset 0 0 0 1px var(--color-foreground-70);
}
.PinturaColorPickerPanel .PinturaColorPreview {
  width: 1.25em;
  height: 1.25em;
  border-radius: 0.25em;
}
.PinturaColorPickerPanel .PinturaColorPreview span {
  border-radius: 0.2em;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25);
}
.PinturaColorPickerPanel .PinturaColorPresets legend {
  color: #777;
  margin: 0 0 0.25em 0.3125em;
  font-size: 0.75em;
}
.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaRadioGroupOptions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaDropdownOption {
  display: block;
  padding: 0.25em;
}
.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaDropdownOption label, .PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaDropdownOption label span {
  display: block;
  cursor: var(--button-cursor);
}
.PinturaColorPickerPanel .PinturaColorPresetsGrid input[data-focus-visible] + label .PinturaColorPreview:after {
  position: absolute;
  left: -0.3125em;
  right: -0.3125em;
  top: -0.3125em;
  bottom: -0.3125em;
  border-radius: inherit;
  pointer-events: none;
  content: "";
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaColorPickerPanel .PinturaSlider {
  margin-left: -0.325em;
  margin-right: -0.325em;
}
.PinturaColorPickerPanel .PinturaPicker {
  width: 100%;
  padding-bottom: 0.5em;
}
.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob, .PinturaColorPickerPanel .PinturaPicker .PinturaSliderKnob {
  border-radius: 9999em;
  box-shadow: inset 0 0.06125em 0.06125em rgba(0, 0, 0, 0.1), 0 0 0 0.125em #fff, 0 0.1875em 0.25em rgba(0, 0, 0, 0.35), 0 -0.125em 0.25em rgba(0, 0, 0, 0.1);
}
.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob {
  pointer-events: none;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  margin-left: -0.625em;
  margin-top: -0.625em;
  width: 1.25em;
  height: 1.25em;
  visibility: visible;
  outline: none;
}
.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob[data-focus-visible]:after {
  position: absolute;
  left: -0.3125em;
  right: -0.3125em;
  top: -0.3125em;
  bottom: -0.3125em;
  border-radius: inherit;
  pointer-events: none;
  content: "";
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnobController {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
}
.PinturaColorPickerPanel .PinturaPicker .PinturaSaturationPicker {
  position: relative;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  margin: -0.5em -0.5em 0.5em;
  height: 7em;
  background-image: linear-gradient(180deg, transparent, #000), linear-gradient(90deg, #fff, transparent);
}
.PinturaColorPickerPanel .PinturaPicker .PinturaHuePicker .PinturaSliderTrack {
  background-image: linear-gradient(90deg, red, #ff0, #0f0, #0ff, #00f, #f0f, red);
}
.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderTrack:before {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: inherit;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h4v4H0zm4 4h4v4H4z' fill='%23E5E5E5'/%3E%3C/svg%3E");
}
.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker {
  margin-top: 0.5em;
}
.PinturaPanel[data-util=frame] .PinturaShapeStyleEditor {
  min-height: 3.375em;
}
.PinturaPanel[data-util=frame] .PinturaRadioGroupOption {
  margin: 1em 1em 0 0;
  padding: 0.125em;
  border: 1px dashed var(--color-foreground-15);
  color: var(--color-foreground-70);
}
.PinturaPanel[data-util=frame] .PinturaRadioGroupOption span {
  color: var(--color-foreground-90);
}
.PinturaPanel[data-util=frame] .PinturaRadioGroupOption label {
  font-size: 0.75em;
}
.PinturaPanel[data-util=frame] .PinturaRadioGroupOption img, .PinturaPanel[data-util=frame] .PinturaRadioGroupOption svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.PinturaPanel[data-util=frame] [data-selected=true] {
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.PinturaPanel[data-util=frame] [data-selected=true] span {
  color: var(--color-foreground-90);
}
.PinturaPanel[data-util=frame] [data-layout=row] > .PinturaRadioGroupOptions > li {
  margin: 0 0.5em;
}
.PinturaPanel[data-util=frame] [data-layout=row] > .PinturaRadioGroupOptions > li:first-child {
  margin-left: 0;
}
.PinturaPanel[data-util=frame] [data-layout=row] > .PinturaRadioGroupOptions > li:last-child {
  margin-right: 0;
}
.PinturaPanel[data-util=frame] .PinturaRadioGroupOptionGroupLabel {
  width: 1px;
  height: 1px;
  position: absolute;
  font-size: 0;
}
.PinturaPanel[data-util=frame] .PinturaRadioGroupOptionGroup {
  display: flex;
  flex-direction: column-reverse;
}
.PinturaPanel[data-util=frame] .PinturaRadioGroupOption {
  cursor: var(--button-cursor);
  margin-bottom: 1em;
}
.PinturaPanel[data-util=frame] .PinturaRadioGroupOption span {
  display: block;
  text-align: center;
  padding: 0 1.5em;
  font-size: 0.625em;
  font-weight: 400;
}
.PinturaPanel[data-util=frame] [data-focus-visible] + label > .PinturaRadioGroupOption span {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
  border-radius: 0.25em;
}
.PinturaPanel[data-util=frame] .PinturaRadioGroupOption {
  position: relative;
  width: 3em;
  height: 4em;
}
.PinturaPanel[data-util=frame] .PinturaRadioGroupOption div {
  position: absolute;
  outline-color: currentColor;
  border-color: currentColor;
}
.PinturaPanel[data-util=frame] .PinturaRadioGroupOption div[slot] {
  overflow: hidden;
  left: -1px;
  top: -1px;
  bottom: -1px;
  right: -1px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.PinturaRoot[data-env~=is-compact] .PinturaPanel[data-util=frame] .PinturaUtilFooter > div {
  padding: 0;
}
.PinturaRoot[data-env~=is-compact] .PinturaPanel[data-util=frame] .PinturaRadioGroupOption {
  width: 2.25em;
  height: 3em;
}
.PinturaRoot[data-env~=is-compact] .PinturaPanel[data-util=frame] .PinturaRadioGroupOption span {
  font-size: 0.5em;
}
.PinturaPanel[data-util=filter] .PinturaScrollable {
  width: 100%;
  max-width: 40em;
  min-height: 5.5em;
}
.PinturaPanel[data-util=filter] [data-layout=row] > .PinturaRadioGroupOptions > li {
  margin: 0 0.5em;
}
.PinturaPanel[data-util=filter] [data-layout=row] > .PinturaRadioGroupOptions > li:first-child {
  margin-left: 0;
}
.PinturaPanel[data-util=filter] [data-layout=row] > .PinturaRadioGroupOptions > li:last-child {
  margin-right: 0;
}
.PinturaPanel[data-util=filter] .PinturaRadioGroupOptionGroupLabel {
  width: 1px;
  height: 1px;
  position: absolute;
  font-size: 0;
  pointer-events: none;
}
.PinturaPanel[data-util=filter] .PinturaFilterPreview {
  border-radius: 0;
  transition: border-radius 1ms;
}
.PinturaPanel[data-util=filter] .PinturaFilterOption {
  border-radius: 0;
}
.PinturaPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type .PinturaFilterPreview {
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}
.PinturaPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type .PinturaFilterOption {
  border-bottom-left-radius: var(--border-radius);
}
.PinturaPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type .PinturaFilterPreview {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.PinturaPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type .PinturaFilterOption {
  border-bottom-right-radius: var(--border-radius);
}
.PinturaPanel[data-util=filter] .PinturaRadioGroupOptionGroup {
  display: flex;
  flex-direction: column-reverse;
}
.PinturaPanel[data-util=filter] .PinturaFilterOption {
  cursor: var(--button-cursor);
  margin-bottom: 1em;
}
.PinturaPanel[data-util=filter] .PinturaFilterOption span {
  display: block;
  text-align: center;
  padding: 0 0.3125em;
  line-height: 1.75;
  max-width: 100%;
  font-size: 0.625em;
  font-weight: 400;
  margin-left: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.PinturaPanel[data-util=filter] .PinturaFilterPreview:before {
  transition: background-color 0.1s, color 0.1s;
}
.PinturaPanel[data-util=filter] [data-selected=true] .PinturaFilterOption .PinturaFilterPreview {
  position: relative;
  z-index: 1;
}
.PinturaPanel[data-util=filter] [data-selected=true] .PinturaFilterOption .PinturaFilterPreview:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.35;
  border-radius: inherit;
  background-color: var(--color-primary);
}
.PinturaPanel[data-util=filter] [data-focus-visible] + label > .PinturaFilterOption span {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
  border-radius: 0.25em;
}
.PinturaPanel[data-util=filter] .PinturaFilterOption, .PinturaPanel[data-util=filter] .PinturaFilterPreview {
  width: 3.75em;
  height: 4.5em;
}
.PinturaRoot[data-env~=is-compact] .PinturaPanel[data-util=filter] .PinturaUtilFooter > div {
  padding: 0;
}
.PinturaRoot[data-env~=is-compact] .PinturaPanel[data-util=filter] .PinturaFilterOption, .PinturaRoot[data-env~=is-compact] .PinturaPanel[data-util=filter] .PinturaFilterPreview {
  width: 2.875em;
  height: 3.5em;
}
.PinturaRoot[data-env~=is-compact] .PinturaPanel[data-util=filter] .PinturaFilterOption span {
  font-size: 0.5em;
}
.PinturaRoot[data-env~=is-compact] .PinturaPanel[data-util=filter] .PinturaScrollable {
  min-height: 4.5em;
}
.PinturaPanel[data-util=resize] form {
  display: flex;
  justify-content: center;
  padding: 0 1em;
}
.PinturaPanel[data-util=resize] .PinturaFormInner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.PinturaPanel[data-util=resize] .PinturaFormInner > button {
  position: absolute;
  left: 100%;
  margin-left: 1em;
}
.PinturaPanel[data-util=resize] .PinturaFieldsetInner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.PinturaPanel[data-util=resize] .PinturaResizeLabel {
  font-size: 0.75em;
}
.PinturaPanel[data-util=resize] .PinturaDropdownButton {
  margin-left: 0.5em;
  margin-right: 0.5em;
  -webkit-backdrop-filter: var(--backdrop-filter-dark);
  backdrop-filter: var(--backdrop-filter-dark);
  background-color: var(--color-foreground-5);
  border-radius: var(--border-radius-round);
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
  transition: background-color 0.1s;
}
.PinturaPanel[data-util=resize] .PinturaDropdownButton:hover {
  background-color: var(--color-foreground-10);
}
.PinturaPanel[data-util=resize] .PinturaDropdownButton .PinturaButtonLabel {
  display: block;
  line-height: 2.65;
  padding: 0 1em;
  font-variant-numeric: tabular-nums;
  font-size: 0.75em;
  font-weight: 400;
}
.PinturaPanel[data-util=resize] .PinturaDropdownButton .PinturaButtonLabel:after {
  content: "▼";
  font-size: 0.6875em;
  margin-left: 0.75em;
  position: relative;
  top: -0.125em;
  margin-right: -0.25em;
  pointer-events: none;
}
.PinturaPanel[data-util=resize] input[type=checkbox] + label {
  padding: 0 0.125em;
  outline: transparent;
  display: block;
  cursor: pointer;
}
.PinturaPanel[data-util=resize] input[type=checkbox][data-focus-visible] + label {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaInputDimension {
  display: inline-flex;
  align-items: center;
  position: relative;
}
.PinturaInputDimension label {
  position: absolute;
  right: 0.625em;
  font-size: 0.75em;
  text-transform: uppercase;
  pointer-events: none;
  color: var(--color-foreground-20);
  z-index: 1;
}
.PinturaInputDimension button, .PinturaInputDimension input, .PinturaInputDimension label {
  font-size: 0.75em;
  font-weight: 400;
}
.PinturaInputDimension button, .PinturaInputDimension input {
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: textfield;
  box-sizing: border-box;
  font-variant-numeric: tabular-nums;
  padding: 0.625em 0 0.625em 0.625em;
  width: 100%;
  max-width: 7em;
  outline: transparent;
  border-radius: var(--border-radius);
  box-shadow: none;
  border: 1px solid var(--color-foreground-20);
  transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out, border-color 0.1s ease-in-out;
}
.PinturaInputDimension button::-moz-selection, .PinturaInputDimension input::-moz-selection {
  background-color: var(--color-foreground-20);
}
.PinturaInputDimension button::selection, .PinturaInputDimension input::selection {
  background-color: var(--color-foreground-20);
}
.PinturaInputDimension button:hover, .PinturaInputDimension input:hover {
  border-color: var(--color-foreground-30);
}
.PinturaInputDimension button:focus, .PinturaInputDimension input:focus {
  border-color: var(--color-focus-100);
}
.PinturaInputDimension input {
  -webkit-backdrop-filter: var(--backdrop-filter-dark);
  backdrop-filter: var(--backdrop-filter-dark);
  background-color: var(--color-foreground-5);
}
.PinturaInputDimension input:-moz-placeholder-shown {
  border-style: dashed;
}
.PinturaInputDimension input:-ms-input-placeholder {
  border-style: dashed;
}
.PinturaInputDimension input:placeholder-shown {
  border-style: dashed;
}
.PinturaInputDimension input::-moz-placeholder {
  color: var(--color-foreground-30);
}
.PinturaInputDimension input:-ms-input-placeholder {
  color: var(--color-foreground-30);
}
.PinturaInputDimension input::placeholder {
  color: var(--color-foreground-30);
}
.PinturaInputDimension input[data-state=invalid] {
  border-color: var(--color-error-75);
  box-shadow: inset 0 0 0.25em var(--color-error-25), 0 0 0.25em var(--color-error-50);
}
.PinturaInputDimension button {
  width: 10em;
  min-height: 2.65em;
}
.PinturaInputDimension input::-webkit-inner-spin-button, .PinturaInputDimension input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.PinturaInputDimension input::-ms-clear {
  display: none;
}
.PinturaPanel[data-util=crop] .PinturaStage {
  touch-action: none;
}
.PinturaPanel[data-util=crop] .PinturaImageInfo {
  position: absolute;
  right: 1em;
  bottom: 1em;
}
.PinturaPanel[data-util=crop] .PinturaButtonCenter {
  --size:3em;
  position: absolute;
  left: 0;
  top: 0;
  width: var(--size);
  height: var(--size);
  z-index: 1;
  line-height: 0;
  margin-top: calc(var(--size) * -0.5);
  margin-left: calc(var(--size) * -0.5);
  overflow: hidden;
  color: #000;
  background: hsla(0, 0%, 100%, 0.8);
  border-radius: 50%;
  -webkit-backdrop-filter: var(--backdrop-filter-bright);
  backdrop-filter: var(--backdrop-filter-bright);
  outline: none;
}
.PinturaPanel[data-util=crop] .PinturaButtonCenter[data-focus-visible] {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaRoot[data-env~=short] .PinturaPanel[data-util=crop] .PinturaUtilFooter {
  padding-bottom: 0.5em;
}
.PinturaModal {
  --safe-area-inset-top:env(safe-area-inset-top);
  --safe-area-inset-bottom:env(safe-area-inset-bottom);
  --editor-modal-border-radius:0;
  --editor-modal-overlay-opacity:0.95;
  --editor-modal-shadow:0 1em 2em -1em rgba(0,0,0,0.25),0 1.5em 1.5em -2em rgba(0,0,0,0.5);
  --editor-modal-outline:inset 0 0 0 1px var(--color-foreground-3);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 2147483646;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(var(--color-background), var(--editor-modal-overlay-opacity, var(--editor-modal-overlay-opacity-default, 0.95)));
}
.PinturaModal > .PinturaRoot[data-env~=is-centered] {
  box-shadow: var(--editor-modal-shadow);
  border-radius: var(--editor-modal-border-radius);
}
.PinturaModal > .PinturaRoot[data-env~=is-centered]:after {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  border-radius: inherit;
  content: "";
  box-shadow: var(--editor-modal-outline);
  z-index: 2147483646;
}
.PinturaModal[style*="--viewport-pad-footer:1"] {
  box-sizing: border-box;
  padding-bottom: env(safe-area-inset-bottom);
}
.PinturaModal + .PinturaModal {
  --editor-modal-overlay-opacity-default:0.75;
}
.PinturaModal + .PinturaModal .PinturaRoot:not([data-env~=is-compact]) {
  --editor-max-width-default:calc(100vw - 8em);
  --editor-max-height-default:calc(100vh - 8em);
}
.PinturaDocumentLock, .PinturaDocumentLock body {
  height: calc(var(--pintura-document-height) - 1px);
  overflow-y: hidden;
  box-sizing: border-box;
}
.PinturaDocumentLock .PinturaModal {
  height: 100% !important;
}
.PinturaCanvas canvas {
  position: absolute;
  width: 100%;
  height: 100%;
}
.PinturaDetailsPanel {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2147483647;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  cursor: auto;
  outline: transparent;
  box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.25), 0 0.125em 0.75em rgba(0, 0, 0, 0.15), 0 0.125em 0.125em rgba(0, 0, 0, 0.1);
  border-radius: var(--border-radius);
  color: #111;
  background: #fff;
}
.PinturaDetailsPanelTip {
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  margin-left: -0.25em;
  margin-top: -0.25em;
  background: #fff;
  z-index: -1;
}
.PinturaTabPanels {
  position: relative;
  flex: 1;
}
.PinturaTabPanel {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.PinturaTabPanel:not([hidden]) {
  z-index: 2;
  outline: transparent;
}
.PinturaTabPanel[hidden] {
  display: block !important;
  z-index: 1;
  pointer-events: none;
}
.PinturaTabPanel[data-inert=true] {
  visibility: hidden;
}
.PinturaTabPanel[data-inert=true] [data-inert] {
  visibility: hidden !important;
}
.PinturaTabList {
  display: flex;
  justify-content: center;
}
.PinturaTabList button {
  display: flex;
  align-items: center;
  flex-direction: column;
  outline: transparent;
  cursor: var(--button-cursor);
  -webkit-tap-highlight-color: transparent;
}
.PinturaTabList button > * {
  transition: filter 0.2s ease-out;
}
.PinturaTabList button[disabled] > * {
  filter: var(--filter-disabled);
}
.PinturaScrollable {
  --scrollable-feather-start-opacity:0;
  --scrollable-feather-end-opacity:0;
  --scrollable-feather-size:2em;
  contain: paint;
  overflow: hidden;
}
.PinturaScrollable:focus {
  outline: transparent;
}
.PinturaScrollable > div {
  position: relative;
  display: inline-flex;
  vertical-align: top;
}
.PinturaScrollable {
  touch-action: none;
}
.PinturaScrollable[data-direction=x] {
  max-width: 100%;
  --mask-angle:90deg;
}
.PinturaScrollable[data-direction=y] {
  max-height: 100%;
  --mask-angle:180deg;
}
.PinturaScrollable[data-state~=overflows] {
  -webkit-mask: linear-gradient(var(--mask-angle), rgba(0, 0, 0, var(--scrollable-feather-start-opacity)), #000 var(--scrollable-feather-size), #000 calc(100% - var(--scrollable-feather-size)), rgba(0, 0, 0, var(--scrollable-feather-end-opacity)));
  mask: linear-gradient(var(--mask-angle), rgba(0, 0, 0, var(--scrollable-feather-start-opacity)), #000 var(--scrollable-feather-size), #000 calc(100% - var(--scrollable-feather-size)), rgba(0, 0, 0, var(--scrollable-feather-end-opacity)));
}
.PinturaScrollable[data-state~=scrolling] > div * {
  pointer-events: none;
}
.PinturaSlider {
  position: relative;
  --track-offset-x:0.5em;
  --track-offset-y:0.5em;
  --track-size:1.5em;
  --knob-size:1em;
  --knob-margin-top:0em;
  --knob-margin-right:0em;
  --knob-margin-bottom:0em;
  --knob-margin-left:0em;
  display: flex;
  align-items: center;
  touch-action: none;
}
.PinturaSlider[data-direction=y] {
  flex-direction: column;
}
.PinturaSlider .PinturaSliderControl {
  position: relative;
  flex: 1;
}
.PinturaSlider > button {
  position: relative;
  z-index: 1;
  width: var(--track-size);
  height: var(--track-size);
  overflow: hidden;
  cursor: pointer;
  flex-shrink: none;
}
.PinturaSlider > button svg {
  width: 1.25em;
  height: 1.25em;
  margin: 0.125em;
  stroke-width: 0.125em;
  stroke: #aaa;
}
.PinturaSlider > button:first-of-type {
  order: 2;
  padding-right: 0.125em;
  margin-left: -0.325em;
}
.PinturaSlider > button:last-of-type {
  order: 1;
  padding-left: 0.125em;
  margin-right: -0.325em;
}
.PinturaSlider > .PinturaSliderControl {
  order: 2;
}
.PinturaSlider .PinturaSliderKnob {
  left: 0;
  top: 50%;
  border-radius: 9999em;
  visibility: visible;
  background-color: #333;
  width: var(--knob-size);
  height: var(--knob-size);
  margin-left: calc(var(--knob-size) * -0.5);
  margin-top: calc(var(--knob-size) * -0.5);
}
.PinturaSlider .PinturaSliderKnob, .PinturaSlider .PinturaSliderKnobController, .PinturaSlider .PinturaSliderTrack {
  pointer-events: none;
  position: absolute;
}
.PinturaSlider .PinturaSliderTrack {
  top: var(--track-offset-y);
  bottom: var(--track-offset-y);
  left: var(--track-offset-x);
  right: var(--track-offset-x);
}
.PinturaSlider .PinturaSliderKnobController {
  visibility: hidden;
  top: calc(var(--track-offset-y) + var(--knob-margin-top));
  bottom: calc(var(--track-offset-y) + var(--knob-margin-bottom));
  left: calc(var(--track-offset-x) + var(--knob-margin-left));
  right: calc(var(--track-offset-x) + var(--knob-margin-right));
}
.PinturaSlider .PinturaSliderTrack {
  border-radius: 9999em;
}
.PinturaSlider[data-direction=x] input[type=range] {
  height: var(--track-size);
  margin-left: 0.5em;
  width: calc(100% - 1em);
}
.PinturaSlider[data-direction=y] input[type=range] {
  width: var(--track-size);
  margin-top: 0.5em;
  height: calc(100% - 1em);
}
.PinturaSlider input[type=range] {
  -webkit-appearance: none;
  display: block;
}
.PinturaSlider input[type=range]::-webkit-slider-runnable-track {
  background: transparent;
}
.PinturaSlider input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  line-height: 0;
  margin: 0;
  padding: 0;
  border: none;
}
.PinturaSlider input[type=range]::-moz-range-thumb {
  line-height: 0;
  margin: 0;
  padding: 0;
  border: none;
}
.PinturaSlider input[type=range]::-ms-thumb {
  line-height: 0;
  margin: 0;
  padding: 0;
  border: none;
}
.PinturaSlider input[type=range]::-ms-ticks-before, .PinturaSlider input[type=range]::-ms-tooltip {
  display: none;
}
.PinturaSlider input[type=range]::-ms-ticks-after {
  display: none;
}
.PinturaSlider input[type=range]::-ms-track {
  color: transparent;
  border: none;
  background: transparent;
}
.PinturaSlider input[type=range]::-ms-fill-lower, .PinturaSlider input[type=range]::-ms-fill-upper {
  background: transparent;
}
.PinturaSlider input[type=range]:focus {
  outline: transparent;
}
.PinturaSlider input[type=range][data-focus-visible] ~ .PinturaSliderKnobController .PinturaSliderKnob:after {
  position: absolute;
  left: -0.3125em;
  right: -0.3125em;
  top: -0.3125em;
  bottom: -0.3125em;
  border-radius: inherit;
  content: "";
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
  pointer-events: none;
}
.PinturaButton {
  white-space: nowrap;
  flex-shrink: 0;
  -webkit-tap-highlight-color: transparent;
  cursor: var(--button-cursor);
}
.PinturaButton > span {
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  min-height: 1em;
}
.PinturaButton svg + .PinturaButtonLabel {
  margin-left: 0.5em;
}
.PinturaButton[disabled] {
  cursor: default;
}
.PinturaButton:not(.PinturaButtonIconOnly) svg:first-of-type {
  margin-left: -0.25em;
}
.PinturaPanel {
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  flex: 1;
  flex-direction: column;
  contain: layout size;
}
.PinturaProgressIndicator {
  position: relative;
  display: block;
  width: 1.25em;
  height: 1.25em;
}
.PinturaProgressIndicator .PinturaProgressIndicatorFill {
  stroke-dashoffset: 0;
}
.PinturaProgressIndicator[data-status=busy] svg {
  -webkit-animation: image_editor_spin 1s linear infinite;
  animation: image_editor_spin 1s linear infinite;
}
.PinturaProgressIndicator[data-status=busy] .PinturaProgressIndicatorFill {
  stroke-dashoffset: -26.5;
  stroke-dasharray: 26.5 53;
  transition: stroke-dashoffset 0.5s linear, stroke-dasharray 0.5s linear;
}
@-webkit-keyframes image_editor_spin {
0% {
    transform: rotate(0deg);
}
to {
    transform: rotate(1turn);
}
}
@keyframes image_editor_spin {
0% {
    transform: rotate(0deg);
}
to {
    transform: rotate(1turn);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.PinturaRoot[data-env~=is-ios] .PinturaProgressIndicator svg {
    transform-origin: 49% 49%;
}
}
.PinturaColorPreview {
  --color:transparent;
  color: var(--color);
  position: relative;
  pointer-events: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h4v4H0zm4 4h4v4H4z' fill='%23E5E5E5'/%3E%3C/svg%3E");
}
.PinturaColorPreview span {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color);
  border-radius: inherit;
}
.PinturaRangeInput {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 24em;
  height: 3.5em;
  margin: auto;
  max-width: 90%;
  touch-action: none;
  --range-input-feather-left:2em;
  --range-input-feather-right:2em;
  --range-input-mask-from:0%;
  --range-input-mask-to:100%;
  --range-input-mask-color:rgba(0,0,0,0.25);
  --range-input-line-color:var(--color-foreground-15);
  outline: transparent;
}
.PinturaRangeInput[data-focus-visible]:after {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: calc(50% - 1em);
  height: 2em;
  border-radius: 0.25em;
}
.PinturaRangeInputInner {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
  contain: strict;
  -webkit-mask: linear-gradient(90deg, transparent 0, #000 var(--range-input-feather-left), #000 calc(50% - 3em), transparent 50%, #000 calc(50% + 3em), #000 calc(100% - var(--range-input-feather-right)), transparent);
  mask: linear-gradient(90deg, transparent 0, #000 var(--range-input-feather-left), #000 calc(50% - 3em), transparent 50%, #000 calc(50% + 3em), #000 calc(100% - var(--range-input-feather-right)), transparent);
}
.PinturaRangeInputMeter {
  height: 100%;
}
.PinturaRangeInput .PinturaRangeInputMeter svg {
  display: block;
  pointer-events: none;
  fill: currentColor;
}
.PinturaRangeInput > .PinturaRangeInputValue {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  top: calc(50% - 0.6875em);
  left: calc(50% - 1.75em);
  width: 3.5em;
  height: 1.5em;
  overflow: hidden;
  contain: strict;
  text-align: center;
  font-size: 0.75em;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
  font-family: Tahoma, Geneva, Verdana, sans-serif;
}
.PinturaRangeInput > .PinturaRangeInputReset {
  position: absolute;
  left: calc(50% - 1.0625em);
  top: 0;
  margin-top: 0.125em;
  padding: 0;
  z-index: 1;
  width: 2em;
  overflow: hidden;
  color: transparent !important;
  transition: opacity 0.25s;
  opacity: 0.35;
  outline: transparent;
  cursor: var(--button-cursor);
}
.PinturaRangeInput > .PinturaRangeInputReset:hover {
  opacity: 0.5;
}
.PinturaRangeInput > .PinturaRangeInputReset[data-focus-visible] {
  opacity: 1;
}
.PinturaRangeInput > .PinturaRangeInputReset[data-focus-visible]:before {
  content: "";
  pointer-events: none;
  position: absolute;
  left: calc(50% - 0.5em);
  top: calc(50% - 0.5em);
  height: 1em;
  width: 1em;
  z-index: 2;
  border-radius: 0.25em;
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaRangeInput > .PinturaRangeInputReset[disabled] {
  opacity: 0.15;
}
.PinturaRangeInput > .PinturaRangeInputReset:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 20%;
  width: 1px;
  height: 60%;
  background: var(--color-foreground-100);
}
.PinturaRangeInputInner[data-value-limited] svg {
  -webkit-mask: linear-gradient(90deg, var(--range-input-mask-color) var(--range-mask-from), #000 var(--range-mask-from), #000 var(--range-mask-to), var(--range-input-mask-color) var(--range-mask-to));
  mask: linear-gradient(90deg, var(--range-input-mask-color) var(--range-mask-from), #000 var(--range-mask-from), #000 var(--range-mask-to), var(--range-input-mask-color) var(--range-mask-to));
}
.PinturaRangeInputInner[data-value-limited] svg rect {
  x: var(--range-mask-from);
  width: calc(var(--range-mask-to) - var(--range-mask-from));
  fill: var(--range-input-line-color);
}
.PinturaUtilMain {
  padding: 1em;
  min-height: 1px;
}
.PinturaUtilMain, .PinturaUtilMain > [slot] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.PinturaUtilMain > [slot] {
  align-items: center;
}
.PinturaUtilFooter {
  padding: 0 0 1em;
}
.PinturaUtilFooter > [slot]:empty {
  height: 1em;
}
.PinturaUtilFooter > [slot] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: stretch;
}
.PinturaUtilFooter .PinturaRangeInput {
  margin-top: -0.25em;
}
.PinturaUtilFooter > [slot] > .PinturaControlList, .PinturaUtilFooter > [slot] > .PinturaControlListScroller {
  order: 1;
  margin-bottom: -0.1875em;
}
.PinturaUtilFooter .PinturaControlList [role=tab][aria-selected=true] button {
  -webkit-backdrop-filter: var(--backdrop-filter-dark);
  backdrop-filter: var(--backdrop-filter-dark);
  background-color: var(--color-foreground-10);
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
}
.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label, .PinturaUtilFooter .PinturaControlList [role=tab] button {
  flex-direction: row;
  line-height: 1;
  padding: 0 0.75em;
  min-height: 1.75em;
  border-radius: var(--border-radius-round);
  transition: background-color 0.1s ease-out, color 0.1s ease-out, filter 0.2s ease-out;
  box-shadow: inset 0 0 0 1px var(--color-foreground-0);
  cursor: var(--button-cursor);
}
.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label span, .PinturaUtilFooter .PinturaControlList [role=tab] button span {
  font-size: 0.75em;
  font-weight: 400;
}
.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg, .PinturaUtilFooter .PinturaControlList [role=tab] button svg {
  width: 0.875em;
  font-size: 0.875em;
}
.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:not(:only-child), .PinturaUtilFooter .PinturaControlList [role=tab] button svg:not(:only-child) {
  margin-left: -0.25em;
  margin-right: 0.375em;
}
.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label:hover, .PinturaUtilFooter .PinturaControlList [role=tab] button:hover {
  box-shadow: inset 0 0 0 1px var(--color-foreground-10);
}
.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label[data-focus-visible], .PinturaUtilFooter .PinturaControlList [role=tab] button[data-focus-visible] {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaUtilFooter .PinturaControlListOption [slot], .PinturaUtilFooter .PinturaControlListOption label {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.PinturaUtilFooter .PinturaControlListOption[data-selected=true] label {
  background-color: var(--color-foreground-10);
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
}
.PinturaUtilFooter .PinturaControlListOption input[data-focus-visible] + label {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaUtilFooter .PinturaControlListOption input[disabled] + label {
  filter: var(--filter-disabled);
}
.PinturaUtilFooter .PinturaControlList .PinturaControlListOption + .PinturaControlListOption, .PinturaUtilFooter .PinturaControlList > li + li {
  margin-left: 0.5em;
}
.PinturaUtilFooter .PinturaControlPanels {
  position: relative;
  width: 100%;
  max-width: 40em;
  min-height: 3.375em;
  margin: 0 auto;
  flex: auto;
}
.PinturaUtilFooter .PinturaControlPanel {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: visible;
  opacity: 1;
}
.PinturaUtilFooter .PinturaControlPanel[hidden] {
  display: block !important;
  visibility: hidden;
  transition-delay: 0s;
  pointer-events: none;
  opacity: 0;
}
.PinturaUtilFooter .PinturaControlList[data-layout=compact] > * + * {
  margin-left: -1px;
}
.PinturaUtilFooter .PinturaControlList[data-layout=compact] > [role=tab] button {
  padding-left: 0.625em;
  padding-right: 0.625em;
  border-radius: 0;
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
}
.PinturaUtilFooter .PinturaControlList[data-layout=compact] > [role=tab]:only-child button {
  border-radius: var(--border-radius-round);
}
.PinturaUtilFooter .PinturaControlList[data-layout=compact] > [role=tab]:first-child:not(:only-child) button {
  padding-left: 0.75em;
  border-top-left-radius: var(--border-radius-round);
  border-bottom-left-radius: var(--border-radius-round);
}
.PinturaUtilFooter .PinturaControlList[data-layout=compact] > [role=tab]:last-child:not(:only-child) button {
  padding-right: 0.75em;
  border-top-right-radius: var(--border-radius-round);
  border-bottom-right-radius: var(--border-radius-round);
}
.PinturaRoot[data-env~=is-animated] .PinturaUtilFooter .PinturaControlPanel {
  transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  transition-delay: 0.1s;
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter {
  margin-bottom: 0.75em;
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlPanels {
  min-height: 1.375em;
  max-width: 20em;
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList {
  margin-top: 1em;
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList > li + li {
  margin-left: 0;
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab] span {
  font-size: 0.75em;
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab] button {
  border-radius: 0;
  background-color: var(--color-background-50);
  -webkit-backdrop-filter: var(--backdrop-filter-bright);
  backdrop-filter: var(--backdrop-filter-bright);
  box-shadow: inset 0 0 0 1px var(--color-background-15), 0 0.0625em 0.125em rgba(0, 0, 0, 0.25), 0 0.125em 0.35em rgba(0, 0, 0, 0.35);
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab]:first-child button {
  padding-left: 0.875em;
  border-top-left-radius: var(--border-radius-round);
  border-bottom-left-radius: var(--border-radius-round);
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab]:last-child button {
  padding-right: 0.875em;
  border-top-right-radius: var(--border-radius-round);
  border-bottom-right-radius: var(--border-radius-round);
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li:not([aria-selected=true]) span {
  color: var(--color-foreground-40);
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlPanels {
  background-color: var(--color-background-50);
  -webkit-backdrop-filter: var(--backdrop-filter-bright);
  backdrop-filter: var(--backdrop-filter-bright);
  border-radius: var(--border-radius-round);
  box-shadow: inset 0 0 0 1px var(--color-background-15), 0 0.0625em 0.125em rgba(0, 0, 0, 0.25), 0 0.125em 0.35em rgba(0, 0, 0, 0.35);
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaRangeInput {
  height: 1.5em;
  margin-top: 0;
}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaRangeInputReset {
  opacity: 0;
}
.PinturaImageInfo {
  pointer-events: none;
}
.PinturaImageInfo p {
  width: 8em;
  height: 1.25em;
  contain: strict;
  overflow: hidden;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
  font-family: Tahoma, Geneva, Verdana, sans-serif;
  text-align: right;
  line-height: 1;
  font-size: 0.75em;
}
.PinturaShapeStyleEditor {
  position: relative;
  width: 100%;
  min-height: 2.75em;
}
.PinturaShapeStyles {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.PinturaShapeStyles:not([data-state~=overflows]) {
  display: flex;
  justify-content: center;
}
.PinturaShapeStyleList {
  display: flex;
}
.PinturaShapeStyleList .PinturaButton, .PinturaShapeStyleList .PinturaInput {
  outline: transparent;
}
.PinturaShapeStyleList .PinturaInput {
  padding: 0 0 0 0.625em;
  font-size: 0.75em;
  line-height: 2.25;
}
.PinturaShapeStyleList .PinturaShapeStyleLabel {
  line-height: 1.75;
  font-size: 0.625em;
  font-weight: 300;
  padding: 0 0.75em;
  text-transform: lowercase;
  pointer-events: none;
  text-align: center;
  color: var(--color-foreground-50);
  white-space: nowrap;
}
.PinturaShapeStyleList > .PinturaShapeStyle {
  border-radius: var(--border-radius-round);
}
.PinturaShapeStyleList > .PinturaShapeStyle + .PinturaShapeStyle {
  margin-left: 1em;
}
.PinturaShapeStyle {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.PinturaShapeStyle .PinturaDetailsButton {
  border-radius: inherit;
}
.PinturaShapeStyle > .PinturaButton:hover, .PinturaShapeStyle > .PinturaButton[data-focus-visible] {
  position: relative;
  z-index: 1;
}
.PinturaShapeStyle > .PinturaColorPickerButton .PinturaButtonLabel {
  display: block;
  border-radius: inherit;
}
.PinturaShapeStyle > .PinturaColorPickerButton {
  display: flex;
  justify-content: center;
}
.PinturaShapeStyle .PinturaColorPreview {
  border-radius: inherit;
  width: 1.5em;
  height: 1.5em;
  background-color: #fff;
  background-size: 4px;
  border: 1px solid var(--color-background-100);
  margin-top: -1px;
}
.PinturaShapeStyle .PinturaColorPreview span {
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
}
.PinturaShapeStyle [data-focus-visible] .PinturaColorPreview span:before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
  content: "";
  z-index: 1;
}
.PinturaShapeStyle > .PinturaColorPickerButtonStroke .PinturaColorPreview span:after {
  position: absolute;
  left: 6px;
  top: 6px;
  right: 6px;
  bottom: 6px;
  background: var(--color-background-100);
  border-radius: inherit;
  box-shadow: 0 0 0 1px var(--color-foreground-5);
  content: "";
}
.PinturaShapeStyle > .PinturaDropdownButton .PinturaButtonLabel, .PinturaShapeStyle > .PinturaRadioGroup .PinturaButtonLabel, .PinturaShapeStyle > .PinturaRadioGroupOption label, .PinturaShapeStyle > .PinturaSliderButton .PinturaButtonLabel {
  display: block;
  line-height: 2.25;
  padding: 0 1em;
  font-size: 0.6875em;
}
.PinturaShapeStyle > .PinturaButton:not(.PinturaColorPickerButton)[data-focus-visible] {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaShapeStyle .PinturaInputField {
  text-align: right;
  padding: 0 0.75em;
  width: 3em;
  height: 2em;
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
  border-radius: var(--border-radius);
}
.PinturaShapeStyle > .PinturaDropdownButton {
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
  transition: background-color 0.1s;
}
.PinturaShapeStyle > .PinturaDropdownButton:hover {
  background-color: var(--color-foreground-10);
}
.PinturaShapeStyle > .PinturaDropdownButton .PinturaButtonLabel:after {
  content: "▼";
  font-size: 0.6875em;
  margin-left: 0.75em;
  position: relative;
  top: -0.125em;
  margin-right: -0.25em;
  pointer-events: none;
}
.PinturaShapeStyle > .PinturaRadioGroup > .PinturaRadioGroupOptions {
  flex-direction: row;
}
.PinturaShapeStyle > .PinturaRadioGroup > .PinturaRadioGroupOptions label {
  cursor: var(--button-cursor);
  display: flex;
  height: 1.5em;
  align-items: center;
  padding: 0 0.25em;
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
  transition: background-color 0.1s;
}
.PinturaShapeStyle > .PinturaRadioGroup > .PinturaRadioGroupOptions label:hover {
  background-color: var(--color-foreground-20);
}
.PinturaShapeStyle > .PinturaRadioGroup > .PinturaRadioGroupOptions svg {
  width: 1.125em;
  height: 1.125em;
}
.PinturaShapeStyle > .PinturaRadioGroup > .PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type label {
  padding-left: 0.5em;
  border-top-left-radius: var(--border-radius-round);
  border-bottom-left-radius: var(--border-radius-round);
}
.PinturaShapeStyle > .PinturaRadioGroup > .PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type label {
  padding-right: 0.5em;
  border-top-right-radius: var(--border-radius-round);
  border-bottom-right-radius: var(--border-radius-round);
}
.PinturaShapeStyle > .PinturaRadioGroup > .PinturaRadioGroupOptions [data-selected=true] label {
  background-color: var(--color-foreground-10);
}
.PinturaRectManipulator {
  --size:1.25em;
  position: absolute;
  left: 0;
  top: 0;
  outline: none;
  touch-action: none;
}
.PinturaRectManipulator:not([data-shape=edge]) {
  width: var(--size);
  height: var(--size);
  z-index: 2;
}
.PinturaRectManipulator:not([data-shape=edge]):after {
  position: absolute;
  left: -0.5em;
  right: -0.5em;
  top: -0.5em;
  bottom: -0.5em;
  border-radius: inherit;
  content: "";
}
.PinturaRectManipulator:not([data-shape=edge])[data-focus-visible]:after {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaRectManipulator[data-shape~=circle] {
  margin-left: calc(var(--size) * -0.5);
  margin-top: calc(var(--size) * -0.5);
  line-height: var(--size);
  border-radius: 50%;
  background-color: var(--color-foreground-100);
  box-shadow: 0 0 2px var(--color-background-50);
}
.PinturaRectManipulator[data-shape=hook] {
  border: 3px solid var(--color-foreground-100);
}
.PinturaRectManipulator[data-shape=hook][data-direction*=t] {
  margin-top: -3px;
  border-bottom: 0;
}
.PinturaRectManipulator[data-shape=hook][data-direction*=r] {
  border-left: 0;
  margin-left: calc(var(--size) * -1);
}
.PinturaRectManipulator[data-shape=hook][data-direction*=b] {
  margin-top: calc(var(--size) * -1);
  border-top: 0;
}
.PinturaRectManipulator[data-shape=hook][data-direction*=l] {
  border-right: 0;
  margin-left: -3px;
}
.PinturaRectManipulator[data-shape~=edge] {
  height: 1px;
  width: 1px;
  z-index: 1;
}
.PinturaRectManipulator[data-shape~=edge][data-focus-visible] {
  background-color: var(--color-focus-50);
}
.PinturaRectManipulator[data-direction=b], .PinturaRectManipulator[data-direction=t] {
  cursor: ns-resize;
  height: var(--size);
  margin-top: calc(var(--size) * -0.5);
  transform-origin: 0 center;
}
.PinturaRectManipulator[data-direction=l], .PinturaRectManipulator[data-direction=r] {
  cursor: ew-resize;
  width: var(--size);
  margin-left: calc(var(--size) * -0.5);
  transform-origin: center 0;
}
.PinturaRectManipulator[data-direction=bl], .PinturaRectManipulator[data-direction=tr] {
  cursor: nesw-resize;
}
.PinturaRectManipulator[data-direction=br], .PinturaRectManipulator[data-direction=tl] {
  cursor: nwse-resize;
}
.PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator[data-shape=edge]:active {
  background-color: var(--color-foreground-5);
}
.PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator:not([data-shape=edge]):after {
  left: -1em;
  right: -1em;
  top: -1em;
  bottom: -1em;
}
.PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator:not([data-shape=edge]):active:after {
  background-color: var(--color-foreground-5);
}
.PinturaToolbar {
  display: flex;
  justify-content: center;
  margin-left: 1em;
  margin-right: 1em;
  padding-top: 1em;
}
.PinturaToolbar .PinturaToolbarInner {
  display: inline-flex;
}
.PinturaToolbar[data-layout=compact] .PinturaToolbarContentWide, .PinturaToolbar[data-overflow=overflow] .PinturaToolbarContentOptional {
  display: none;
}
.PinturaToolbar .PinturaButton {
  border-radius: var(--border-radius-round);
  outline: transparent;
  padding: 0.3125em 0.75em;
  transition: background-color 0.1s ease-out, color 0.1s ease-out, box-shadow 0.1s ease-out;
  line-height: 1.1;
}
.PinturaToolbar .PinturaButton:hover {
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
}
.PinturaToolbar .PinturaButton[data-focus-visible] {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaToolbar .PinturaButton .PinturaButtonIcon {
  width: 1em;
}
.PinturaToolbar .PinturaButtonLabel {
  font-size: 0.75em;
}
.PinturaToolbar .PinturaDetailsPanel {
  z-index: 3;
}
.PinturaToolbar .PinturaToolbarInner > * {
  margin: 0 0.5em;
}
.PinturaShapeList {
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
  position: absolute;
  top: 1em;
  left: 1em;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 1;
  border-radius: var(--border-radius);
  color: var(--color-foreground-100);
  background: var(--color-background-70);
  box-shadow: 0 0 0 1px var(--color-foreground-5);
}
.PinturaShapeList li + li {
  margin-top: -0.3125em;
}
.PinturaShapeList[data-visible=true] {
  opacity: 1;
}
.PinturaShapeList .PinturaColorPreview {
  width: 0.75em;
  height: 0.75em;
  margin-right: 0.25em;
  border-radius: 0.25em;
}
.PinturaShapeList .PinturaShapeListItem {
  display: flex;
  align-items: center;
  padding: 0.25em 0.5em;
  outline: none;
}
.PinturaShapeList .PinturaShapeListItem > span {
  font-size: 0.75em;
  line-height: 1.75;
  padding: 0 0.325em;
  margin-left: -0.325em;
}
.PinturaShapeList .PinturaShapeListItem[data-focus-visible] > span {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaShapeList[data-visible=true] .PinturaShapeListItem {
  pointer-events: all;
}
.PinturaShapeEditor {
  height: 100%;
  width: 100%;
  outline: none;
  touch-action: none;
}
.PinturaShapeControls {
  position: absolute !important;
  left: 0;
  top: 0;
  z-index: 3;
  pointer-events: none;
  display: flex;
  align-items: center;
}
.PinturaShapeControlsGroup {
  pointer-events: all;
}
.PinturaShapeControlsGroup, .PinturaShapeControlsGroup .PinturaSlider {
  color: #eee;
  background: #333;
  box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.25);
  border-radius: 0.25em;
}
.PinturaShapeControlsGroup, .PinturaShapeControlsGroup .PinturaShapeControlsGroupToggle {
  display: inline-flex;
  min-height: 1.75em;
}
.PinturaShapeControlsGroup + .PinturaShapeControlsGroup {
  margin-left: 0.5em;
}
.PinturaShapeControlsGroup .PinturaShapeControlsGroupToggle {
  position: relative;
}
.PinturaShapeControlsGroup .PinturaButton {
  outline: transparent;
}
.PinturaShapeControlsGroup .PinturaButton[data-focus-visible] {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaShapeControlsGroup > .PinturaButton {
  display: block;
  font-weight: 700;
  transition: background-color 0.1s;
  outline: transparent;
}
.PinturaShapeControlsGroup > .PinturaButton:hover {
  background-color: hsla(0, 0%, 100%, 0.15);
}
.PinturaShapeControlsGroup > .PinturaButton .PinturaButtonLabel {
  display: block;
  font-size: 0.6875em;
  padding: 0 0.75em;
  line-height: 1.7em;
}
.PinturaShapeControlsGroup .PinturaButtonIconOnly {
  width: 1.75em;
  transition: background-color 0.1s;
}
.PinturaShapeControlsGroup .PinturaButtonIconOnly:hover {
  background-color: hsla(0, 0%, 100%, 0.15);
}
.PinturaShapeControlsGroup > button:first-of-type {
  border-radius: 0.25em 0 0 0.25em;
}
.PinturaShapeControlsGroup > button:last-of-type {
  border-radius: 0 0.25em 0.25em 0;
}
.PinturaShapeControlsGroup > button:only-of-type {
  border-radius: 0.25em;
}
.PinturaShapeControlsGroup > * + * {
  border-left: 1px solid rgba(0, 0, 0, 0.5);
}
.PinturaShapeControlsGroup svg {
  pointer-events: none;
}
.PinturaInlineInput {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  transform-origin: center;
  display: flex;
}
.PinturaInlineInput:before {
  content: "";
  width: 0;
  height: var(--line-height);
}
.PinturaContentEditable {
  margin: 0;
  padding: 0;
  width: 100%;
  height: calc(100% - var(--bottom-inset, 0));
  overflow: hidden;
  outline: none;
  vertical-align: top;
}
.PinturaShapePresetsPalette {
  width: calc(100% - 2em);
  text-align: center;
}
.PinturaShapePresetsPalette .PinturaShapePresetSelect {
  vertical-align: top;
  display: inline-block;
}
.PinturaShapePresetsPalette .PinturaScrollable:not([data-state~=overflows]) {
  display: flex;
  justify-content: center;
}
.PinturaShapePresetsPalette .PinturaButton + .PinturaButton {
  margin-left: 0.5em;
}
.PinturaShapePresetsPalette .PinturaButton {
  flex-direction: row;
  line-height: 1.1;
  padding: 0.3125em 0.75em;
  border-radius: var(--border-radius-round);
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
  cursor: var(--button-cursor);
  transition: background-color 0.1s ease-out, color 0.1s ease-out, box-shadow 0.1s ease-out;
  outline: none;
}
.PinturaShapePresetsPalette .PinturaButton .PinturaButtonIcon {
  width: 1em;
}
.PinturaShapePresetsPalette .PinturaButton .PinturaButtonLabel {
  font-size: 0.75em;
}
.PinturaShapePresetsPalette .PinturaButton:hover {
  box-shadow: inset 0 0 0 1px var(--color-foreground-10);
}
.PinturaShapePresetsPalette .PinturaButton[data-focus-visible] {
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaShapePresetsPalette .PinturaShapePresetsFlat > * + *, .PinturaShapePresetsPalette .PinturaShapePresetsGroups > * + * {
  margin-left: 0.5em;
}
.PinturaShapePresetsGroups {
  display: flex;
  order: 2;
  margin-bottom: -0.1875em;
}
.PinturaShapePresetsGrouped {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.PinturaShapePresetsFlat {
  display: flex;
  align-items: center;
  justify-content: center;
}
.PinturaInputForm {
  opacity: 0;
  cursor: auto;
  z-index: 2147483647;
}
.PinturaInputForm:not([data-layout=stick]) {
  position: absolute;
  bottom: 6.5em;
  width: 30em;
  left: calc(50% - 15em);
  box-shadow: 0 0.25em 0.5em -0.5em rgba(0, 0, 0, 0.75), inset 0 0 0 1px var(--color-foreground-10);
  border-radius: var(--border-radius);
  background-color: var(--color-background-95);
}
@media (max-width: 34em) {
.PinturaInputForm:not([data-layout=stick]) {
    left: 2em;
    right: 2em;
    width: auto;
}
}
.PinturaInputForm[data-layout=stick] {
  transition: opacity 0.15s ease 0.25s;
  position: absolute;
  left: 0;
  right: 0;
  outline: 1px solid var(--color-foreground-15);
  background-color: var(--color-background-100);
}
.PinturaInputForm[data-layout=stick] > .PinturaInputFormInner {
  background-color: var(--color-foreground-3);
}
.PinturaInputFormInner > .PinturaButton {
  color: var(--color-foreground-100);
  border-radius: 9999em;
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
}
.PinturaInputFormInner > .PinturaButton:first-of-type {
  left: 1em;
}
.PinturaInputFormInner > .PinturaButton:last-of-type {
  right: 1rem;
  color: var(--color-primary-text);
  background: var(--color-primary);
  box-shadow: inset 0 0 0 1px var(--color-foreground-10);
}
.PinturaInputFormInner > .PinturaButton:not(.PinturaButtonIconOnly) .PinturaButtonInner {
  padding: 0 0.875em 0 0.625em;
}
.PinturaInputFormInner > .PinturaButton .PinturaButtonIcon {
  width: 0.875em;
  height: 0.875em;
}
.PinturaInputFormInner > .PinturaButton.PinturaButtonIconOnly {
  width: 1.875em;
  height: 1.875em;
}
.PinturaInputFormInner > .PinturaButton .PinturaButtonLabel {
  font-size: 0.875em;
}
.PinturaInputFormInner > .PinturaButton .PinturaButtonInner {
  line-height: 2;
  display: flex;
  justify-content: center;
}
.PinturaInputFormInner {
  padding-top: 1em;
  padding-bottom: 3.5em;
}
.PinturaInputFormInner > .PinturaButton {
  position: absolute;
  bottom: 1em;
}
.PinturaInputFormFields textarea:only-child {
  width: 100%;
  padding: 0 1em 0.5em;
  height: 5em;
  display: block;
  background: transparent;
  -webkit-mask: linear-gradient(0deg, transparent, #000 1em);
  mask: linear-gradient(0deg, transparent, #000 1em);
}
.PinturaInputFormFields textarea:only-child::-webkit-scrollbar {
  width: 1em;
  cursor: pointer;
}
.PinturaInputFormFields textarea:only-child::-webkit-scrollbar-track {
  background: none;
}
.PinturaInputFormFields textarea:only-child::-webkit-scrollbar-thumb {
  cursor: pointer;
  background-clip: padding-box;
  background-color: var(--color-foreground-70);
  border-radius: 9999em;
  border: 0.25em solid transparent;
}
.PinturaInputForm input, .PinturaInputForm textarea {
  box-sizing: border-box;
  resize: none;
  border: none;
  font-size: 1rem;
  outline: transparent;
  color: var(--color-foreground-100);
}
.PinturaInputForm input {
  background-color: var(--color-background-100);
}
.PinturaModalBodyLock .PinturaInputForm {
  margin-top: -50px;
}
.PinturaShapePresetsList {
  display: flex;
  align-items: center;
}
.PinturaShapePresetsList text {
  font-family: monospace;
}
.PinturaShapePresetsList .PinturaShapePreset {
  display: flex;
  justify-content: center;
  align-items: center;
}
.PinturaShapePresetsList .PinturaShapePreset img, .PinturaShapePresetsList .PinturaShapePreset svg {
  display: block;
  width: 1.75em;
  height: 1.75em;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.3125em;
}
.PinturaShapePresetsList .PinturaShapePreset .PinturaDragButton {
  padding: 0.3125em;
  border-radius: var(--border-radius);
  box-shadow: inset 0 0 0 1px var(--color-foreground-5);
}
.PinturaShapePresetsList .PinturaShapePreset .PinturaDragButton:hover {
  background-color: var(--color-foreground-10);
}
.PinturaShapePresetsList .PinturaShapePreset + .PinturaShapePreset {
  margin-left: 0.5em;
}
.PinturaContentEditable {
  white-space: pre-line !important;
  word-break: break-word !important;
  display: inline-block !important;
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}
.PinturaContentEditable[data-wrap-content=nowrap] {
  white-space: nowrap !important;
  word-break: normal !important;
}
.PinturaContentEditable {
  background: transparent !important;
  margin: 0 !important;
  border-radius: 0 !important;
  max-width: none !important;
  min-width: auto !important;
  box-shadow: none !important;
}
.PinturaShapeManipulator {
  position: absolute;
  left: 0;
  top: 0;
  outline: none;
  touch-action: none;
  --size:0.75em;
}
.PinturaShapeManipulator:not([data-control=edge]) {
  margin-left: calc(var(--size) * -0.5);
  margin-top: calc(var(--size) * -0.5);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  border-radius: 9999em;
}
.PinturaShapeManipulator:not([data-control=edge]):after {
  position: absolute;
  left: -0.5em;
  right: -0.5em;
  top: -0.5em;
  bottom: -0.5em;
  content: "";
}
.PinturaShapeManipulator:not([data-control=edge])[data-focus-visible]:after {
  border-radius: inherit;
  background-color: var(--color-focus-50);
  box-shadow: inset 0 0 0 1px var(--color-focus-100);
}
.PinturaShapeManipulator[data-control=point] {
  background: linear-gradient(90deg, var(--color-secondary-dark), var(--color-secondary));
  box-shadow: 0 0 0 2px #fff, 0 0 4px #000;
  z-index: 3;
}
.PinturaShapeManipulator[data-control=edge] {
  margin-top: calc(var(--size) * -0.5);
  height: var(--size);
  width: 1px;
  z-index: 1;
  transform-origin: 0 calc(var(--size) * 0.5);
}
.PinturaShapeManipulator[data-control=edge][data-focus-visible] {
  background-color: var(--color-focus-50);
}
.PinturaShapeManipulator[data-control=rotate] {
  border-radius: 9999em;
  background: linear-gradient(90deg, #fff, #ddd);
  box-shadow: 0 0 0 2px var(--color-secondary-dark), 0 0 4px #000;
  z-index: 2;
  cursor: move;
}
.PinturaDragButton {
  cursor: var(--button-cursor);
  outline: transparent;
}
.PinturaDragButton > * {
  pointer-events: none;
}
.PinturaDragButton {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: filter 0.2s ease-out;
}
.PinturaDragButton[disabled] {
  filter: var(--filter-disabled);
}
.auau-nuxt-image-upload {
  padding-top: 4px;
}
.auau-nuxt-image-upload img {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.auau-nuxt-image-upload .filepond--panel-root {
  background-color: transparent;
}
.auau-nuxt-image-upload .filepond--root .filepond--drop-label {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%237B7B7BFF' stroke-width='4' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: 10px;
  min-height: 200px;
}
.auau-nuxt-image-upload .filepond--list {
  top: 16px;
}
.auau-nuxt-image-upload .filepond--label-action {
  text-decoration: none;
}
.auau-nuxt-image-upload .filepond--label-action span {
  color: var(--auau-800, #f8b818);
  text-decoration: underline;
  text-decoration-color: #949494;
}
.auau-nuxt-image-upload .filepond--item {
  margin: 0;
}
.auau-nuxt-image-upload .filepond--file-status-main {
  display: none;
}
.auau-nuxt-image-upload .filepond--file-status-sub {
  display: none;
}
@media (min-width: 1128px) {
.auau-nuxt-image-upload.auau-nuxt-image-upload__multiple .filepond--list {
    display: flex;
    flex-wrap: wrap;
    gap: 0 16px;
}
.auau-nuxt-image-upload.auau-nuxt-image-upload__multiple .filepond--list li {
    margin-top: 16px;
    transform: unset !important;
    position: relative;
}
.auau-nuxt-image-upload.auau-nuxt-image-upload__multiple .filepond--list li:nth-child(-n+3) {
    margin-top: 24px;
}
.auau-nuxt-image-upload.auau-nuxt-image-upload__multiple .filepond--item {
    width: calc(33% - 0.5rem);
}
}
@media (max-width: 1127px) {
.auau-nuxt-image-upload.auau-nuxt-image-upload__multiple .filepond--list {
    display: flex;
    flex-wrap: wrap;
    gap: 0 16px;
}
.auau-nuxt-image-upload.auau-nuxt-image-upload__multiple .filepond--list li {
    margin-top: 16px;
    transform: unset !important;
    position: relative;
}
.auau-nuxt-image-upload.auau-nuxt-image-upload__multiple .filepond--list li:nth-child(-n+2) {
    margin-top: 24px;
}
.auau-nuxt-image-upload.auau-nuxt-image-upload__multiple .filepond--item {
    width: calc(50% - 0.5rem);
}
}
@media (max-width: 767px) {
.auau-nuxt-image-upload.auau-nuxt-image-upload__multiple .filepond--list {
    display: block;
    gap: 0;
    margin-top: 24px;
}
.auau-nuxt-image-upload.auau-nuxt-image-upload__multiple .filepond--list li {
    margin-top: 8px;
}
.auau-nuxt-image-upload.auau-nuxt-image-upload__multiple .filepond--list li:nth-child(-n+2) {
    margin-top: 8px;
}
.auau-nuxt-image-upload.auau-nuxt-image-upload__multiple .filepond--item {
    width: auto;
}
}
.auau-nuxt-custom-field__html-text {
  display: inline-block;
  max-width: 100%;
  word-wrap: break-word;
  word-break: break-all;
}
.red-asterisk {
  color: #dc3030;
}
.auau-nuxt-event-card__card {
  overflow: hidden;
  width: 100%;
  margin-bottom: 16px;
}
.auau-nuxt-event-card__card .auau-nuxt-event-card__time {
  color: var(--color);
  position: relative;
  padding: 4px 16px;
  background-color: transparent;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-event-card__card .auau-nuxt-event-card__time::after {
  content: "";
  border-radius: 4px 4px 0 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.1;
  background-color: var(--color);
}
.auau-nuxt-event-card__card .auau-nuxt-event-card__content {
  display: grid;
  background-color: #fafafc;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto auto;
  border-radius: 0 0 4px 4px;
  padding: 8px 16px;
  gap: 8px;
}
.auau-nuxt-event-card__card .auau-nuxt-event-card__content .auau-nuxt-event-card__name {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  color: #2d2d2d;
}
.auau-nuxt-event-card__card .auau-nuxt-event-card__content .auau-nuxt-event-card__type-tag {
  font-size: 11px;
  font-weight: 300;
  line-height: 16px;
  color: var(--auau-800, #f8b818);
  padding: 2px 8px;
  border: 1px solid var(--auau-800, #f8b818);
  border-radius: 40px;
  width: max-content;
}
@media (max-width: 1127px) {
.auau-nuxt-event-card__card .auau-nuxt-event-card__time::after {
    border-radius: 8px 8px 0 0;
}
.auau-nuxt-event-card__card .auau-nuxt-event-card__content {
    border-radius: 0 0 8px 8px;
}
}
.auau-nuxt-daily-calendar .auau-nuxt-daily-calendar__date-label {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  padding-bottom: 16px;
}
.auau-nuxt-daily-calendar .auau-nuxt-daily-calendar__date-section {
  margin-bottom: 48px;
}
.auau-nuxt-daily-calendar .auau-nuxt-daily-calendar__date-section .auau-nuxt-daily-calendar__date-label {
  padding-bottom: 16px;
}
.auau-nuxt-daily-calendar .auau-nuxt-daily-calendar__date-section.auau-nuxt-daily-calendar__today .auau-nuxt-daily-calendar__date-label {
  color: var(--auau-800, #f8b818);
}
.auau-nuxt-datepicker-button {
  width: max-content;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  column-gap: 4px;
  align-items: center;
  height: 45px;
}
.auau-nuxt-datepicker-button.auau-nuxt-datepicker-button__disabled {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  pointer-events: none;
}
.auau-nuxt-datepicker-button.auau-nuxt-datepicker-button__disabled .auau-nuxt-datepicker-button__calendar-button,
.auau-nuxt-datepicker-button.auau-nuxt-datepicker-button__disabled .auau-nuxt-datepicker-button__chevron-button,
.auau-nuxt-datepicker-button.auau-nuxt-datepicker-button__disabled .auau-nuxt-datepicker-button__date-label {
  color: #d1d1d1 !important;
}
.auau-nuxt-datepicker-button .auau-nuxt-datepicker-button__calendar-button {
  color: var(--auau-800, #f8b818);
}
.auau-nuxt-datepicker-button .auau-nuxt-datepicker-button__date-label {
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
  margin: 0 26px;
  color: #2d2d2d;
}
@media (max-width: 767px) {
.auau-nuxt-datepicker-button .auau-nuxt-datepicker-button__date-label {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-datepicker-button .auau-nuxt-datepicker {
  height: max-content;
  background-color: transparent;
}
.auau-nuxt-datepicker-button .modal-wrapper {
  padding-bottom: 0;
}
.auau-nuxt-datepicker-button .auau-nuxt-datepicker-button__chevron-button {
  color: #949494;
}
.auau-nuxt-email-subscription-bar {
  background-color: #fafafc;
  width: 100%;
}
.auau-nuxt-email-subscription-bar .auau-nuxt-email-subscription-bar__wrapper {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr) 336px 160px;
  gap: 16px;
  align-items: center;
  padding: 34px 0;
}
.auau-nuxt-email-subscription-bar .auau-nuxt-email-subscription-bar__text {
  margin-right: auto;
  margin-left: 10px;
}
.auau-nuxt-email-subscription-bar .auau-nuxt-email-subscription-bar__text-primary {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  color: var(--auau-800, #f8b818);
  margin-bottom: 5px;
}
@media (max-width: 767px) {
.auau-nuxt-email-subscription-bar .auau-nuxt-email-subscription-bar__text-primary {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
.auau-nuxt-email-subscription-bar .auau-nuxt-email-subscription-bar__text-secondary {
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  color: #949494;
}
.auau-nuxt-email-subscription-bar .auau-nuxt-email-subscription-bar__text-field {
  max-width: 336px;
}
@media (max-width: 1127px) {
.auau-nuxt-email-subscription-bar .auau-nuxt-email-subscription-bar__wrapper {
    grid-template-columns: minmax(0, 1fr);
}
.auau-nuxt-email-subscription-bar .auau-nuxt-email-subscription-bar__text-field {
    width: 100%;
}
.auau-nuxt-email-subscription-bar .auau-nuxt-email-subscription-bar__submit-button {
    width: 100%;
}
}
.auau-nuxt-enrollment-card {
  padding: 24px;
  display: grid;
  grid-auto-columns: auto;
  grid-template-columns: max-content minmax(0, 1fr) max-content;
  gap: 8px 48px;
  align-items: center;
  background: #fafafc;
  border-radius: 8px;
  position: relative;
  grid-template-areas: "name name status" "participant-name participant-name status" ". . status" "date time status" "type address status";
}
.auau-nuxt-enrollment-card .auau-nuxt-enrollment-card__participant-name {
  grid-area: participant-name;
  margin-top: 8px;
}
.auau-nuxt-enrollment-card .auau-nuxt-enrollment-card__date {
  grid-area: date;
}
.auau-nuxt-enrollment-card .auau-nuxt-enrollment-card__time {
  grid-area: time;
}
.auau-nuxt-enrollment-card .auau-nuxt-enrollment-card__type {
  grid-area: type;
}
.auau-nuxt-enrollment-card .auau-nuxt-enrollment-card__address {
  grid-area: address;
}
.auau-nuxt-enrollment-card .auau-nuxt-enrollment-card__detail-button {
  position: absolute;
  right: 22px;
  bottom: 22px;
}
.auau-nuxt-enrollment-card .auau-nuxt-enrollment-card__event-name {
  grid-area: name;
  max-width: fit-content;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-enrollment-card .auau-nuxt-enrollment-card__event-name {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-enrollment-card .auau-nuxt-enrollment-card__attendance {
  grid-area: 3/1/4/2;
}
.auau-nuxt-enrollment-card .auau-nuxt-enrollment-card__staff-name {
  grid-area: var(--area);
}
.auau-nuxt-enrollment-card .auau-nuxt-enrollment-card__status {
  grid-area: status;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  display: flex;
  align-items: center;
  align-self: flex-start;
  margin-top: 4px;
  color: var(--color);
}
@media (max-width: 767px) {
.auau-nuxt-enrollment-card .auau-nuxt-enrollment-card__status {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-enrollment-card .auau-nuxt-enrollment-card__status .auau-nuxt-enrollment-card__ellipse {
  margin: 3px 8px 0 auto;
  width: 16px;
  height: 16px;
  background-color: #38c172;
  border-radius: 50%;
  display: inline-block;
  background-color: var(--color);
}
.auau-nuxt-enrollment-card .auau-nuxt-enrollment-card__timeout {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
}
@media (max-width: 1127px) {
.auau-nuxt-enrollment-card {
    padding: 16px;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px 0;
    grid-template-areas: "name " "participant-name" "attendance" "staff " "date " "type " "time" "address" "status";
}
.auau-nuxt-enrollment-card .auau-nuxt-enrollment-card__participant-name {
    grid-area: participant-name;
    margin-top: 8px;
}
.auau-nuxt-enrollment-card .auau-nuxt-enrollment-card__attendance {
    grid-area: attendance;
}
.auau-nuxt-enrollment-card .auau-nuxt-enrollment-card__staff-name {
    grid-area: staff;
    margin-top: 0;
}
.auau-nuxt-enrollment-card .auau-nuxt-enrollment-card__status {
    margin-top: 8px;
}
.auau-nuxt-enrollment-card .auau-nuxt-enrollment-card__status .auau-nuxt-enrollment-card__ellipse {
    margin: 3px 8px 0 0;
}
.auau-nuxt-enrollment-card .auau-nuxt-enrollment-card__detail-button {
    right: 12px;
    bottom: 15px;
}
}
.auau-nuxt-error-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content minmax(0, 1fr);
  grid-template-rows: 400px minmax(0, 1fr);
}
.auau-nuxt-error-page .auau-nuxt-error-page__404 {
  grid-area: 1/1/2/4;
  margin-left: auto;
  margin-right: auto;
}
.auau-nuxt-error-page .auau-nuxt-error-page__404 img {
  max-height: 400px;
}
.auau-nuxt-error-page .auau-nuxt-error-page__bottom-left,
.auau-nuxt-error-page .auau-nuxt-error-page__bottom-right {
  display: grid;
  overflow: hidden;
}
.auau-nuxt-error-page .auau-nuxt-error-page__bottom-left img,
.auau-nuxt-error-page .auau-nuxt-error-page__bottom-right img {
  min-width: 650px;
  max-width: none;
  align-self: flex-end;
}
.auau-nuxt-error-page .auau-nuxt-error-page__bottom-left {
  justify-content: flex-end;
}
.auau-nuxt-error-page .auau-nuxt-error-page__bottom-right {
  justify-content: flex-start;
}
.auau-nuxt-error-page .auau-nuxt-error-page__center {
  min-width: 252px;
  max-width: 300px;
  display: grid;
  justify-items: center;
  height: max-content;
  margin: 0 60px 0 60px;
  text-align: center;
  grid-template-columns: minmax(0, 1fr);
}
.auau-nuxt-error-page .auau-nuxt-error-page__center .auau-nuxt-error-page__center-bold-label {
  font-weight: 700;
  font-size: 60px;
  line-height: 87px;
}
.auau-nuxt-error-page .auau-nuxt-error-page__center .auau-nuxt-error-page__center-label {
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  color: #949494;
  width: max-content;
  margin-top: 8px;
  margin-bottom: 36px;
}
.auau-nuxt-error-page .auau-nuxt-error-page__center .auau-nuxt-error-page__center-home-button {
  padding-left: 48px;
  padding-right: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-error-page {
    grid-template-columns: 1fr;
    grid-template-rows: max-content max-content minmax(250px, 1fr);
    height: 100vh;
}
.auau-nuxt-error-page .auau-nuxt-error-page__404 {
    grid-area: 1/1/2/2;
}
.auau-nuxt-error-page .auau-nuxt-error-page__center {
    grid-area: 2/1/3/2;
    justify-self: center;
}
.auau-nuxt-error-page .auau-nuxt-error-page__logo-container {
    position: relative;
    overflow: hidden;
    height: 100%;
    margin-top: 25px;
}
.auau-nuxt-error-page .auau-nuxt-error-page__logo-container .auau-nuxt-error-page__mobile-bottom-left {
    position: absolute;
    left: -210px;
    top: 75px;
    height: 300px;
    overflow: hidden;
}
.auau-nuxt-error-page .auau-nuxt-error-page__logo-container .auau-nuxt-error-page__mobile-bottom-left img,
.auau-nuxt-error-page .auau-nuxt-error-page__logo-container .auau-nuxt-error-page__mobile-bottom-right img {
    width: 400px;
}
.auau-nuxt-error-page .auau-nuxt-error-page__logo-container .auau-nuxt-error-page__mobile-bottom-right {
    position: absolute;
    right: -175px;
    overflow: hidden;
}
}
.auau-nuxt-error-503-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content minmax(0, 1fr);
  grid-template-rows: 250px minmax(0, 1fr);
}
.auau-nuxt-error-503-page .auau-nuxt-error-503-page__spacer {
  grid-area: 1/1/2/4;
  margin-left: auto;
  margin-right: auto;
}
.auau-nuxt-error-503-page .auau-nuxt-error-503-page__spacer img {
  max-height: 400px;
}
.auau-nuxt-error-503-page .auau-nuxt-error-503-page__bottom-left,
.auau-nuxt-error-503-page .auau-nuxt-error-503-page__bottom-right {
  display: grid;
  overflow: hidden;
}
.auau-nuxt-error-503-page .auau-nuxt-error-503-page__bottom-left img,
.auau-nuxt-error-503-page .auau-nuxt-error-503-page__bottom-right img {
  min-width: 650px;
  max-width: none;
  align-self: flex-end;
}
.auau-nuxt-error-503-page .auau-nuxt-error-503-page__bottom-left {
  justify-content: flex-end;
}
.auau-nuxt-error-503-page .auau-nuxt-error-503-page__bottom-right {
  justify-content: flex-start;
}
.auau-nuxt-error-503-page .auau-nuxt-error-503-page__center {
  min-width: 252px;
  max-width: 300px;
  display: grid;
  justify-items: center;
  height: max-content;
  margin: 0 60px 0 60px;
  text-align: center;
  grid-template-columns: minmax(0, 1fr);
}
.auau-nuxt-error-503-page .auau-nuxt-error-503-page__center .auau-nuxt-error-503-page__center-bold-label {
  font-weight: 700;
  font-size: 60px;
  line-height: 87px;
}
.auau-nuxt-error-503-page .auau-nuxt-error-503-page__center .auau-nuxt-error-503-page__center-label {
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  color: #949494;
  width: 175%;
  margin-top: 8px;
  margin-bottom: 36px;
}
.auau-nuxt-error-503-page .auau-nuxt-error-503-page__center .auau-nuxt-error-503-page__center-home-button {
  padding-left: 48px;
  padding-right: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-error-503-page {
    grid-template-columns: 1fr;
    grid-template-rows: max-content minmax(250px, 1fr);
    height: 100vh;
}
.auau-nuxt-error-503-page .auau-nuxt-error-503-page__spacer {
    display: none;
}
.auau-nuxt-error-503-page .auau-nuxt-error-503-page__center {
    justify-self: center;
    margin-top: 50px;
}
.auau-nuxt-error-503-page .auau-nuxt-error-503-page__center .auau-nuxt-error-503-page__center-label {
    width: 150%;
}
.auau-nuxt-error-503-page .auau-nuxt-error-503-page__logo-container {
    position: relative;
    height: 100%;
    margin-top: 25px;
    overflow: hidden;
}
.auau-nuxt-error-503-page .auau-nuxt-error-503-page__logo-container .auau-nuxt-error-503-page__mobile-bottom-left {
    position: absolute;
    left: -210px;
    top: 75px;
    height: 300px;
    overflow: hidden;
}
.auau-nuxt-error-503-page .auau-nuxt-error-503-page__logo-container .auau-nuxt-error-503-page__mobile-bottom-left img,
.auau-nuxt-error-503-page .auau-nuxt-error-503-page__logo-container .auau-nuxt-error-503-page__mobile-bottom-right img {
    width: 400px;
}
.auau-nuxt-error-503-page .auau-nuxt-error-503-page__logo-container .auau-nuxt-error-503-page__mobile-bottom-right {
    position: absolute;
    right: -175px;
    overflow: hidden;
}
}
.auau-nuxt-facebook-signin {
  border-radius: 50%;
  height: 40px;
  width: 40px;
  cursor: pointer;
  color: #ffffff;
  border: 2px solid #004db1;
  background-color: #004db1;
  display: grid;
  align-items: center;
  justify-content: center;
}
.auau-nuxt-facebook-signin:active, .auau-nuxt-facebook-signin:hover {
  border-color: #004db1;
  background: #004db1;
}
.auau-nuxt-family-member-card {
  display: grid;
  grid-template-columns: max-content auto max-content;
  align-items: center;
  gap: 24px;
  background-color: #fafafc;
  padding: 16px 24px;
  border-radius: 8px;
}
.auau-nuxt-family-member-card .auau-nuxt-family-member-card__info {
  display: flex;
  flex-direction: column;
}
.auau-nuxt-family-member-card .auau-nuxt-family-member-card__info .auau-nuxt-family-member-card__info-name {
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
}
.auau-nuxt-family-member-card .auau-nuxt-family-member-card__info .auau-nuxt-family-member-card__info-relation {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
}
.auau-nuxt-footer {
  background-color: #fafafc;
  padding-top: 24px;
  padding-bottom: 24px;
}
.auau-nuxt-footer .footer-wrapper {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto auto auto;
  gap: 0 48px;
}
.auau-nuxt-footer .footer-name {
  grid-area: 1/1/2/2;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-footer .footer-name {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-footer .footer-description {
  grid-area: 2/1/3/2;
  color: #949494;
  margin-top: 16px;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-footer .footer-contact-title {
  grid-area: 1/2/2/3;
  justify-self: end;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-footer .footer-contact-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-footer .footer-contact {
  grid-area: 2/2/3/3;
  justify-self: end;
  margin-top: 16px;
  color: #949494;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-footer .footer-contact > * {
  text-align: right;
}
.auau-nuxt-footer .footer-social-media {
  grid-area: 3/1/4/2;
  align-items: end;
  display: flex;
  gap: 16px;
  margin-top: 24px;
}
.auau-nuxt-footer .footer-social-media > * {
  height: 48px;
  width: 48px;
}
.auau-nuxt-footer .footer-links {
  grid-area: 4/1/5/2;
  display: flex;
  justify-content: start;
  align-items: end;
  margin-top: 24px;
  gap: 24px;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-footer .footer-links > a {
  color: #2d2d2d;
  text-decoration: none;
  font-weight: 500;
}
@media (max-width: 1127px) {
.auau-nuxt-footer .footer-wrapper {
    grid-template-columns: 100%;
    grid-template-rows: auto auto auto auto auto auto;
}
.auau-nuxt-footer .footer-contact-title {
    grid-area: 3/1/4/2;
    justify-self: start;
    margin-top: 24px;
}
.auau-nuxt-footer .footer-contact,
.auau-nuxt-footer .footer-description {
    margin-top: 8px;
}
.auau-nuxt-footer .footer-contact {
    grid-area: 4/1/5/2;
    justify-self: start;
}
.auau-nuxt-footer .footer-contact > * {
    text-align: left;
}
.auau-nuxt-footer .footer-social-media {
    grid-area: 5/1/6/2;
}
.auau-nuxt-footer .footer-links {
    grid-area: 6/1/7/2;
    justify-content: start;
}
}
.auau-nuxt-footer-copyright {
  align-items: center;
  padding: 15px;
  display: flex;
  width: max-content;
  margin: 0 auto;
}
.auau-nuxt-footer-copyright:hover {
  cursor: pointer;
}
.auau-nuxt-footer-copyright span {
  margin-right: 10px;
}
.auau-nuxt-footer-copyright img {
  height: 23px;
}
@media (max-width: 1127px) {
.auau-nuxt-footer-copyright {
    gap: 0;
}
.auau-nuxt-footer-copyright span {
    font-size: 11px;
    font-weight: 300;
    line-height: 16px;
}
.auau-nuxt-footer-copyright img {
    height: 25px;
}
}
.auau-nuxt-forgot-password-card {
  background: #ffffff;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  overflow: hidden;
  max-width: 423px;
  margin-top: 48px;
  margin-bottom: 96px;
  margin-left: auto;
  margin-right: auto;
}
.auau-nuxt-forgot-password-card .auau-nuxt-forgot-password-card__form {
  padding: 24px;
}
.auau-nuxt-forgot-password-card .auau-nuxt-forgot-password-card__form .auau-nuxt-button {
  width: 100%;
}
.auau-nuxt-forgot-password-card .auau-nuxt-forgot-password-card__form .auau-nuxt-text-field {
  margin-bottom: 24px;
}
.auau-nuxt-forgot-password-card .auau-nuxt-forgot-password-card__form .auau-nuxt-text-field label {
  color: #949494;
}
.auau-nuxt-forgot-password-card .auau-nuxt-forgot-password-card__form .auau-nuxt-forgot-password-card__sent-message {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  text-align: justify;
}
@media (max-width: 767px) {
.auau-nuxt-forgot-password-card {
    padding: 0;
    margin: 24px -24px;
    max-width: var(--vw-px);
    box-shadow: none;
}
}
.auau-nuxt-forgot-password-card .auau-nuxt-forgot-password-card__header {
  padding: 24px;
  border-bottom: 1px solid #d1d1d1;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-forgot-password-card .auau-nuxt-forgot-password-card__header {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}

.auau-nuxt-lang-switch {
  width: max-content;
  position: relative;
  min-width: max-content;
}
.auau-nuxt-lang-switch:hover .auau-nuxt-lang-switch__options {
  display: block;
}
.auau-nuxt-lang-switch:hover .auau-nuxt-lang-switch__current-locale .auau-nuxt-icon {
  transform: rotate(180deg);
}
.auau-nuxt-lang-switch .auau-nuxt-lang-switch__current-locale {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.auau-nuxt-lang-switch .auau-nuxt-lang-switch__options {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none;
  padding: 8px;
  width: max-content;
}
.auau-nuxt-lang-switch .auau-nuxt-lang-switch__options-wrapper {
  border-radius: 8px;
  padding: 16px;
  background-color: #ffffff;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);
  gap: 16px;
  display: flex;
  flex-direction: column;
}
.auau-nuxt-lang-switch .auau-nuxt-lang-switch__option {
  padding: 4px 8px;
  border-radius: 8px;
  text-align: center;
  cursor: pointer;
}
.auau-nuxt-lang-switch .auau-nuxt-lang-switch__option .auau-nuxt-icon {
  margin-left: 8px;
}
.auau-nuxt-lang-switch .auau-nuxt-lang-switch__option-clickable:hover {
  background-color: var(--auau-200, #fef1d1);
  color: var(--auau-900, #f89d00);
}
@media (max-width: 1127px) {
.auau-nuxt-lang-switch {
    width: 100%;
}
.auau-nuxt-lang-switch:hover .auau-nuxt-lang-switch__current-locale .auau-nuxt-icon {
    transform: none;
}
.auau-nuxt-lang-switch .auau-nuxt-lang-switch__wrapper {
    padding: 0;
    border-radius: 0;
}
.auau-nuxt-lang-switch .auau-nuxt-lang-switch__current-locale {
    justify-content: space-between;
    align-items: center;
    color: #949494;
}
.auau-nuxt-lang-switch .auau-nuxt-lang-switch__dropdown-wrapper {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    color: #949494;
}
}
.auau-nuxt-header-user-card {
  width: max-content;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  background-color: #ffffff;
  min-width: 225px;
  z-index: 1;
  position: absolute;
  margin-top: 8px;
  top: 100%;
  right: 0;
  /* header */
  /* main content */
  /* footer */
}
.auau-nuxt-header-user-card .auau-nuxt-header-user-card__header {
  padding: 24px;
  border-bottom: 1px solid #d1d1d1;
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-template-rows: auto;
}
.auau-nuxt-header-user-card .auau-nuxt-header-user-card__header .auau-nuxt-avatar {
  grid-area: 1/1/3/2;
  margin-right: 15px;
}
.auau-nuxt-header-user-card .auau-nuxt-header-user-card__name {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  align-self: end;
}
@media (max-width: 767px) {
.auau-nuxt-header-user-card .auau-nuxt-header-user-card__name {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-header-user-card .auau-nuxt-header-user-card__email {
  font-size: 11px;
  font-weight: 300;
  line-height: 16px;
  color: #949494;
}
.auau-nuxt-header-user-card .auau-nuxt-header-user-card__menu {
  padding: 14px 16px;
}
.auau-nuxt-header-user-card .auau-nuxt-header-user-card__menu-item {
  color: #949494;
  border-radius: 8px;
  padding: 6px 8px;
  margin-top: 8px;
}
.auau-nuxt-header-user-card .auau-nuxt-header-user-card__menu-item > a {
  text-decoration: none;
  color: inherit;
}
.auau-nuxt-header-user-card .auau-nuxt-header-user-card__menu-item:hover {
  background-color: var(--auau-200, #fef1d1);
}
.auau-nuxt-header-user-card .auau-nuxt-header-user-card__menu-item:first-child {
  margin-top: 0px;
}
.auau-nuxt-header-user-card .auau-nuxt-header-user-card__footer {
  padding: 20px 24px;
  padding-top: 0px;
}
.auau-nuxt-header-user-card .auau-nuxt-header-user-card__logout {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-notification-bell {
  position: relative;
  width: max-content;
}
.auau-nuxt-notification-bell .auau-nuxt-notification-bell__ellipse {
  position: absolute;
  width: var(--size);
  height: var(--size);
  background-color: #dc3030;
  border-radius: 50%;
  top: 10%;
  right: 20%;
}
.auau-nuxt-header.auau-nuxt-header__desktop {
  color: #626262;
  background: rgba(255, 255, 255, 0.93);
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.07);
  backdrop-filter: blur(22px);
}
.auau-nuxt-header.auau-nuxt-header__desktop.disable-header-shadow {
  box-shadow: none;
}
.auau-nuxt-header.auau-nuxt-header__desktop.auau-nuxt-header__fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 300;
}
.auau-nuxt-header.auau-nuxt-header__desktop .auau-nuxt-header__wrapper {
  display: flex;
  align-items: center;
  height: 72px;
}
.auau-nuxt-header.auau-nuxt-header__desktop .auau-nuxt-header__site-logo {
  margin-right: 48px;
  position: relative;
  display: flex;
}
.auau-nuxt-header.auau-nuxt-header__desktop .auau-nuxt-header__site-logo > a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.auau-nuxt-header.auau-nuxt-header__desktop .auau-nuxt-header__site-logo > .auau-nuxt-image img {
  width: auto;
  max-width: 100px;
  max-height: 60px;
  object-fit: contain;
}
.auau-nuxt-header.auau-nuxt-header__desktop .auau-nuxt-header__nav {
  display: flex;
  height: 100%;
  gap: 24px;
}
.auau-nuxt-header.auau-nuxt-header__desktop .auau-nuxt-header__nav .auau-nuxt-header__nav-item {
  display: flex;
  position: relative;
}
.auau-nuxt-header.auau-nuxt-header__desktop .auau-nuxt-header__nav .auau-nuxt-header__nav-item > span {
  margin: auto;
  position: relative;
}
.auau-nuxt-header.auau-nuxt-header__desktop .auau-nuxt-header__nav .auau-nuxt-header__nav-item > span > a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.auau-nuxt-header.auau-nuxt-header__desktop .auau-nuxt-header__nav .auau-nuxt-header__nav-item:hover > span {
  color: var(--auau-700, #f9ce5c);
}
.auau-nuxt-header.auau-nuxt-header__desktop .auau-nuxt-header__nav .auau-nuxt-header__nav-item:hover > .auau-nuxt-header__nav-dropdown {
  opacity: 1;
  visibility: visible;
}
.auau-nuxt-header.auau-nuxt-header__desktop .auau-nuxt-header__nav-item > .auau-nuxt-header__nav-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  padding-top: 8px;
  opacity: 0;
  visibility: hidden;
}
.auau-nuxt-header.auau-nuxt-header__desktop .auau-nuxt-header__nav-item > .auau-nuxt-header__nav-dropdown .auau-nuxt-header__nav-dropdown-wrapper {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 10px;
  min-width: 150px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);
}
.auau-nuxt-header.auau-nuxt-header__desktop .auau-nuxt-header__nav-item > .auau-nuxt-header__nav-dropdown .auau-nuxt-header__dropdown-item {
  border-radius: 8px;
  margin-bottom: 8px;
  padding: 5px 16px;
  position: relative;
}
.auau-nuxt-header.auau-nuxt-header__desktop .auau-nuxt-header__nav-item > .auau-nuxt-header__nav-dropdown .auau-nuxt-header__dropdown-item > span a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.auau-nuxt-header.auau-nuxt-header__desktop .auau-nuxt-header__nav-item > .auau-nuxt-header__nav-dropdown .auau-nuxt-header__dropdown-item:first-child {
  margin-top: 8px;
}
.auau-nuxt-header.auau-nuxt-header__desktop .auau-nuxt-header__nav-item > .auau-nuxt-header__nav-dropdown .auau-nuxt-header__dropdown-item:hover {
  color: var(--auau-700, #f9ce5c);
  background-color: var(--auau-100, #fef8e8);
}
.auau-nuxt-header.auau-nuxt-header__desktop .auau-nuxt-header__actions {
  margin-left: auto;
}
.auau-nuxt-header.auau-nuxt-header__desktop .auau-nuxt-header__actions {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 32px;
}
.auau-nuxt-header.auau-nuxt-header__desktop .auau-nuxt-header__avatar {
  position: relative;
  height: 100%;
  display: flex;
}
.auau-nuxt-header.auau-nuxt-header__desktop .auau-nuxt-header__avatar .auau-nuxt-header-user-card__target {
  display: contents;
}
.auau-nuxt-header.auau-nuxt-header__desktop .auau-nuxt-header__avatar .auau-nuxt-header-user-card__target > .auau-nuxt-avatar {
  margin: auto;
}
.auau-nuxt-header.auau-nuxt-header__desktop .auau-nuxt-lang-switch__current-locale {
  height: 72px;
}
.auau-nuxt-header.auau-nuxt-header__mobile {
  position: relative;
}
.auau-nuxt-header.auau-nuxt-header__mobile.auau-nuxt-header__fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 300;
}
.auau-nuxt-header.auau-nuxt-header__mobile.disable-header-shadow .auau-nuxt-header__app-bar {
  box-shadow: none;
}
.auau-nuxt-header.auau-nuxt-header__mobile .auau-nuxt-header__site-logo {
  position: relative;
}
.auau-nuxt-header.auau-nuxt-header__mobile .auau-nuxt-header__site-logo > a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.auau-nuxt-header.auau-nuxt-header__mobile .auau-nuxt-header__site-logo > .auau-nuxt-image img {
  width: auto;
  max-width: 100px;
  max-height: 48px;
  object-fit: contain;
}
.auau-nuxt-header.auau-nuxt-header__mobile .auau-nuxt-header__account-button {
  grid-area: 1/3/3/4;
  align-self: center;
  position: unset !important;
  padding: 6px 24px;
}
.auau-nuxt-header.auau-nuxt-header__mobile .auau-nuxt-header__app-bar {
  background: rgba(255, 255, 255, 0.93);
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.07);
  backdrop-filter: blur(22px);
  height: 56px;
}
.auau-nuxt-header.auau-nuxt-header__mobile .auau-nuxt-header__app-bar .auau-nuxt-container {
  display: flex;
  align-items: center;
  height: 100%;
}
.auau-nuxt-header.auau-nuxt-header__mobile .auau-nuxt-header__app-bar .auau-nuxt-header__actions {
  margin-left: auto;
  display: grid;
  grid-template-columns: max-content max-content max-content;
  align-items: center;
  gap: 16px;
}
.auau-nuxt-header.auau-nuxt-header__mobile .auau-nuxt-header__nav {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #ffffff;
}
.auau-nuxt-header.auau-nuxt-header__mobile .auau-nuxt-header__close-btn {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 1;
}
.auau-nuxt-header.auau-nuxt-header__mobile .auau-nuxt-header__user-info {
  padding: 48px 24px 20px 24px;
  border-bottom: 1px solid #d1d1d1;
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-template-rows: auto;
  position: relative;
}
.auau-nuxt-header.auau-nuxt-header__mobile .auau-nuxt-header__user-info .auau-nuxt-header__user-name {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  align-self: end;
}
@media (max-width: 767px) {
.auau-nuxt-header.auau-nuxt-header__mobile .auau-nuxt-header__user-info .auau-nuxt-header__user-name {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-header.auau-nuxt-header__mobile .auau-nuxt-header__user-info .auau-nuxt-header__user-email {
  font-size: 11px;
  font-weight: 300;
  line-height: 16px;
  color: #949494;
}
.auau-nuxt-header.auau-nuxt-header__mobile .auau-nuxt-header__user-info .auau-nuxt-header__login {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  color: var(--auau-800, #f8b818);
  grid-area: 1/2/3/3;
  align-self: center;
}
@media (max-width: 767px) {
.auau-nuxt-header.auau-nuxt-header__mobile .auau-nuxt-header__user-info .auau-nuxt-header__login {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-header.auau-nuxt-header__mobile .auau-nuxt-header__user-info .auau-nuxt-avatar {
  grid-area: 1/1/3/2;
  margin-right: 15px;
}
.auau-nuxt-header.auau-nuxt-header__mobile .auau-nuxt-header__user-info a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.auau-nuxt-header.auau-nuxt-header__mobile .auau-nuxt-header__menu {
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.auau-nuxt-header.auau-nuxt-header__mobile .auau-nuxt-header__nav-item {
  color: #949494;
  cursor: pointer;
}
.auau-nuxt-header.auau-nuxt-header__mobile .auau-nuxt-header__nav-item > span {
  position: relative;
}
.auau-nuxt-header.auau-nuxt-header__mobile .auau-nuxt-header__nav-item > span > a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.auau-nuxt-header.auau-nuxt-header__mobile .auau-nuxt-header__nav-item.open, .auau-nuxt-header.auau-nuxt-header__mobile .auau-nuxt-header__nav-item:last-child {
  margin-bottom: 0px;
}
.auau-nuxt-header.auau-nuxt-header__mobile .auau-nuxt-header__nav-item.open .auau-nuxt-header__nav-item-label .auau-nuxt-icon {
  transform: rotate(180deg);
}
.auau-nuxt-header.auau-nuxt-header__mobile .auau-nuxt-header__nav-item-label {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.auau-nuxt-header.auau-nuxt-header__mobile .auau-nuxt-header__nav-item-label > span {
  position: relative;
}
.auau-nuxt-header.auau-nuxt-header__mobile .auau-nuxt-header__nav-item-label > span > a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.auau-nuxt-header.auau-nuxt-header__mobile .auau-nuxt-header__nav-item-label .auau-nuxt-icon {
  position: absolute;
  top: -3px;
  right: 0;
}
.auau-nuxt-header.auau-nuxt-header__mobile .auau-nuxt-header__nav-sub-items {
  margin-top: 24px;
  padding-left: 24px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.auau-nuxt-header.auau-nuxt-header__mobile .auau-nuxt-header__nav-sub-items::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: #d1d1d1;
}
.auau-nuxt-header.auau-nuxt-header__mobile .auau-nuxt-header__nav-lang {
  border-top: 1px solid #d1d1d1;
  padding-top: 24px;
}
.auau-nuxt-header.auau-nuxt-header__mobile .auau-nuxt-header__nav-footer {
  border-top: 1px solid #d1d1d1;
  padding: 20px 24px 20px 24px;
}
.auau-nuxt-home-banner .auau-nuxt-banner {
  max-height: 355px;
  margin-top: -48px;
}
@media (max-width: 1127px) {
.auau-nuxt-home-banner .auau-nuxt-banner {
    margin-top: -24px;
}
}
@media (max-width: 767px) {
.auau-nuxt-home-banner {
    max-height: 130px;
    border-radius: 0;
    max-width: var(--vw-px);
    width: var(--vw-px);
    margin-left: -24px;
    margin-right: -24px;
    width: auto;
}
.auau-nuxt-home-banner .auau-nuxt-image,
.auau-nuxt-home-banner .auau-nuxt-banner,
.auau-nuxt-home-banner img {
    max-height: inherit;
}
}
.auau-nuxt-image-preview .auau-nuxt-image-preview__image-icon {
  cursor: pointer;
  width: 200px;
  height: 100px;
}
.auau-nuxt-image-preview .auau-nuxt-image-preview__image-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.auau-nuxt-image-preview__modal {
  width: 100%;
  height: 100%;
}
.auau-nuxt-image-preview__modal .auau-nuxt-image-preview__image {
  max-width: 800px;
  padding: 5%;
  margin: auto;
}
.auau-nuxt-image-preview__modal .auau-nuxt-image-preview__chevron {
  height: max-content;
  align-self: center;
  position: fixed;
  top: 50%;
}
.auau-nuxt-image-preview__modal .auau-nuxt-image-preview__chevron.left {
  left: 0;
}
.auau-nuxt-image-preview__modal .auau-nuxt-image-preview__chevron.right {
  right: 0;
}
.auau-nuxt-image-upload-popup {
  display: flex;
}
.auau-nuxt-image-upload-popup .auau-nuxt-image-upload-popup__preview {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 32px 40px;
}
.auau-nuxt-image-upload-popup .auau-nuxt-image-upload-popup__preview > div {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.auau-nuxt-image-upload-popup .auau-nuxt-image-upload-popup__preview img {
  object-fit: cover;
  width: 64px;
  height: 64px;
}
.auau-nuxt-image-upload-popup .auau-nuxt-image-upload-popup__preview .auau-nuxt-image-upload-popup__img {
  cursor: zoom-in;
}
.auau-nuxt-image-upload-popup .auau-nuxt-image-upload-popup__preview .auau-nuxt-image-upload-popup__over img {
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);
}
.auau-nuxt-image-upload-popup .auau-nuxt-image-upload-popup__preview .auau-nuxt-image-upload-popup__over-label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #00000060;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
  color: #ffffff;
}
.auau-nuxt-image-upload-popup .auau-nuxt-image-upload-popup__preview .auau-nuxt-image-upload-popup__add-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%237B7B7BFF' stroke-width='4' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: 10px;
  width: 64px;
  height: 64px;
  cursor: pointer;
}
.auau-nuxt-image-upload-popup .auau-nuxt-image-upload-popup__preview .auau-nuxt-image-upload-popup__add-btn i {
  color: #949494;
}
.auau-nuxt-image-upload-popup__modal .auau-nuxt-modal-base__modal-wrapper {
  width: 100%;
}
.auau-nuxt-image-upload-popup__modal .auau-nuxt-image-upload-popup__modal-title {
  font-size: 38px;
  font-weight: 700;
  line-height: 55px;
}
@media (max-width: 767px) {
.auau-nuxt-image-upload-popup__modal .auau-nuxt-image-upload-popup__modal-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
.auau-nuxt-image-upload-popup__modal .auau-nuxt-image-upload-popup__modal-upload {
  margin: 48px 0;
}
.auau-nuxt-image-upload-popup__modal .auau-nuxt-scroll-container {
  min-height: 450px;
}
@media (max-width: 767px) {
.auau-nuxt-image-upload-popup__modal .auau-nuxt-scroll-container {
    max-height: calc(var(--vh-px) * 0.8);
    height: max-content !important;
}
}
.auau-nuxt-list-empty-graphic {
  margin-top: 80px;
  margin-bottom: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.auau-nuxt-list-empty-graphic .auau-nuxt-list-empty-graphic__image-wrapper {
  width: 80%;
  max-width: 230px;
}
.auau-nuxt-list-empty-graphic .auau-nuxt-list-empty-graphic__message {
  margin-top: 36px;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
}
.auau-nuxt-live-chat {
  position: fixed;
  right: 20px;
  bottom: 56px;
  z-index: 99;
}
.auau-nuxt-live-chat .auau-nuxt-live-chat__button {
  border-radius: 50%;
  height: 56px;
  width: 56px;
  margin-bottom: 10px;
  cursor: pointer;
  color: #ffffff;
  display: grid;
  align-items: center;
  justify-content: center;
}
.auau-nuxt-live-chat .whatsapp-button {
  border: 2px solid #38c172;
  background-color: #38c172;
}
.auau-nuxt-live-chat .whatsapp-button:active, .auau-nuxt-live-chat .whatsapp-button:hover {
  border-color: #38c172;
  background: #38c172;
}
.auau-nuxt-live-chat .facebook-button {
  border: 2px solid var(--auau-800, #f8b818);
  background-color: var(--auau-800, #f8b818);
}
.auau-nuxt-live-chat .facebook-button:active, .auau-nuxt-live-chat .facebook-button:hover {
  border-color: var(--auau-800, #f8b818);
  background: var(--auau-800, #f8b818);
}
.auau-nuxt-loading .auau-nuxt-loading__body {
  padding: 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.auau-nuxt-loading .auau-nuxt-loading__message {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-loading .auau-nuxt-loading__message {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-loading .auau-nuxt-loading__loader {
  height: var(--size);
  width: var(--size);
  -webkit-animation: auau-loader-1 4.8s linear infinite;
  animation: auau-loader-1 4.8s linear infinite;
}
.auau-nuxt-loading .auau-nuxt-loading__loader span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: var(--size);
  width: var(--size);
  clip: rect(0, var(--size), var(--size), calc(var(--size) / 2));
  -webkit-animation: auau-loader-2 1.2s linear infinite;
  animation: auau-loader-2 1.2s linear infinite;
}
.auau-nuxt-loading .auau-nuxt-loading__loader span::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: var(--size);
  width: var(--size);
  clip: rect(0, var(--size), var(--size), calc(var(--size) / 2));
  border: calc(var(--size) * 0.1) solid var(--auau-800, #f8b818);
  border-radius: 100%;
  -webkit-animation: loader-3 1.2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  animation: loader-3 1.2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@-webkit-keyframes auau-loader-1 {
0% {
    -webkit-transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
}
}
@keyframes auau-loader-1 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
@-webkit-keyframes auau-loader-2 {
0% {
    -webkit-transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(220deg);
}
}
@keyframes auau-loader-2 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(220deg);
}
}
@-webkit-keyframes loader-3 {
0% {
    -webkit-transform: rotate(-140deg);
}
50% {
    -webkit-transform: rotate(-160deg);
}
100% {
    -webkit-transform: rotate(140deg);
}
}
@keyframes loader-3 {
0% {
    transform: rotate(-140deg);
}
50% {
    transform: rotate(-160deg);
}
100% {
    transform: rotate(140deg);
}
}
.auau-nuxt-login-card {
  background: #ffffff;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  overflow: hidden;
  max-width: 423px;
  margin-top: 48px;
  margin-bottom: 96px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
.auau-nuxt-login-card {
    padding: 0;
    margin: 24px -24px;
    max-width: var(--vw-px);
    box-shadow: none;
}
}
.auau-nuxt-login-card .auau-nuxt-login-card__header {
  padding: 24px;
  border-bottom: 1px solid #d1d1d1;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-login-card .auau-nuxt-login-card__header {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-login-card .auau-nuxt-login-card__form {
  padding: 24px;
}
.auau-nuxt-login-card .auau-nuxt-login-card__form .auau-nuxt-button {
  width: 100%;
}
.auau-nuxt-login-card .auau-nuxt-login-card__form .auau-nuxt-text-field {
  margin-bottom: 24px;
}
.auau-nuxt-login-card .auau-nuxt-login-card__form .auau-nuxt-text-field label {
  color: #949494;
}
.auau-nuxt-login-card .auau-nuxt-login-card__form .auau-nuxt-login-card__flex-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}
.auau-nuxt-login-card .auau-nuxt-login-card__form .auau-nuxt-login-card__flex-wrapper .auau-nuxt-login-card__forget-password {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}
.auau-nuxt-login-card .auau-nuxt-login-card__form .auau-nuxt-login-card__flex-wrapper .auau-nuxt-login-card__forget-password a {
  color: #2d2d2d;
  text-decoration: none;
}
.auau-nuxt-login-card .auau-nuxt-login-card__form .auau-nuxt-login-card__flex-wrapper .auau-nuxt-login-card__remember-me {
  margin-left: auto;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
}
.auau-nuxt-login-card .auau-nuxt-login-card__social-media {
  padding-left: 24px;
  padding-right: 24px;
  margin-top: 24px;
  display: flex;
}
.auau-nuxt-login-card .auau-nuxt-login-card__social-media > * {
  margin-right: 24px;
}
.auau-nuxt-login-card .auau-nuxt-login-card__social-media > *:first-child {
  margin-left: auto;
}
.auau-nuxt-login-card .auau-nuxt-login-card__social-media > *:last-child {
  margin-right: auto;
}
.auau-nuxt-login-card .auau-nuxt-login-card__social-media-hr {
  text-align: center;
  overflow: hidden;
  color: #d1d1d1;
  font-size: 11px;
  font-weight: 300;
  line-height: 16px;
}
.auau-nuxt-login-card .auau-nuxt-login-card__social-media-hr > span {
  position: relative;
}
.auau-nuxt-login-card .auau-nuxt-login-card__social-media-hr > span:before, .auau-nuxt-login-card .auau-nuxt-login-card__social-media-hr > span:after {
  content: "";
  position: absolute;
  top: 50%;
  height: 1px;
  background-color: #d1d1d1;
}
.auau-nuxt-login-card .auau-nuxt-login-card__social-media-hr > span:before {
  right: calc(100% + 10px);
  width: 1000px;
}
.auau-nuxt-login-card .auau-nuxt-login-card__social-media-hr > span:after {
  left: calc(100% + 10px);
  width: 1000px;
}
.auau-nuxt-login-card .auau-nuxt-login-card__footer {
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  flex-direction: column;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-login-card .auau-nuxt-login-card__create-account {
  margin-left: auto;
  margin-right: auto;
}
.auau-nuxt-login-card .auau-nuxt-login-card__create-account a {
  color: var(--auau-800, #f8b818);
}
.auau-nuxt-login-logo {
  display: grid;
  grid-template-columns: repeat(auto-fill, 16px);
  gap: 0 12px;
}
.auau-nuxt-login-logo .auau-nuxt-login-logo__web img {
  width: 16px;
  height: 16px;
}
.auau-nuxt-login-logo .auau-nuxt-login-logo__web.logo-disabled img {
  filter: grayscale(100%);
}
.auau-nuxt-map .auau-nuxt-map__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
.auau-nuxt-map .auau-nuxt-map__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-map .auau-nuxt-map__address {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
  display: flex;
  align-items: center;
  gap: 8px;
}
.auau-nuxt-map .auau-nuxt-map__remark,
.auau-nuxt-map .auau-nuxt-map__facilities {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
  margin-top: 16px;
  word-break: break-all;
}
.auau-nuxt-map .auau-nuxt-map__map {
  position: relative;
  width: 100%;
  height: 480px;
  margin-top: 48px;
}
@media (max-width: 1127px) {
.auau-nuxt-map .auau-nuxt-map__map {
    margin-top: 16px;
}
}
.auau-nuxt-media-post-card {
  background: #ffffff;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.07);
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}
.auau-nuxt-media-post-card .auau-nuxt-media-post-card__cover {
  position: relative;
  width: 100%;
  aspect-ratio: 4/3;
}
.auau-nuxt-media-post-card .auau-nuxt-media-post-card__cover img {
  border-radius: 8px 8px 0 0;
}
.auau-nuxt-media-post-card .auau-nuxt-media-post-card__pin {
  position: absolute;
  top: 16px;
  right: 16px;
  color: #ffffff;
}
.auau-nuxt-media-post-card .auau-nuxt-media-post-card__wrapper {
  padding: 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) min-content;
  grid-template-rows: auto auto;
}
.auau-nuxt-media-post-card .auau-nuxt-media-post-card__date {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
  align-self: center;
}
.auau-nuxt-media-post-card .auau-nuxt-media-post-card__title {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  grid-area: 2/1/3/3;
  margin-top: 8px;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 44px;
}
.auau-nuxt-media-post-card .auau-nuxt-media-post-card__actions {
  justify-self: flex-end;
  align-self: flex-end;
}
.auau-nuxt-media-post-card .auau-nuxt-media-post-card__router-link > .router-link,
.auau-nuxt-media-post-card .auau-nuxt-media-post-card__router-link a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.auau-nuxt-media-post-card .auau-nuxt-media-post-card__detail-icon {
  align-items: flex-end;
}
.auau-nuxt-modal-filter-date-picker .auau-nuxt-modal-filter-date-picker__title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
}
@media (max-width: 767px) {
.auau-nuxt-modal-filter-date-picker .auau-nuxt-modal-filter-date-picker__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
.auau-nuxt-modal-filter-radio .auau-nuxt-modal-filter-radio__title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
.auau-nuxt-modal-filter-radio .auau-nuxt-modal-filter-radio__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
.auau-nuxt-modal-filter-radio .auau-nuxt-modal-filter-radio__wrapper {
  display: flex;
  gap: 8px;
  overflow: auto;
  scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}
.auau-nuxt-modal-filter-radio .auau-nuxt-modal-filter-radio__wrapper::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}
.auau-nuxt-modal-filter-radio .auau-nuxt-modal-filter-radio__wrapper > .auau-nuxt-button {
  scroll-snap-align: start;
  border-radius: 40px;
  min-width: auto;
  white-space: nowrap;
}
.auau-nuxt-modal-filter-radio .d-content {
  display: contents;
}
.auau-nuxt-modal-filter-checkbox .auau-nuxt-modal-filter-checkbox__title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
.auau-nuxt-modal-filter-checkbox .auau-nuxt-modal-filter-checkbox__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
.auau-nuxt-modal-filter-checkbox .auau-nuxt-modal-filter-checkbox__wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 24px;
  align-items: center;
}
.auau-nuxt-modal-filter-checkbox .auau-nuxt-modal-filter-checkbox__wrapper .auau-nuxt-checkbox__checkbox-label {
  word-break: break-word;
}
.auau-nuxt-modal-filter-checkbox .auau-nuxt-modal-filter-checkbox__more-btn {
  margin-top: 24px;
  color: #949494;
}
@media (max-width: 767px) {
.auau-nuxt-modal-filter-checkbox .auau-nuxt-modal-filter-checkbox__wrapper {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
}
}
.auau-nuxt-modal-filter-select .auau-nuxt-modal-filter-select__title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
.auau-nuxt-modal-filter-select .auau-nuxt-modal-filter-select__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
.auau-nuxt-modal-filter-select .auau-nuxt-modal-filter-select__wrapper {
  height: max-content !important;
  max-height: 174px;
  display: flex;
  flex-direction: column;
  overflow: auto;
  scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}
.auau-nuxt-modal-filter-select .auau-nuxt-modal-filter-select__wrapper::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}
.auau-nuxt-modal-filter-select .auau-nuxt-modal-filter-select__wrapper > .auau-nuxt-button {
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 8px;
  height: fit-content;
}
.auau-nuxt-modal-filter-select .auau-nuxt-modal-filter-select__wrapper > .auau-nuxt-button.selected {
  background-color: var(--auau-200, #fef1d1);
  color: #1e1e1e;
}
.auau-nuxt-modal-filter-select .d-content {
  display: contents;
}
.auau-nuxt-modal-filter-switch .auau-nuxt-modal-filter-switch__title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
.auau-nuxt-modal-filter-switch .auau-nuxt-modal-filter-switch__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
.auau-nuxt-modal-filter-switch .auau-nuxt-modal-filter-switch-wrapper {
  display: inline-flex;
  position: relative;
  cursor: pointer;
  line-height: 1.5;
  align-items: center;
  width: max-content;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-modal-filter-switch .auau-nuxt-modal-filter-switch-wrapper input {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.auau-nuxt-modal-filter-switch .auau-nuxt-modal-filter-switch-wrapper.auau-nuxt-modal-filter-switch-wrapper__disabled {
  color: #d1d1d1;
}
.auau-nuxt-modal-filter-switch .auau-nuxt-modal-filter-switch-wrapper__slider-area {
  width: 36px;
  height: 20px;
  position: relative;
  margin-right: 8px;
  align-self: center;
}
.auau-nuxt-modal-filter-switch .auau-nuxt-modal-filter-switch-wrapper__slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  border: 1px solid #949494;
  border-radius: 60px;
}
.auau-nuxt-modal-filter-switch .auau-nuxt-modal-filter-switch-wrapper__slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 3px;
  bottom: 2px;
  background-color: #949494;
  transition: transform 0.4s;
  border-radius: 50%;
}
.auau-nuxt-modal-filter-switch .auau-nuxt-modal-filter-switch-wrapper__slider.auau-nuxt-modal-filter-switch-wrapper__pre-load:before {
  transition: none !important;
}
.auau-nuxt-modal-filter-switch .auau-nuxt-modal-filter-switch-wrapper__slider.auau-nuxt-modal-filter-switch-wrapper__checked {
  border: 1px solid var(--auau-800, #f8b818);
}
.auau-nuxt-modal-filter-switch input:checked + .auau-nuxt-modal-filter-switch-wrapper__slider {
  background-color: var(--auau-800, #f8b818);
}
.auau-nuxt-modal-filter-switch input:checked + .auau-nuxt-modal-filter-switch-wrapper__slider:before {
  background-color: #ffffff;
  transform: translateX(15px);
}
.auau-nuxt-modal-filter-switch input:disabled + .auau-nuxt-modal-filter-switch-wrapper__slider {
  background-color: #fafafc;
  border: 1px solid #d1d1d1;
}
.auau-nuxt-modal-filter-switch input:disabled + .auau-nuxt-modal-filter-switch-wrapper__slider:before {
  background-color: #d1d1d1;
}
.auau-nuxt-modal-filter {
  /*
   * Container style
   */
  /*
   * Scrollbar rail styles
   */
  /*
   * Scrollbar thumb styles
   */
  /* MS supports */
  max-width: 800px !important;
  width: calc(100% - 96px);
}
.auau-nuxt-modal-filter .ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}
.auau-nuxt-modal-filter .ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}
.auau-nuxt-modal-filter .ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}
.auau-nuxt-modal-filter .ps--active-x > .ps__rail-x,
.auau-nuxt-modal-filter .ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}
.auau-nuxt-modal-filter .ps:hover > .ps__rail-x,
.auau-nuxt-modal-filter .ps:hover > .ps__rail-y,
.auau-nuxt-modal-filter .ps--focus > .ps__rail-x,
.auau-nuxt-modal-filter .ps--focus > .ps__rail-y,
.auau-nuxt-modal-filter .ps--scrolling-x > .ps__rail-x,
.auau-nuxt-modal-filter .ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}
.auau-nuxt-modal-filter .ps .ps__rail-x:hover,
.auau-nuxt-modal-filter .ps .ps__rail-y:hover,
.auau-nuxt-modal-filter .ps .ps__rail-x:focus,
.auau-nuxt-modal-filter .ps .ps__rail-y:focus,
.auau-nuxt-modal-filter .ps .ps__rail-x.ps--clicking,
.auau-nuxt-modal-filter .ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}
.auau-nuxt-modal-filter .ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}
.auau-nuxt-modal-filter .ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}
.auau-nuxt-modal-filter .ps__rail-x:hover > .ps__thumb-x,
.auau-nuxt-modal-filter .ps__rail-x:focus > .ps__thumb-x,
.auau-nuxt-modal-filter .ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}
.auau-nuxt-modal-filter .ps__rail-y:hover > .ps__thumb-y,
.auau-nuxt-modal-filter .ps__rail-y:focus > .ps__thumb-y,
.auau-nuxt-modal-filter .ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}
@supports (-ms-overflow-style: none) {
.auau-nuxt-modal-filter .ps {
    overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.auau-nuxt-modal-filter .ps {
    overflow: auto !important;
}
}
.auau-nuxt-modal-filter .ps {
  position: relative;
}
.auau-nuxt-modal-filter .auau-nuxt-modal-filter__header {
  border-bottom: 1px solid #d1d1d1;
  padding: 24px;
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
}
@media (max-width: 767px) {
.auau-nuxt-modal-filter .auau-nuxt-modal-filter__header {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-modal-filter .auau-nuxt-modal-filter__footer {
  border-top: 1px solid #d1d1d1;
  padding: 16px 24px;
  display: flex;
  justify-content: space-between;
}
.auau-nuxt-modal-filter .auau-nuxt-modal-filter__body {
  height: 100%;
  max-height: calc((var(--vh-px, 600px) - 145px) * 0.8);
  overflow-y: auto;
  overflow-x: hidden;
}
.auau-nuxt-modal-filter .auau-nuxt-modal-filter__body-wrapper {
  padding: 24px;
}
.auau-nuxt-modal-filter .auau-nuxt-modal-filter__body-wrapper > * {
  margin-bottom: 24px;
  padding-bottom: 24px;
  position: relative;
}
.auau-nuxt-modal-filter .auau-nuxt-modal-filter__body-wrapper > *::after {
  position: absolute;
  bottom: 0px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #d1d1d1;
}
.auau-nuxt-modal-filter .auau-nuxt-modal-filter__body-wrapper > *:last-child {
  margin-bottom: 0px;
}
.auau-nuxt-modal-filter .auau-nuxt-modal-filter__body-wrapper > *:last-child::after {
  content: none;
}
.auau-nuxt-modal-filter .auau-nuxt-modal-base__close-btn {
  top: 24px;
  right: 24px;
}
.auau-nuxt-modal-filter .auau-nuxt-modal-base__close-btn .auau-nuxt-icon {
  color: #000000;
}
@media (max-width: 767px) {
.auau-nuxt-modal-filter {
    min-width: 100% !important;
    width: 100%;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    margin-bottom: 0 !important;
}
}
.auau-nuxt-modal-loading {
  min-width: 280px !important;
}
.auau-nuxt-modal-loading .auau-nuxt-modal-loading__body {
  padding: 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.auau-nuxt-modal-loading .auau-nuxt-modal-loading__message {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-modal-loading .auau-nuxt-modal-loading__message {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-modal-loading .auau-nuxt-modal-loading__loader {
  height: var(--size);
  width: var(--size);
  -webkit-animation: loader-1 4.8s linear infinite;
  animation: loader-1 4.8s linear infinite;
}
.auau-nuxt-modal-loading .auau-nuxt-modal-loading__loader span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: var(--size);
  width: var(--size);
  clip: rect(0, var(--size), var(--size), calc(var(--size) / 2));
  -webkit-animation: loader-2 1.2s linear infinite;
  animation: loader-2 1.2s linear infinite;
}
.auau-nuxt-modal-loading .auau-nuxt-modal-loading__loader span::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: var(--size);
  width: var(--size);
  clip: rect(0, var(--size), var(--size), calc(var(--size) / 2));
  border: calc(var(--size) * 0.1) solid var(--auau-800, #f8b818);
  border-radius: 100%;
  -webkit-animation: loader-3 1.2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  animation: loader-3 1.2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 767px) {
.auau-nuxt-modal-loading {
    min-width: 192px !important;
}
}
@-webkit-keyframes loader-1 {
0% {
    -webkit-transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
}
}
@keyframes loader-1 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
@-webkit-keyframes loader-2 {
0% {
    -webkit-transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(220deg);
}
}
@keyframes loader-2 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(220deg);
}
}
@-webkit-keyframes loader-3 {
0% {
    -webkit-transform: rotate(-140deg);
}
50% {
    -webkit-transform: rotate(-160deg);
}
100% {
    -webkit-transform: rotate(140deg);
}
}
@keyframes loader-3 {
0% {
    transform: rotate(-140deg);
}
50% {
    transform: rotate(-160deg);
}
100% {
    transform: rotate(140deg);
}
}
.auau-nuxt-tooltip {
  position: relative;
}
.auau-nuxt-tooltip .auau-nuxt-tooltip__wrapper {
  background-color: #626262;
  color: #ffffff;
  padding: 4px 8px;
  border-radius: 4px;
  position: relative;
  font-size: 11px;
  font-weight: 300;
  line-height: 16px;
}
.auau-nuxt-tooltip .auau-nuxt-tooltip__wrapper::after {
  content: "";
  transform: rotate(45deg);
  background: #626262;
  bottom: -4px;
  left: 10px;
  width: 10px;
  height: 10px;
  position: absolute;
  z-index: -1;
}
.auau-nuxt-tooltip .auau-nuxt-tooltip__wrapper.bottom::after {
  bottom: auto;
  top: -4px;
}
.auau-nuxt-tooltip .auau-nuxt-tooltip__traget {
  display: inline-block;
}
.auau-nuxt-modal-share {
  padding: 32px !important;
}
.auau-nuxt-modal-share h4 {
  margin-bottom: 16px;
}
.auau-nuxt-modal-share .auau-nuxt-modal-share__share-wrapper {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
}
.auau-nuxt-modal-share .auau-nuxt-modal-share__share-wrapper > * {
  width: 64px;
  height: 64px;
  background-color: #d1d1d1;
  border-radius: 50%;
  display: flex;
  cursor: pointer;
}
.auau-nuxt-modal-share .auau-nuxt-modal-share__share-wrapper > * .auau-nuxt-icon {
  margin: auto;
  color: #ffffff;
}
.auau-nuxt-modal-share .auau-nuxt-modal-share__facebook {
  background-color: #30518b;
}
.auau-nuxt-modal-share .auau-nuxt-modal-share__whatsapp {
  background-color: #18ad44;
}
.auau-nuxt-modal-share .auau-nuxt-modal-share__telegram {
  background-color: #007fc2;
}
.auau-nuxt-modal-share .auau-nuxt-modal-share__line {
  background-color: #00b929;
}
.auau-nuxt-modal-share .auau-nuxt-modal-share__copy {
  background-color: #949494;
}
.auau-nuxt-modal-share .auau-nuxt-modal-share__copy .auau-nuxt-tooltip {
  width: 100%;
  height: 100%;
}
.auau-nuxt-modal-share .auau-nuxt-modal-share__copy .auau-nuxt-tooltip__traget {
  width: 100%;
  height: 100%;
  display: flex;
}
@media (max-width: 767px) {
.auau-nuxt-modal-share {
    min-width: auto !important;
    padding: 16px 24px !important;
}
.auau-nuxt-modal-share .auau-nuxt-modal-share__share-wrapper {
    gap: 16px 24px;
}
}
.auau-nuxt-month-calendar__day-box {
  /*
   * Container style
   */
  /*
   * Scrollbar rail styles
   */
  /*
   * Scrollbar thumb styles
   */
  /* MS supports */
  padding: 3px;
  padding-bottom: 0px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  border-top: 1px solid #d1d1d1;
  border-left: 1px solid #d1d1d1;
  position: relative;
}
.auau-nuxt-month-calendar__day-box .ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}
.auau-nuxt-month-calendar__day-box .ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}
.auau-nuxt-month-calendar__day-box .ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}
.auau-nuxt-month-calendar__day-box .ps--active-x > .ps__rail-x,
.auau-nuxt-month-calendar__day-box .ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}
.auau-nuxt-month-calendar__day-box .ps:hover > .ps__rail-x,
.auau-nuxt-month-calendar__day-box .ps:hover > .ps__rail-y,
.auau-nuxt-month-calendar__day-box .ps--focus > .ps__rail-x,
.auau-nuxt-month-calendar__day-box .ps--focus > .ps__rail-y,
.auau-nuxt-month-calendar__day-box .ps--scrolling-x > .ps__rail-x,
.auau-nuxt-month-calendar__day-box .ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}
.auau-nuxt-month-calendar__day-box .ps .ps__rail-x:hover,
.auau-nuxt-month-calendar__day-box .ps .ps__rail-y:hover,
.auau-nuxt-month-calendar__day-box .ps .ps__rail-x:focus,
.auau-nuxt-month-calendar__day-box .ps .ps__rail-y:focus,
.auau-nuxt-month-calendar__day-box .ps .ps__rail-x.ps--clicking,
.auau-nuxt-month-calendar__day-box .ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}
.auau-nuxt-month-calendar__day-box .ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}
.auau-nuxt-month-calendar__day-box .ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}
.auau-nuxt-month-calendar__day-box .ps__rail-x:hover > .ps__thumb-x,
.auau-nuxt-month-calendar__day-box .ps__rail-x:focus > .ps__thumb-x,
.auau-nuxt-month-calendar__day-box .ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}
.auau-nuxt-month-calendar__day-box .ps__rail-y:hover > .ps__thumb-y,
.auau-nuxt-month-calendar__day-box .ps__rail-y:focus > .ps__thumb-y,
.auau-nuxt-month-calendar__day-box .ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}
@supports (-ms-overflow-style: none) {
.auau-nuxt-month-calendar__day-box .ps {
    overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.auau-nuxt-month-calendar__day-box .ps {
    overflow: auto !important;
}
}
.auau-nuxt-month-calendar__day-box .ps {
  position: relative;
}
.auau-nuxt-month-calendar__day-box:nth-child(7n) {
  border-right: 1px solid #d1d1d1;
}
.auau-nuxt-month-calendar__day-box:nth-last-child(7), .auau-nuxt-month-calendar__day-box:nth-last-child(7) ~ .auau-nuxt-month-calendar__day-box {
  border-bottom: 1px solid #d1d1d1;
}
.auau-nuxt-month-calendar__day-box .auau-nuxt-month-calendar__day-box__date-label {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 7px;
}
.auau-nuxt-month-calendar__day-box .auau-nuxt-month-calendar__day-box__date-label .not-in-month {
  color: #d1d1d1;
}
.auau-nuxt-month-calendar__day-box .auau-nuxt-month-calendar__day-box__corner-date {
  color: #2d2d2d;
  width: max-content;
  height: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
}
.auau-nuxt-month-calendar__day-box .auau-nuxt-month-calendar__day-box__corner-date span {
  line-height: 1;
  z-index: 2;
}
.auau-nuxt-month-calendar__day-box .auau-nuxt-month-calendar__day-box__corner-date.today {
  position: relative;
  color: var(--auau-800, #f8b818);
  gap: 4px;
  font-weight: 700;
}
.auau-nuxt-month-calendar__day-box .auau-nuxt-month-calendar__day-box__corner-date.today::after {
  content: "";
  background-color: var(--auau-200, #fef1d1);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 6px;
  z-index: 1;
}
.auau-nuxt-month-calendar__day-box .extra-event-button {
  background: #fafafc;
  box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.15);
  color: var(--auau-800, #f8b818);
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 6px;
  height: 15%;
  cursor: pointer;
  box-sizing: border-box;
  font-size: 11px;
  font-weight: 300;
  line-height: 16px;
}
.auau-nuxt-month-calendar .auau-nuxt-month-calendar__header {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  color: #949494;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  justify-items: center;
  margin-bottom: 18px;
}
.auau-nuxt-month-calendar .auau-nuxt-month-calendar__body {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-auto-rows: 178px;
}
.auau-nuxt-note-card {
  display: grid;
  padding: 24px;
  grid-auto-rows: auto;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 4px 16px;
  border-bottom: 1px solid #d1d1d1;
}
.auau-nuxt-note-card:first-child {
  padding-top: 0;
}
.auau-nuxt-note-card:last-child {
  border-bottom: none;
}
.auau-nuxt-note-card .auau-nuxt-note-card__name {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-note-card .auau-nuxt-note-card__name {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-note-card .auau-nuxt-note-card__date {
  grid-area: 2/1/3/2;
  display: flex;
  gap: 4px;
  color: #949494;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-note-card .auau-nuxt-note-card__detail-button {
  display: flex;
  grid-area: 1/2/3/3;
  align-items: center;
}
.auau-nuxt-note-card .auau-nuxt-note-card__detail-button > .auau-nuxt-icon-button {
  padding: 0;
}
@media (max-width: 1127px) {
.auau-nuxt-note-card:first-child {
    padding-top: 8px;
}
}
.auau-nuxt-switch {
  display: inline-flex;
  position: relative;
  cursor: pointer;
  line-height: 1.5;
  align-items: center;
  width: max-content;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-switch input {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.auau-nuxt-switch.auau-nuxt-switch__disabled {
  color: #d1d1d1;
}
.auau-nuxt-switch__slider-area {
  width: 36px;
  height: 20px;
  position: relative;
  margin-right: 8px;
  align-self: center;
}
.auau-nuxt-switch__slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  border: 1px solid #949494;
  border-radius: 60px;
}
.auau-nuxt-switch__slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 3px;
  bottom: 2px;
  background-color: #949494;
  transition: transform 0.4s;
  border-radius: 50%;
}
.auau-nuxt-switch__slider.auau-nuxt-switch__pre-load:before {
  transition: none !important;
}
.auau-nuxt-switch__slider.auau-nuxt-switch__checked {
  border: 1px solid var(--auau-800, #f8b818);
}
input:checked + .auau-nuxt-switch__slider {
  background-color: var(--auau-800, #f8b818);
}
input:checked + .auau-nuxt-switch__slider:before {
  background-color: #ffffff;
  transform: translateX(15px);
}
input:disabled + .auau-nuxt-switch__slider {
  background-color: #fafafc;
  border: 1px solid #d1d1d1;
}
input:disabled + .auau-nuxt-switch__slider:before {
  background-color: #d1d1d1;
}
:root{--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary-rgb:64,158,255;--el-color-success-rgb:103,194,58;--el-color-warning-rgb:230,162,60;--el-color-danger-rgb:245,108,108;--el-color-error-rgb:245,108,108;--el-color-info-rgb:144,147,153;--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","\5fae\8f6f\96c5\9ed1",Arial,sans-serif;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-transition-duration:.3s;--el-transition-duration-fast:.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(.645, .045, .355, 1);--el-transition-function-fast-bezier:cubic-bezier(.23, 1, .32, 1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-box-shadow:box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-component-size-large:40px;--el-component-size:32px;--el-component-size-small:24px}:root{color-scheme:light;--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary:#409eff;--el-color-primary-light-3:#79bbff;--el-color-primary-light-5:#a0cfff;--el-color-primary-light-7:#c6e2ff;--el-color-primary-light-8:#d9ecff;--el-color-primary-light-9:#ecf5ff;--el-color-primary-dark-2:#337ecc;--el-color-success:#67c23a;--el-color-success-light-3:#95d475;--el-color-success-light-5:#b3e19d;--el-color-success-light-7:#d1edc4;--el-color-success-light-8:#e1f3d8;--el-color-success-light-9:#f0f9eb;--el-color-success-dark-2:#529b2e;--el-color-warning:#e6a23c;--el-color-warning-light-3:#eebe77;--el-color-warning-light-5:#f3d19e;--el-color-warning-light-7:#f8e3c5;--el-color-warning-light-8:#faecd8;--el-color-warning-light-9:#fdf6ec;--el-color-warning-dark-2:#b88230;--el-color-danger:#f56c6c;--el-color-danger-light-3:#f89898;--el-color-danger-light-5:#fab6b6;--el-color-danger-light-7:#fcd3d3;--el-color-danger-light-8:#fde2e2;--el-color-danger-light-9:#fef0f0;--el-color-danger-dark-2:#c45656;--el-color-error:#f56c6c;--el-color-error-light-3:#f89898;--el-color-error-light-5:#fab6b6;--el-color-error-light-7:#fcd3d3;--el-color-error-light-8:#fde2e2;--el-color-error-light-9:#fef0f0;--el-color-error-dark-2:#c45656;--el-color-info:#909399;--el-color-info-light-3:#b1b3b8;--el-color-info-light-5:#c8c9cc;--el-color-info-light-7:#dedfe0;--el-color-info-light-8:#e9e9eb;--el-color-info-light-9:#f4f4f5;--el-color-info-dark-2:#73767a;--el-bg-color:#ffffff;--el-bg-color-page:#f2f3f5;--el-bg-color-overlay:#ffffff;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#a8abb2;--el-text-color-disabled:#c0c4cc;--el-border-color:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-color-dark:#d4d7de;--el-border-color-darker:#cdd0d6;--el-fill-color:#f0f2f5;--el-fill-color-light:#f5f7fa;--el-fill-color-lighter:#fafafa;--el-fill-color-extra-light:#fafcff;--el-fill-color-dark:#ebedf0;--el-fill-color-darker:#e6e8eb;--el-fill-color-blank:#ffffff;--el-box-shadow:0px 12px 32px 4px rgba(0, 0, 0, .04),0px 8px 20px rgba(0, 0, 0, .08);--el-box-shadow-light:0px 0px 12px rgba(0, 0, 0, .12);--el-box-shadow-lighter:0px 0px 6px rgba(0, 0, 0, .12);--el-box-shadow-dark:0px 16px 48px 16px rgba(0, 0, 0, .08),0px 12px 32px rgba(0, 0, 0, .12),0px 8px 16px -8px rgba(0, 0, 0, .16);--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:rgba(0, 0, 0, .8);--el-overlay-color-light:rgba(0, 0, 0, .7);--el-overlay-color-lighter:rgba(0, 0, 0, .5);--el-mask-color:rgba(255, 255, 255, .9);--el-mask-color-extra-light:rgba(255, 255, 255, .3);--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:var(--el-transition-md-fade);transform-origin:center top}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--el-transition-md-fade);transform-origin:center bottom}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1);transition:var(--el-transition-md-fade);transform-origin:top left}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-enter-active,.el-collapse-transition-leave-active{transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-icon-loading{animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.el-icon{--color:inherit;height:1em;width:1em;line-height:1em;display:inline-flex;justify-content:center;align-items:center;position:relative;fill:currentColor;color:var(--color);font-size:inherit}.el-icon.is-loading{animation:rotating 2s linear infinite}.el-icon svg{height:1em;width:1em}.el-popper{--el-popper-border-radius:var(--el-popover-border-radius, 4px)}.el-popper{position:absolute;border-radius:var(--el-popper-border-radius);padding:5px 11px;z-index:2000;font-size:12px;line-height:20px;min-width:10px;word-wrap:break-word;visibility:visible}.el-popper.is-dark{color:var(--el-bg-color);background:var(--el-text-color-primary);border:1px solid var(--el-text-color-primary)}.el-popper.is-dark .el-popper__arrow:before{border:1px solid var(--el-text-color-primary);background:var(--el-text-color-primary);right:0}.el-popper.is-light{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light)}.el-popper.is-light .el-popper__arrow:before{border:1px solid var(--el-border-color-light);background:var(--el-bg-color-overlay);right:0}.el-popper.is-pure{padding:0}.el-popper__arrow{position:absolute;width:10px;height:10px;z-index:-1}.el-popper__arrow:before{position:absolute;width:10px;height:10px;z-index:-1;content:" ";transform:rotate(45deg);background:var(--el-text-color-primary);box-sizing:border-box}.el-popper[data-popper-placement^=top]>.el-popper__arrow{bottom:-5px}.el-popper[data-popper-placement^=top]>.el-popper__arrow:before{border-bottom-right-radius:2px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow{top:-5px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before{border-top-left-radius:2px}.el-popper[data-popper-placement^=left]>.el-popper__arrow{right:-5px}.el-popper[data-popper-placement^=left]>.el-popper__arrow:before{border-top-right-radius:2px}.el-popper[data-popper-placement^=right]>.el-popper__arrow{left:-5px}.el-popper[data-popper-placement^=right]>.el-popper__arrow:before{border-bottom-left-radius:2px}.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-top-color:transparent!important;border-left-color:transparent!important}.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent!important;border-right-color:transparent!important}.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-left-color:transparent!important;border-bottom-color:transparent!important}.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent!important;border-top-color:transparent!important}:root{--el-popup-modal-bg-color:var(--el-color-black);--el-popup-modal-opacity:.5}.v-modal-enter{animation:v-modal-in var(--el-transition-duration-fast) ease}.v-modal-leave{animation:v-modal-out var(--el-transition-duration-fast) ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{to{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:var(--el-popup-modal-opacity);background:var(--el-popup-modal-bg-color)}.el-popup-parent--hidden{overflow:hidden}.el-dialog{--el-dialog-width:50%;--el-dialog-margin-top:15vh;--el-dialog-bg-color:var(--el-bg-color);--el-dialog-box-shadow:var(--el-box-shadow);--el-dialog-title-font-size:var(--el-font-size-large);--el-dialog-content-font-size:14px;--el-dialog-font-line-height:var(--el-font-line-height-primary);--el-dialog-padding-primary:20px;--el-dialog-border-radius:var(--el-border-radius-small);position:relative;margin:var(--el-dialog-margin-top,15vh) auto 50px;background:var(--el-dialog-bg-color);border-radius:var(--el-dialog-border-radius);box-shadow:var(--el-dialog-box-shadow);box-sizing:border-box;width:var(--el-dialog-width,50%)}.el-dialog:focus{outline:0!important}.el-dialog.is-align-center{margin:auto}.el-dialog.is-fullscreen{--el-dialog-width:100%;--el-dialog-margin-top:0;margin-bottom:0;height:100%;overflow:auto}.el-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.el-dialog.is-draggable .el-dialog__header{cursor:move;-webkit-user-select:none;user-select:none}.el-dialog__header{padding:var(--el-dialog-padding-primary);padding-bottom:10px;margin-right:16px}.el-dialog__headerbtn{position:absolute;top:6px;right:0;padding:0;width:54px;height:54px;background:0 0;border:none;outline:0;cursor:pointer;font-size:var(--el-message-close-size,16px)}.el-dialog__headerbtn .el-dialog__close{color:var(--el-color-info);font-size:inherit}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:var(--el-color-primary)}.el-dialog__title{line-height:var(--el-dialog-font-line-height);font-size:var(--el-dialog-title-font-size);color:var(--el-text-color-primary)}.el-dialog__body{padding:calc(var(--el-dialog-padding-primary) + 10px) var(--el-dialog-padding-primary);color:var(--el-text-color-regular);font-size:var(--el-dialog-content-font-size)}.el-dialog__footer{padding:var(--el-dialog-padding-primary);padding-top:10px;text-align:right;box-sizing:border-box}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__body{text-align:initial;padding:25px calc(var(--el-dialog-padding-primary) + 5px) 30px}.el-dialog--center .el-dialog__footer{text-align:inherit}.el-overlay-dialog{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto}.dialog-fade-enter-active{animation:modal-fade-in var(--el-transition-duration)}.dialog-fade-enter-active .el-overlay-dialog{animation:dialog-fade-in var(--el-transition-duration)}.dialog-fade-leave-active{animation:modal-fade-out var(--el-transition-duration)}.dialog-fade-leave-active .el-overlay-dialog{animation:dialog-fade-out var(--el-transition-duration)}@keyframes dialog-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes dialog-fade-out{0%{transform:translateZ(0);opacity:1}to{transform:translate3d(0,-20px,0);opacity:0}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}.el-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;height:100%;background-color:var(--el-overlay-color-lighter);overflow:auto}.el-overlay .el-overlay-root{height:0}.el-form{--el-form-label-font-size:var(--el-font-size-base);--el-form-inline-content-width:220px}.el-form--label-left .el-form-item__label{justify-content:flex-start}.el-form--label-top .el-form-item{display:block}.el-form--label-top .el-form-item .el-form-item__label{display:block;height:auto;text-align:left;margin-bottom:8px;line-height:22px}.el-form--inline .el-form-item{display:inline-flex;vertical-align:middle;margin-right:32px}.el-form--inline.el-form--label-top{display:flex;flex-wrap:wrap}.el-form--inline.el-form--label-top .el-form-item{display:block}.el-form--large.el-form--label-top .el-form-item .el-form-item__label{margin-bottom:12px;line-height:22px}.el-form--default.el-form--label-top .el-form-item .el-form-item__label{margin-bottom:8px;line-height:22px}.el-form--small.el-form--label-top .el-form-item .el-form-item__label{margin-bottom:4px;line-height:20px}.el-form-item{display:flex;--font-size:14px;margin-bottom:18px}.el-form-item .el-form-item{margin-bottom:0}.el-form-item .el-input__validateIcon{display:none}.el-form-item--large{--font-size:14px;--el-form-label-font-size:var(--font-size);margin-bottom:22px}.el-form-item--large .el-form-item__label{height:40px;line-height:40px}.el-form-item--large .el-form-item__content{line-height:40px}.el-form-item--large .el-form-item__error{padding-top:4px}.el-form-item--default{--font-size:14px;--el-form-label-font-size:var(--font-size);margin-bottom:18px}.el-form-item--default .el-form-item__label{height:32px;line-height:32px}.el-form-item--default .el-form-item__content{line-height:32px}.el-form-item--default .el-form-item__error{padding-top:2px}.el-form-item--small{--font-size:12px;--el-form-label-font-size:var(--font-size);margin-bottom:18px}.el-form-item--small .el-form-item__label{height:24px;line-height:24px}.el-form-item--small .el-form-item__content{line-height:24px}.el-form-item--small .el-form-item__error{padding-top:2px}.el-form-item__label-wrap{display:flex}.el-form-item__label{display:inline-flex;justify-content:flex-end;align-items:flex-start;flex:0 0 auto;font-size:var(--el-form-label-font-size);color:var(--el-text-color-regular);height:32px;line-height:32px;padding:0 12px 0 0;box-sizing:border-box}.el-form-item__content{display:flex;flex-wrap:wrap;align-items:center;flex:1;line-height:32px;position:relative;font-size:var(--font-size);min-width:0}.el-form-item__content .el-input-group{vertical-align:top}.el-form-item__error{color:var(--el-color-danger);font-size:12px;line-height:1;padding-top:2px;position:absolute;top:100%;left:0}.el-form-item__error--inline{position:relative;top:auto;left:auto;display:inline-block;margin-left:10px}.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label:before,.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label:before{content:"*";color:var(--el-color-danger);margin-right:4px}.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label-wrap>.el-form-item__label:after,.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label:after{content:"*";color:var(--el-color-danger);margin-left:4px}.el-form-item.is-error .el-select-v2__wrapper.is-focused{border-color:transparent}.el-form-item.is-error .el-select-v2__wrapper,.el-form-item.is-error .el-select-v2__wrapper:focus,.el-form-item.is-error .el-textarea__inner,.el-form-item.is-error .el-textarea__inner:focus{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-form-item.is-error .el-input__wrapper{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-form-item.is-error .el-input-group__append .el-input__wrapper,.el-form-item.is-error .el-input-group__prepend .el-input__wrapper{box-shadow:0 0 0 1px transparent inset}.el-form-item.is-error .el-input__validateIcon{color:var(--el-color-danger)}.el-form-item--feedback .el-input__validateIcon{display:inline-flex}.el-textarea{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%}.el-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:var(--el-font-size-base)}.el-textarea__inner{position:relative;display:block;resize:vertical;padding:5px 11px;line-height:1.5;box-sizing:border-box;width:100%;font-size:inherit;font-family:inherit;color:var(--el-input-text-color,var(--el-text-color-regular));background-color:var(--el-input-bg-color,var(--el-fill-color-blank));background-image:none;-webkit-appearance:none;box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;border-radius:var(--el-input-border-radius,var(--el-border-radius-base));transition:var(--el-transition-box-shadow);border:none}.el-textarea__inner::placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-textarea__inner:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-textarea__inner:focus{outline:0;box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-textarea .el-input__count{color:var(--el-color-info);background:var(--el-fill-color-blank);position:absolute;font-size:12px;line-height:14px;bottom:5px;right:10px}.el-textarea.is-disabled .el-textarea__inner{box-shadow:0 0 0 1px var(--el-disabled-border-color) inset;background-color:var(--el-disabled-bg-color);color:var(--el-disabled-text-color);cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:var(--el-text-color-placeholder)}.el-textarea.is-exceed .el-textarea__inner{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-textarea.is-exceed .el-input__count{color:var(--el-color-danger)}.el-input{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%}.el-input{--el-input-height:var(--el-component-size);position:relative;font-size:var(--el-font-size-base);display:inline-flex;width:var(--el-input-width);line-height:var(--el-input-height);box-sizing:border-box;vertical-align:middle}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:var(--el-text-color-disabled)}.el-input::-webkit-scrollbar-corner{background:var(--el-fill-color-blank)}.el-input::-webkit-scrollbar-track{background:var(--el-fill-color-blank)}.el-input::-webkit-scrollbar-track-piece{background:var(--el-fill-color-blank);width:6px}.el-input .el-input__clear,.el-input .el-input__password{color:var(--el-input-icon-color);font-size:14px;cursor:pointer}.el-input .el-input__clear:hover,.el-input .el-input__password:hover{color:var(--el-input-clear-hover-color)}.el-input .el-input__count{height:100%;display:inline-flex;align-items:center;color:var(--el-color-info);font-size:12px}.el-input .el-input__count .el-input__count-inner{background:var(--el-fill-color-blank);line-height:initial;display:inline-block;padding-left:8px}.el-input__wrapper{display:inline-flex;flex-grow:1;align-items:center;justify-content:center;padding:1px 11px;background-color:var(--el-input-bg-color,var(--el-fill-color-blank));background-image:none;border-radius:var(--el-input-border-radius,var(--el-border-radius-base));cursor:text;transition:var(--el-transition-box-shadow);transform:translateZ(0);box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset}.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-input__inner{--el-input-inner-height:calc(var(--el-input-height, 32px) - 2px);width:100%;flex-grow:1;-webkit-appearance:none;color:var(--el-input-text-color,var(--el-text-color-regular));font-size:inherit;height:var(--el-input-inner-height);line-height:var(--el-input-inner-height);padding:0;outline:0;border:none;background:0 0;box-sizing:border-box}.el-input__inner:focus{outline:0}.el-input__inner::placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-input__inner[type=password]::-ms-reveal{display:none}.el-input__prefix{display:inline-flex;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;height:100%;text-align:center;color:var(--el-input-icon-color,var(--el-text-color-placeholder));transition:all var(--el-transition-duration);pointer-events:none}.el-input__prefix-inner{pointer-events:all;display:inline-flex;align-items:center;justify-content:center}.el-input__prefix-inner>:last-child{margin-right:8px}.el-input__prefix-inner>:first-child,.el-input__prefix-inner>:first-child.el-input__icon{margin-left:0}.el-input__suffix{display:inline-flex;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;height:100%;text-align:center;color:var(--el-input-icon-color,var(--el-text-color-placeholder));transition:all var(--el-transition-duration);pointer-events:none}.el-input__suffix-inner{pointer-events:all;display:inline-flex;align-items:center;justify-content:center}.el-input__suffix-inner>:first-child{margin-left:8px}.el-input .el-input__icon{height:inherit;line-height:inherit;display:flex;justify-content:center;align-items:center;transition:all var(--el-transition-duration);margin-left:8px}.el-input__validateIcon{pointer-events:none}.el-input.is-active .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-color,) inset}.el-input.is-disabled{cursor:not-allowed}.el-input.is-disabled .el-input__wrapper{background-color:var(--el-disabled-bg-color);box-shadow:0 0 0 1px var(--el-disabled-border-color) inset}.el-input.is-disabled .el-input__inner{color:var(--el-disabled-text-color);-webkit-text-fill-color:var(--el-disabled-text-color);cursor:not-allowed}.el-input.is-disabled .el-input__inner::placeholder{color:var(--el-text-color-placeholder)}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-exceed .el-input__wrapper{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-input.is-exceed .el-input__suffix .el-input__count{color:var(--el-color-danger)}.el-input--large{--el-input-height:var(--el-component-size-large);font-size:14px}.el-input--large .el-input__wrapper{padding:1px 15px}.el-input--large .el-input__inner{--el-input-inner-height:calc(var(--el-input-height, 40px) - 2px)}.el-input--small{--el-input-height:var(--el-component-size-small);font-size:12px}.el-input--small .el-input__wrapper{padding:1px 7px}.el-input--small .el-input__inner{--el-input-inner-height:calc(var(--el-input-height, 24px) - 2px)}.el-input-group{display:inline-flex;width:100%;align-items:stretch}.el-input-group__append,.el-input-group__prepend{background-color:var(--el-fill-color-light);color:var(--el-color-info);position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:100%;border-radius:var(--el-input-border-radius);padding:0 20px;white-space:nowrap}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:0 -20px}.el-input-group__append button.el-button,.el-input-group__append button.el-button:hover,.el-input-group__append div.el-select .el-input__wrapper,.el-input-group__append div.el-select:hover .el-input__wrapper,.el-input-group__prepend button.el-button,.el-input-group__prepend button.el-button:hover,.el-input-group__prepend div.el-select .el-input__wrapper,.el-input-group__prepend div.el-select:hover .el-input__wrapper{border-color:transparent;background-color:transparent;color:inherit}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:1px 0 0 0 var(--el-input-border-color) inset,0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset}.el-input-group__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;box-shadow:0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset,-1px 0 0 0 var(--el-input-border-color) inset}.el-input-group--prepend>.el-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend .el-input-group__prepend .el-select .el-input .el-input__inner{box-shadow:none!important}.el-input-group--prepend .el-input-group__prepend .el-select .el-input .el-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:1px 0 0 0 var(--el-input-border-color) inset,0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset}.el-input-group--prepend .el-input-group__prepend .el-select .el-input.is-focus .el-input__inner{box-shadow:none!important}.el-input-group--prepend .el-input-group__prepend .el-select .el-input.is-focus .el-input__wrapper{box-shadow:1px 0 0 0 var(--el-input-focus-border-color) inset,1px 0 0 0 var(--el-input-focus-border-color),0 1px 0 0 var(--el-input-focus-border-color) inset,0 -1px 0 0 var(--el-input-focus-border-color) inset!important;z-index:2}.el-input-group--prepend .el-input-group__prepend .el-select .el-input.is-focus .el-input__wrapper:focus{outline:0;z-index:2;box-shadow:1px 0 0 0 var(--el-input-focus-border-color) inset,1px 0 0 0 var(--el-input-focus-border-color),0 1px 0 0 var(--el-input-focus-border-color) inset,0 -1px 0 0 var(--el-input-focus-border-color) inset!important}.el-input-group--prepend .el-input-group__prepend .el-select:hover .el-input__inner{box-shadow:none!important}.el-input-group--prepend .el-input-group__prepend .el-select:hover .el-input__wrapper{z-index:1;box-shadow:1px 0 0 0 var(--el-input-hover-border-color) inset,1px 0 0 0 var(--el-input-hover-border-color),0 1px 0 0 var(--el-input-hover-border-color) inset,0 -1px 0 0 var(--el-input-hover-border-color) inset!important}.el-input-group--append>.el-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group--append .el-input-group__append .el-select .el-input .el-input__inner{box-shadow:none!important}.el-input-group--append .el-input-group__append .el-select .el-input .el-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0;box-shadow:0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset,-1px 0 0 0 var(--el-input-border-color) inset}.el-input-group--append .el-input-group__append .el-select .el-input.is-focus .el-input__inner{box-shadow:none!important}.el-input-group--append .el-input-group__append .el-select .el-input.is-focus .el-input__wrapper{z-index:2;box-shadow:-1px 0 0 0 var(--el-input-focus-border-color),-1px 0 0 0 var(--el-input-focus-border-color) inset,0 1px 0 0 var(--el-input-focus-border-color) inset,0 -1px 0 0 var(--el-input-focus-border-color) inset!important}.el-input-group--append .el-input-group__append .el-select:hover .el-input__inner{box-shadow:none!important}.el-input-group--append .el-input-group__append .el-select:hover .el-input__wrapper{z-index:1;box-shadow:-1px 0 0 0 var(--el-input-hover-border-color),-1px 0 0 0 var(--el-input-hover-border-color) inset,0 1px 0 0 var(--el-input-hover-border-color) inset,0 -1px 0 0 var(--el-input-hover-border-color) inset!important}.el-checkbox{--el-checkbox-font-size:14px;--el-checkbox-font-weight:var(--el-font-weight-primary);--el-checkbox-text-color:var(--el-text-color-regular);--el-checkbox-input-height:14px;--el-checkbox-input-width:14px;--el-checkbox-border-radius:var(--el-border-radius-small);--el-checkbox-bg-color:var(--el-fill-color-blank);--el-checkbox-input-border:var(--el-border);--el-checkbox-disabled-border-color:var(--el-border-color);--el-checkbox-disabled-input-fill:var(--el-fill-color-light);--el-checkbox-disabled-icon-color:var(--el-text-color-placeholder);--el-checkbox-disabled-checked-input-fill:var(--el-border-color-extra-light);--el-checkbox-disabled-checked-input-border-color:var(--el-border-color);--el-checkbox-disabled-checked-icon-color:var(--el-text-color-placeholder);--el-checkbox-checked-text-color:var(--el-color-primary);--el-checkbox-checked-input-border-color:var(--el-color-primary);--el-checkbox-checked-bg-color:var(--el-color-primary);--el-checkbox-checked-icon-color:var(--el-color-white);--el-checkbox-input-border-color-hover:var(--el-color-primary)}.el-checkbox{color:var(--el-checkbox-text-color);font-weight:var(--el-checkbox-font-weight);font-size:var(--el-font-size-base);position:relative;cursor:pointer;display:inline-flex;align-items:center;white-space:nowrap;-webkit-user-select:none;user-select:none;margin-right:30px;height:var(--el-checkbox-height,32px)}.el-checkbox.is-disabled{cursor:not-allowed}.el-checkbox.is-bordered{padding:0 15px 0 9px;border-radius:var(--el-border-radius-base);border:var(--el-border);box-sizing:border-box}.el-checkbox.is-bordered.is-checked{border-color:var(--el-color-primary)}.el-checkbox.is-bordered.is-disabled{border-color:var(--el-border-color-lighter)}.el-checkbox.is-bordered.el-checkbox--large{padding:0 19px 0 11px;border-radius:var(--el-border-radius-base)}.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__label{font-size:var(--el-font-size-base)}.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:0 11px 0 7px;border-radius:calc(var(--el-border-radius-base) - 1px)}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after{height:6px;width:2px}.el-checkbox input:focus-visible+.el-checkbox__inner{outline:2px solid var(--el-checkbox-input-border-color-hover);outline-offset:1px;border-radius:var(--el-checkbox-border-radius)}.el-checkbox__input{white-space:nowrap;cursor:pointer;outline:0;display:inline-flex;position:relative}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:var(--el-checkbox-disabled-input-fill);border-color:var(--el-checkbox-disabled-border-color);cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner:after{cursor:not-allowed;border-color:var(--el-checkbox-disabled-icon-color)}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:var(--el-checkbox-disabled-checked-input-fill);border-color:var(--el-checkbox-disabled-checked-input-border-color)}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after{border-color:var(--el-checkbox-disabled-checked-icon-color)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:var(--el-checkbox-disabled-checked-input-fill);border-color:var(--el-checkbox-disabled-checked-input-border-color)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before{background-color:var(--el-checkbox-disabled-checked-icon-color);border-color:var(--el-checkbox-disabled-checked-icon-color)}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:var(--el-disabled-text-color);cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:var(--el-checkbox-checked-bg-color);border-color:var(--el-checkbox-checked-input-border-color)}.el-checkbox__input.is-checked .el-checkbox__inner:after{transform:rotate(45deg) scaleY(1);border-color:var(--el-checkbox-checked-icon-color)}.el-checkbox__input.is-checked+.el-checkbox__label{color:var(--el-checkbox-checked-text-color)}.el-checkbox__input.is-focus:not(.is-checked) .el-checkbox__original:not(:focus-visible){border-color:var(--el-checkbox-input-border-color-hover)}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:var(--el-checkbox-checked-bg-color);border-color:var(--el-checkbox-checked-input-border-color)}.el-checkbox__input.is-indeterminate .el-checkbox__inner:before{content:"";position:absolute;display:block;background-color:var(--el-checkbox-checked-icon-color);height:2px;transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner:after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:var(--el-checkbox-input-border);border-radius:var(--el-checkbox-border-radius);box-sizing:border-box;width:var(--el-checkbox-input-width);height:var(--el-checkbox-input-height);background-color:var(--el-checkbox-bg-color);z-index:var(--el-index-normal);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46),outline .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:var(--el-checkbox-input-border-color-hover)}.el-checkbox__inner:after{box-sizing:content-box;content:"";border:1px solid transparent;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;transform:rotate(45deg) scaleY(0);width:3px;transition:transform .15s ease-in 50ms;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.el-checkbox__label{display:inline-block;padding-left:8px;line-height:1;font-size:var(--el-checkbox-font-size)}.el-checkbox.el-checkbox--large{height:40px}.el-checkbox.el-checkbox--large .el-checkbox__label{font-size:14px}.el-checkbox.el-checkbox--large .el-checkbox__inner{width:14px;height:14px}.el-checkbox.el-checkbox--small{height:24px}.el-checkbox.el-checkbox--small .el-checkbox__label{font-size:12px}.el-checkbox.el-checkbox--small .el-checkbox__inner{width:12px;height:12px}.el-checkbox.el-checkbox--small .el-checkbox__input.is-indeterminate .el-checkbox__inner:before{top:4px}.el-checkbox.el-checkbox--small .el-checkbox__inner:after{width:2px;height:6px}.el-checkbox:last-of-type{margin-right:0}.el-button{--el-button-font-weight:var(--el-font-weight-primary);--el-button-border-color:var(--el-border-color);--el-button-bg-color:var(--el-fill-color-blank);--el-button-text-color:var(--el-text-color-regular);--el-button-disabled-text-color:var(--el-disabled-text-color);--el-button-disabled-bg-color:var(--el-fill-color-blank);--el-button-disabled-border-color:var(--el-border-color-light);--el-button-divide-border-color:rgba(255, 255, 255, .5);--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-color-primary-light-9);--el-button-hover-border-color:var(--el-color-primary-light-7);--el-button-active-text-color:var(--el-button-hover-text-color);--el-button-active-border-color:var(--el-color-primary);--el-button-active-bg-color:var(--el-button-hover-bg-color);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-hover-link-text-color:var(--el-color-info);--el-button-active-color:var(--el-text-color-primary)}.el-button{display:inline-flex;justify-content:center;align-items:center;line-height:1;height:32px;white-space:nowrap;cursor:pointer;color:var(--el-button-text-color);text-align:center;box-sizing:border-box;outline:0;transition:.1s;font-weight:var(--el-button-font-weight);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;background-color:var(--el-button-bg-color);border:var(--el-border);border-color:var(--el-button-border-color);padding:8px 15px;font-size:var(--el-font-size-base);border-radius:var(--el-border-radius-base)}.el-button:focus,.el-button:hover{color:var(--el-button-hover-text-color);border-color:var(--el-button-hover-border-color);background-color:var(--el-button-hover-bg-color);outline:0}.el-button:active{color:var(--el-button-active-text-color);border-color:var(--el-button-active-border-color);background-color:var(--el-button-active-bg-color);outline:0}.el-button:focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px}.el-button>span{display:inline-flex;align-items:center}.el-button+.el-button{margin-left:12px}.el-button.is-round{padding:8px 15px}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon]+span{margin-left:6px}.el-button [class*=el-icon] svg{vertical-align:bottom}.el-button.is-plain{--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-fill-color-blank);--el-button-hover-border-color:var(--el-color-primary)}.el-button.is-active{color:var(--el-button-active-text-color);border-color:var(--el-button-active-border-color);background-color:var(--el-button-active-bg-color);outline:0}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:var(--el-button-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--el-button-disabled-bg-color);border-color:var(--el-button-disabled-border-color)}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{z-index:1;pointer-events:none;content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:var(--el-mask-color-extra-light)}.el-button.is-round{border-radius:var(--el-border-radius-round)}.el-button.is-circle{border-radius:50%;padding:8px}.el-button.is-text{color:var(--el-button-text-color);border:0 solid transparent;background-color:transparent}.el-button.is-text.is-disabled{color:var(--el-button-disabled-text-color);background-color:transparent!important}.el-button.is-text:not(.is-disabled):focus,.el-button.is-text:not(.is-disabled):hover{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled):focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px}.el-button.is-text:not(.is-disabled):active{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled).is-has-bg:focus,.el-button.is-text:not(.is-disabled).is-has-bg:hover{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg:active{background-color:var(--el-fill-color-dark)}.el-button__text--expand{letter-spacing:.3em;margin-right:-.3em}.el-button.is-link{border-color:transparent;color:var(--el-button-text-color);background:0 0;padding:2px;height:auto}.el-button.is-link:focus,.el-button.is-link:hover{color:var(--el-button-hover-link-text-color)}.el-button.is-link.is-disabled{color:var(--el-button-disabled-text-color);background-color:transparent!important;border-color:transparent!important}.el-button.is-link:not(.is-disabled):focus,.el-button.is-link:not(.is-disabled):hover{border-color:transparent;background-color:transparent}.el-button.is-link:not(.is-disabled):active{color:var(--el-button-active-color);border-color:transparent;background-color:transparent}.el-button--text{border-color:transparent;background:0 0;color:var(--el-color-primary);padding-left:0;padding-right:0}.el-button--text.is-disabled{color:var(--el-button-disabled-text-color);background-color:transparent!important;border-color:transparent!important}.el-button--text:not(.is-disabled):focus,.el-button--text:not(.is-disabled):hover{color:var(--el-color-primary-light-3);border-color:transparent;background-color:transparent}.el-button--text:not(.is-disabled):active{color:var(--el-color-primary-dark-2);border-color:transparent;background-color:transparent}.el-button__link--expand{letter-spacing:.3em;margin-right:-.3em}.el-button--primary{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-primary);--el-button-border-color:var(--el-color-primary);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-active-color:var(--el-color-primary-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-primary-light-5);--el-button-hover-bg-color:var(--el-color-primary-light-3);--el-button-hover-border-color:var(--el-color-primary-light-3);--el-button-active-bg-color:var(--el-color-primary-dark-2);--el-button-active-border-color:var(--el-color-primary-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-primary-light-5);--el-button-disabled-border-color:var(--el-color-primary-light-5)}.el-button--primary.is-link,.el-button--primary.is-plain,.el-button--primary.is-text{--el-button-text-color:var(--el-color-primary);--el-button-bg-color:var(--el-color-primary-light-9);--el-button-border-color:var(--el-color-primary-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-primary);--el-button-hover-border-color:var(--el-color-primary);--el-button-active-text-color:var(--el-color-white)}.el-button--primary.is-link.is-disabled,.el-button--primary.is-link.is-disabled:active,.el-button--primary.is-link.is-disabled:focus,.el-button--primary.is-link.is-disabled:hover,.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover,.el-button--primary.is-text.is-disabled,.el-button--primary.is-text.is-disabled:active,.el-button--primary.is-text.is-disabled:focus,.el-button--primary.is-text.is-disabled:hover{color:var(--el-color-primary-light-5);background-color:var(--el-color-primary-light-9);border-color:var(--el-color-primary-light-8)}.el-button--success{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-success);--el-button-border-color:var(--el-color-success);--el-button-outline-color:var(--el-color-success-light-5);--el-button-active-color:var(--el-color-success-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-success-light-5);--el-button-hover-bg-color:var(--el-color-success-light-3);--el-button-hover-border-color:var(--el-color-success-light-3);--el-button-active-bg-color:var(--el-color-success-dark-2);--el-button-active-border-color:var(--el-color-success-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-success-light-5);--el-button-disabled-border-color:var(--el-color-success-light-5)}.el-button--success.is-link,.el-button--success.is-plain,.el-button--success.is-text{--el-button-text-color:var(--el-color-success);--el-button-bg-color:var(--el-color-success-light-9);--el-button-border-color:var(--el-color-success-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-success);--el-button-hover-border-color:var(--el-color-success);--el-button-active-text-color:var(--el-color-white)}.el-button--success.is-link.is-disabled,.el-button--success.is-link.is-disabled:active,.el-button--success.is-link.is-disabled:focus,.el-button--success.is-link.is-disabled:hover,.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover,.el-button--success.is-text.is-disabled,.el-button--success.is-text.is-disabled:active,.el-button--success.is-text.is-disabled:focus,.el-button--success.is-text.is-disabled:hover{color:var(--el-color-success-light-5);background-color:var(--el-color-success-light-9);border-color:var(--el-color-success-light-8)}.el-button--warning{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-warning);--el-button-border-color:var(--el-color-warning);--el-button-outline-color:var(--el-color-warning-light-5);--el-button-active-color:var(--el-color-warning-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-warning-light-5);--el-button-hover-bg-color:var(--el-color-warning-light-3);--el-button-hover-border-color:var(--el-color-warning-light-3);--el-button-active-bg-color:var(--el-color-warning-dark-2);--el-button-active-border-color:var(--el-color-warning-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-warning-light-5);--el-button-disabled-border-color:var(--el-color-warning-light-5)}.el-button--warning.is-link,.el-button--warning.is-plain,.el-button--warning.is-text{--el-button-text-color:var(--el-color-warning);--el-button-bg-color:var(--el-color-warning-light-9);--el-button-border-color:var(--el-color-warning-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-warning);--el-button-hover-border-color:var(--el-color-warning);--el-button-active-text-color:var(--el-color-white)}.el-button--warning.is-link.is-disabled,.el-button--warning.is-link.is-disabled:active,.el-button--warning.is-link.is-disabled:focus,.el-button--warning.is-link.is-disabled:hover,.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover,.el-button--warning.is-text.is-disabled,.el-button--warning.is-text.is-disabled:active,.el-button--warning.is-text.is-disabled:focus,.el-button--warning.is-text.is-disabled:hover{color:var(--el-color-warning-light-5);background-color:var(--el-color-warning-light-9);border-color:var(--el-color-warning-light-8)}.el-button--danger{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-danger);--el-button-border-color:var(--el-color-danger);--el-button-outline-color:var(--el-color-danger-light-5);--el-button-active-color:var(--el-color-danger-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-danger-light-5);--el-button-hover-bg-color:var(--el-color-danger-light-3);--el-button-hover-border-color:var(--el-color-danger-light-3);--el-button-active-bg-color:var(--el-color-danger-dark-2);--el-button-active-border-color:var(--el-color-danger-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-danger-light-5);--el-button-disabled-border-color:var(--el-color-danger-light-5)}.el-button--danger.is-link,.el-button--danger.is-plain,.el-button--danger.is-text{--el-button-text-color:var(--el-color-danger);--el-button-bg-color:var(--el-color-danger-light-9);--el-button-border-color:var(--el-color-danger-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-danger);--el-button-hover-border-color:var(--el-color-danger);--el-button-active-text-color:var(--el-color-white)}.el-button--danger.is-link.is-disabled,.el-button--danger.is-link.is-disabled:active,.el-button--danger.is-link.is-disabled:focus,.el-button--danger.is-link.is-disabled:hover,.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover,.el-button--danger.is-text.is-disabled,.el-button--danger.is-text.is-disabled:active,.el-button--danger.is-text.is-disabled:focus,.el-button--danger.is-text.is-disabled:hover{color:var(--el-color-danger-light-5);background-color:var(--el-color-danger-light-9);border-color:var(--el-color-danger-light-8)}.el-button--info{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-info);--el-button-border-color:var(--el-color-info);--el-button-outline-color:var(--el-color-info-light-5);--el-button-active-color:var(--el-color-info-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-info-light-5);--el-button-hover-bg-color:var(--el-color-info-light-3);--el-button-hover-border-color:var(--el-color-info-light-3);--el-button-active-bg-color:var(--el-color-info-dark-2);--el-button-active-border-color:var(--el-color-info-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-info-light-5);--el-button-disabled-border-color:var(--el-color-info-light-5)}.el-button--info.is-link,.el-button--info.is-plain,.el-button--info.is-text{--el-button-text-color:var(--el-color-info);--el-button-bg-color:var(--el-color-info-light-9);--el-button-border-color:var(--el-color-info-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-info);--el-button-hover-border-color:var(--el-color-info);--el-button-active-text-color:var(--el-color-white)}.el-button--info.is-link.is-disabled,.el-button--info.is-link.is-disabled:active,.el-button--info.is-link.is-disabled:focus,.el-button--info.is-link.is-disabled:hover,.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover,.el-button--info.is-text.is-disabled,.el-button--info.is-text.is-disabled:active,.el-button--info.is-text.is-disabled:focus,.el-button--info.is-text.is-disabled:hover{color:var(--el-color-info-light-5);background-color:var(--el-color-info-light-9);border-color:var(--el-color-info-light-8)}.el-button--large{--el-button-size:40px;height:var(--el-button-size);padding:12px 19px;font-size:var(--el-font-size-base);border-radius:var(--el-border-radius-base)}.el-button--large [class*=el-icon]+span{margin-left:8px}.el-button--large.is-round{padding:12px 19px}.el-button--large.is-circle{width:var(--el-button-size);padding:12px}.el-button--small{--el-button-size:24px;height:var(--el-button-size);padding:5px 11px;font-size:12px;border-radius:calc(var(--el-border-radius-base) - 1px)}.el-button--small [class*=el-icon]+span{margin-left:4px}.el-button--small.is-round{padding:5px 11px}.el-button--small.is-circle{width:var(--el-button-size);padding:5px}.link-bubble-menu{display:flex}.el-tiptap-editor{box-sizing:border-box;border-radius:8px;display:flex;flex-direction:column;max-height:100%;position:relative;width:100%}.el-tiptap-editor *[class^=el-tiptap-editor]{box-sizing:border-box}.el-tiptap-editor__codemirror{display:flex;flex-grow:1;font-size:16px;line-height:24px;overflow:scroll}.el-tiptap-editor__codemirror .CodeMirror{flex-grow:1;height:auto}.el-tiptap-editor>.el-tiptap-editor__content{background-color:#fff;border:1px solid #ebeef5;border-top:0;border-bottom-left-radius:8px;border-bottom-right-radius:8px;color:#000;flex-grow:1;padding:30px 20px}.el-tiptap-editor--fullscreen{border-radius:0!important;bottom:0!important;height:100%!important;left:0!important;margin:0!important;position:fixed!important;right:0!important;top:0!important;width:100%!important;z-index:500}.el-tiptap-editor--fullscreen .el-tiptap-editor__menu-bar,.el-tiptap-editor--fullscreen .el-tiptap-editor__content,.el-tiptap-editor--fullscreen .el-tiptap-editor__footer{border-radius:0!important}.el-tiptap-editor--with-footer>.el-tiptap-editor__content{border-bottom-left-radius:0;border-bottom-right-radius:0;z-index:10;border-bottom:0}.el-tiptap-editor__menu-bar{background-color:#fff;border:1px solid #ebeef5;border-bottom:0;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;flex-shrink:0;flex-wrap:wrap;padding:5px;position:relative}.el-tiptap-editor__menu-bar:before{bottom:0;background-color:#ebeef5;content:"";height:1px;left:0;margin:0 10px;right:0;position:absolute}.el-tiptap-editor__menu-bubble{background-color:#fff;border-radius:8px;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;display:flex;padding:5px;opacity:0;transition:opacity .3s ease-in-out;visibility:hidden;z-index:30;flex-direction:row;flex-wrap:wrap;max-width:340px;height:55px;overflow-y:auto}.el-tiptap-editor__menu-bubble--active{opacity:1;visibility:visible}.el-tiptap-editor__content{box-sizing:border-box;font-family:sans-serif;line-height:1.7;overflow-x:auto;text-align:left}.el-tiptap-editor__content>*{box-sizing:border-box}.el-tiptap-editor__content p{margin-bottom:0;margin-top:0;outline:none}.el-tiptap-editor__content h1,.el-tiptap-editor__content h2,.el-tiptap-editor__content h3,.el-tiptap-editor__content h4,.el-tiptap-editor__content h5{margin-top:20px;margin-bottom:20px}.el-tiptap-editor__content h1:first-child,.el-tiptap-editor__content h2:first-child,.el-tiptap-editor__content h3:first-child,.el-tiptap-editor__content h4:first-child,.el-tiptap-editor__content h5:first-child{margin-top:0}.el-tiptap-editor__content h1:last-child,.el-tiptap-editor__content h2:last-child,.el-tiptap-editor__content h3:last-child,.el-tiptap-editor__content h4:last-child,.el-tiptap-editor__content h5:last-child{margin-bottom:0}.el-tiptap-editor__content ul,.el-tiptap-editor__content ol{counter-reset:none;list-style-type:none;margin-bottom:0;margin-left:24px;margin-top:0;padding-bottom:5px;padding-left:0;padding-top:5px}.el-tiptap-editor__content li>p{margin:0}.el-tiptap-editor__content li>p:first-child:before{content:counter(el-tiptap-counter) ".";display:inline-block;left:-5px;line-height:1;margin-left:-24px;position:relative;text-align:right;top:0;width:24px}.el-tiptap-editor__content ul li>p:first-child:before{content:"\2022";text-align:center}.el-tiptap-editor__content ol{counter-reset:el-tiptap-counter}.el-tiptap-editor__content ol li>p:first-child:before{counter-increment:el-tiptap-counter}.el-tiptap-editor__content a{color:#409eff;cursor:pointer}.el-tiptap-editor__content blockquote{border-left:5px solid #edf2fc;border-radius:2px;color:#606266;margin:10px 0;padding-left:1em}.el-tiptap-editor__content code{background-color:#d9ecff;border-radius:4px;color:#409eff;display:inline-block;font-size:14px;font-weight:700;padding:0 8px}.el-tiptap-editor__content pre{background-color:#303133;color:#d9ecff;font-size:16px;overflow-x:auto;padding:14px 20px;margin:10px 0;border-radius:5px}.el-tiptap-editor__content pre code{background-color:transparent;border-radius:0;color:inherit;display:block;font-family:"Menlo,Monaco,Consolas,Courier,monospace";font-size:inherit;font-weight:400;padding:0}.el-tiptap-editor__content img{display:inline-block;float:none;margin:12px 0;max-width:100%}.el-tiptap-editor__content img[data-display=inline]{margin-left:12px;margin-right:12px}.el-tiptap-editor__content img[data-display=block]{display:block}.el-tiptap-editor__content img[data-display=left]{float:left;margin-left:0;margin-right:12px}.el-tiptap-editor__content img[data-display=right]{float:right;margin-left:12px;margin-right:0}.el-tiptap-editor__content .image-view{display:inline-block;float:none;line-height:0;margin:12px 0;max-width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:baseline}.el-tiptap-editor__content .image-view--inline{margin-left:12px;margin-right:12px}.el-tiptap-editor__content .image-view--block{display:block}.el-tiptap-editor__content .image-view--left{float:left;margin-left:0;margin-right:12px}.el-tiptap-editor__content .image-view--right{float:right;margin-left:12px;margin-right:0}.el-tiptap-editor__content .image-view__body{clear:both;display:inline-block;max-width:100%;outline-color:transparent;outline-style:solid;outline-width:2px;transition:all .2s ease-in;position:relative}.el-tiptap-editor__content .image-view__body:hover{outline-color:#ffc83d}.el-tiptap-editor__content .image-view__body--focused:hover,.el-tiptap-editor__content .image-view__body--resizing:hover{outline-color:transparent}.el-tiptap-editor__content .image-view__body__placeholder{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.el-tiptap-editor__content .image-view__body__image{cursor:pointer;margin:0}.el-tiptap-editor__content .image-resizer{border:1px solid #409eff;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.el-tiptap-editor__content .image-resizer__handler{background-color:#409eff;border:1px solid #fff;border-radius:2px;box-sizing:border-box;display:block;height:12px;position:absolute;width:12px;z-index:2}.el-tiptap-editor__content .image-resizer__handler--tl{cursor:nw-resize;left:-6px;top:-6px}.el-tiptap-editor__content .image-resizer__handler--tr{cursor:ne-resize;right:-6px;top:-6px}.el-tiptap-editor__content .image-resizer__handler--bl{bottom:-6px;cursor:sw-resize;left:-6px}.el-tiptap-editor__content .image-resizer__handler--br{bottom:-6px;cursor:se-resize;right:-6px}.el-tiptap-editor__content ul[data-type=taskList]{margin-left:5px}.el-tiptap-editor__content ul[data-type=taskList] .task-item-wrapper{display:flex}.el-tiptap-editor__content ul[data-type=taskList] li[data-type=taskItem]{display:flex;flex-direction:row;justify-content:flex-start;margin-bottom:0;width:100%}.el-tiptap-editor__content ul[data-type=taskList] li[data-type=taskItem][data-text-align=right]{justify-content:flex-end!important}.el-tiptap-editor__content ul[data-type=taskList] li[data-type=taskItem][data-text-align=center]{justify-content:center!important}.el-tiptap-editor__content ul[data-type=taskList] li[data-type=taskItem][data-text-align=justify]{text-align:space-between!important}.el-tiptap-editor__content ul[data-type=taskList] li[data-type=taskItem] .todo-content{padding-left:10px;width:100%}.el-tiptap-editor__content ul[data-type=taskList] li[data-type=taskItem] .todo-content>p{font-size:16px}.el-tiptap-editor__content ul[data-type=taskList] li[data-type=taskItem] .todo-content>p:last-of-type{margin-bottom:0}.el-tiptap-editor__content ul[data-type=taskList] li[data-type=taskItem][data-done=done]>.todo-content>p{color:#409eff;text-decoration:line-through}.el-tiptap-editor__content hr{margin-top:20px;margin-bottom:20px}.el-tiptap-editor__content *[data-indent="1"]{margin-left:30px!important}.el-tiptap-editor__content *[data-indent="2"]{margin-left:60px!important}.el-tiptap-editor__content *[data-indent="3"]{margin-left:90px!important}.el-tiptap-editor__content *[data-indent="4"]{margin-left:120px!important}.el-tiptap-editor__content *[data-indent="5"]{margin-left:150px!important}.el-tiptap-editor__content *[data-indent="6"]{margin-left:180px!important}.el-tiptap-editor__content *[data-indent="7"]{margin-left:210px!important}.el-tiptap-editor__content .tableWrapper{margin:1em 0;overflow-x:auto}.el-tiptap-editor__content table{border-collapse:collapse;table-layout:fixed;width:100%;margin:0;overflow:hidden}.el-tiptap-editor__content th,.el-tiptap-editor__content td{border:2px solid #ebeef5;box-sizing:border-box;min-width:1em;padding:3px 5px;position:relative;vertical-align:top}.el-tiptap-editor__content th.selectedCell,.el-tiptap-editor__content td.selectedCell{background-color:#ecf5ff}.el-tiptap-editor__content th{font-weight:500;text-align:left}.el-tiptap-editor__content .column-resize-handle{background-color:#b3d8ff;bottom:0;pointer-events:none;position:absolute;right:-2px;top:0;width:4px;z-index:20}.el-tiptap-editor__content .iframe{height:0;padding-bottom:56.25%;position:relative;width:100%}.el-tiptap-editor__content .iframe__embed{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.el-tiptap-editor__content .resize-cursor{cursor:ew-resize;cursor:col-resize}.el-tiptap-editor__footer{align-items:center;background-color:#fff;border:1px solid #ebeef5;border-bottom-left-radius:8px;border-bottom-right-radius:8px;display:flex;font-family:sans-serif;font-size:14px;justify-content:flex-end;padding:10px}.el-tiptap-editor .ProseMirror{outline:0;height:100%}.el-tiptap-editor__placeholder.el-tiptap-editor--empty:first-child:before{color:#c0c4cc;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.el-tiptap-editor__with-title-placeholder:nth-child(1):before,.el-tiptap-editor__with-title-placeholder:nth-child(2):before{color:#c0c4cc;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.el-tiptap-editor .mover-button{position:absolute;cursor:grab;right:-18px;top:-10px;color:var(--el-color-primary);background:#fff}.el-tiptap-editor .mover-button:after{position:relative;display:flex;width:15px;height:15px;align-items:center}.el-tiptap-editor__characters{color:#939599}.tooltip-up{z-index:10000!important}.el-tiptap-editor__command-button{border:1px solid transparent;box-sizing:border-box;align-items:center;border-radius:50%;color:#303133;cursor:pointer;display:flex;justify-content:center;height:40px;margin:2px;outline:0;transition:all .2s ease-in-out;width:40px}.el-tiptap-editor__command-button:hover{background-color:#e4e9f2}.el-tiptap-editor__command-button--active{background-color:#ecf5ff;color:#409eff}.el-tiptap-editor__command-button--readonly{cursor:default;opacity:.3;pointer-events:none}.el-tiptap-editor__command-button--readonly:hover{background-color:transparent}.el-tiptap-dropdown-popper .el-dropdown-menu__item{padding:0}.el-tiptap-dropdown-menu .el-tiptap-dropdown-menu__item{color:#303133;line-height:1.5;padding:5px 20px;width:100%}.el-tiptap-dropdown-menu .el-tiptap-dropdown-menu__item [data-item-type=heading]{margin-bottom:0;margin-top:0}.el-tiptap-dropdown-menu .el-tiptap-dropdown-menu__item--active{background-color:#ecf5ff;color:#409eff}.el-tiptap-popper{width:auto!important}.el-tiptap-popper.el-popper{min-width:0}.el-tiptap-popper__menu__item{color:#303133;cursor:pointer;padding:8px 0}.el-tiptap-popper__menu__item:hover,.el-tiptap-popper__menu__item--active{color:#409eff}.el-tiptap-popper__menu__item--disabled{cursor:default;opacity:.2}.el-tiptap-popper__menu__item--disabled:hover{color:inherit}.el-tiptap-popper__menu__item__separator{border-top:1px solid #dcdfe6;height:0;margin:5px 0;width:100%}.el-tiptap-upload{display:flex}.el-tiptap-upload .el-upload{flex-grow:1}.el-tiptap-upload .el-upload-dragger{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;height:300px;width:100%}.el-tiptap-upload .el-upload-dragger .el-tiptap-upload__icon{font-size:50px;margin-bottom:10px}.el-tiptap-upload .el-upload-dragger:hover .el-tiptap-upload__icon{color:#409eff}.color-set{display:flex;flex-direction:row;flex-wrap:wrap;width:240px}.color-set .color{border-radius:50%;box-shadow:#0003 0 3px 3px -2px,#00000024 0 3px 4px,#0000001f 0 1px 8px;box-sizing:border-box;color:#fff;height:30px;transition:all .2s ease-in-out;width:30px}.color-set .color__wrapper{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;flex:0 0 12.5%;justify-content:center;padding:5px}.color-set .color:hover,.color-set .color--selected{border:2px solid #fff;transform:scale(1.3)}.color-set .color--remove{position:relative}.color-set .color--remove:hover:before{transform:rotate(-45deg)}.color-set .color--remove:hover:after{transform:rotate(45deg)}.color-set .color--remove:before,.color-set .color--remove:after{background-color:#f56c6c;bottom:0;content:"";left:50%;position:absolute;margin:2px 0;top:0;transform:translate(-50%);transition:all .2s ease-in-out;width:2px}.color-hex{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:10px}.color-hex .color-hex__button{margin-left:10px;padding-left:15px;padding-right:15px}.table-grid-size-editor__body{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between}.table-grid-size-editor__row{display:flex}.table-grid-size-editor__cell{background-color:#fff;padding:5px}.table-grid-size-editor__cell__inner{border:1px solid #dcdfe6;box-sizing:border-box;border-radius:2px;height:16px;padding:4px;width:16px}.table-grid-size-editor__cell--selected .table-grid-size-editor__cell__inner{background-color:#ecf5ff;border-color:#409eff}.table-grid-size-editor__footer{margin-top:5px;text-align:center}.el-tiptap-edit-image-dialog .el-form-item:last-child{margin-bottom:0}.el-tiptap-edit-image-dialog input[type=number]::-webkit-inner-spin-button,.el-tiptap-edit-image-dialog input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.el-tiptap-edit-link-dialog .el-form-item:last-child{margin-bottom:0}.el-popper.el-tiptap-image-popper{background-color:#fff;border-radius:8px;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;min-width:0;padding:5px}.el-popper.el-tiptap-image-popper .image-bubble-menu{align-items:center;display:flex;flex-direction:row}.command-list{display:flex;gap:5px;position:relative;flex-wrap:wrap;max-width:300px}.command-list::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group:after,.el-button-group:before{display:table;content:""}.el-button-group:after{clear:both}.el-button-group>.el-button{float:left;position:relative}.el-button-group>.el-button+.el-button{margin-left:0}.el-button-group>.el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group>.el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group>.el-button:first-child:last-child{border-top-right-radius:var(--el-border-radius-base);border-bottom-right-radius:var(--el-border-radius-base);border-top-left-radius:var(--el-border-radius-base);border-bottom-left-radius:var(--el-border-radius-base)}.el-button-group>.el-button:first-child:last-child.is-round{border-radius:var(--el-border-radius-round)}.el-button-group>.el-button:first-child:last-child.is-circle{border-radius:50%}.el-button-group>.el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group>.el-button:not(:last-child){margin-right:-1px}.el-button-group>.el-button:active,.el-button-group>.el-button:focus,.el-button-group>.el-button:hover{z-index:1}.el-button-group>.el-button.is-active{z-index:1}.el-button-group>.el-dropdown>.el-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--primary:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--primary:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--success:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--success:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--warning:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--warning:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--danger:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--danger:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--info:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--info:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-scrollbar{--el-scrollbar-opacity:.3;--el-scrollbar-bg-color:var(--el-text-color-secondary);--el-scrollbar-hover-opacity:.5;--el-scrollbar-hover-bg-color:var(--el-text-color-secondary)}.el-scrollbar{overflow:hidden;position:relative;height:100%}.el-scrollbar__wrap{overflow:auto;height:100%}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{display:none}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:var(--el-scrollbar-bg-color,var(--el-text-color-secondary));transition:var(--el-transition-duration) background-color;opacity:var(--el-scrollbar-opacity,.3)}.el-scrollbar__thumb:hover{background-color:var(--el-scrollbar-hover-bg-color,var(--el-text-color-secondary));opacity:var(--el-scrollbar-hover-opacity,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar-fade-enter-active{transition:opacity .34s ease-out}.el-scrollbar-fade-leave-active{transition:opacity .12s ease-out}.el-scrollbar-fade-enter-from,.el-scrollbar-fade-leave-active{opacity:0}.el-dropdown{--el-dropdown-menu-box-shadow:var(--el-box-shadow-light);--el-dropdown-menuItem-hover-fill:var(--el-color-primary-light-9);--el-dropdown-menuItem-hover-color:var(--el-color-primary);--el-dropdown-menu-index:10;display:inline-flex;position:relative;color:var(--el-text-color-regular);font-size:var(--el-font-size-base);line-height:1;vertical-align:top}.el-dropdown.is-disabled{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-dropdown__popper{--el-dropdown-menu-box-shadow:var(--el-box-shadow-light);--el-dropdown-menuItem-hover-fill:var(--el-color-primary-light-9);--el-dropdown-menuItem-hover-color:var(--el-color-primary);--el-dropdown-menu-index:10}.el-dropdown__popper.el-popper{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);box-shadow:var(--el-dropdown-menu-box-shadow)}.el-dropdown__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-border-color-light)}.el-dropdown__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-top-color:transparent;border-left-color:transparent}.el-dropdown__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-dropdown__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-left-color:transparent;border-bottom-color:transparent}.el-dropdown__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-dropdown__popper .el-dropdown-menu{border:none}.el-dropdown__popper .el-dropdown__popper-selfdefine{outline:0}.el-dropdown__popper .el-scrollbar__bar{z-index:calc(var(--el-dropdown-menu-index) + 1)}.el-dropdown__popper .el-dropdown__list{list-style:none;padding:0;margin:0;box-sizing:border-box}.el-dropdown .el-dropdown__caret-button{padding-left:0;padding-right:0;display:inline-flex;justify-content:center;align-items:center;width:32px;border-left:none}.el-dropdown .el-dropdown__caret-button>span{display:inline-flex}.el-dropdown .el-dropdown__caret-button:before{content:"";position:absolute;display:block;width:1px;top:-1px;bottom:-1px;left:0;background:var(--el-overlay-color-lighter)}.el-dropdown .el-dropdown__caret-button.el-button:before{background:var(--el-border-color);opacity:.5}.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{font-size:inherit;padding-left:0}.el-dropdown .el-dropdown-selfdefine{outline:0}.el-dropdown--large .el-dropdown__caret-button{width:40px}.el-dropdown--small .el-dropdown__caret-button{width:24px}.el-dropdown-menu{position:relative;top:0;left:0;z-index:var(--el-dropdown-menu-index);padding:5px 0;margin:0;background-color:var(--el-bg-color-overlay);border:none;border-radius:var(--el-border-radius-base);box-shadow:none;list-style:none}.el-dropdown-menu__item{display:flex;align-items:center;white-space:nowrap;list-style:none;line-height:22px;padding:5px 16px;margin:0;font-size:var(--el-font-size-base);color:var(--el-text-color-regular);cursor:pointer;outline:0}.el-dropdown-menu__item:not(.is-disabled):focus{background-color:var(--el-dropdown-menuItem-hover-fill);color:var(--el-dropdown-menuItem-hover-color)}.el-dropdown-menu__item i{margin-right:5px}.el-dropdown-menu__item--divided{margin:6px 0;border-top:1px solid var(--el-border-color-lighter)}.el-dropdown-menu__item.is-disabled{cursor:not-allowed;color:var(--el-text-color-disabled)}.el-dropdown-menu--large{padding:7px 0}.el-dropdown-menu--large .el-dropdown-menu__item{padding:7px 20px;line-height:22px;font-size:14px}.el-dropdown-menu--large .el-dropdown-menu__item--divided{margin:8px 0}.el-dropdown-menu--small{padding:3px 0}.el-dropdown-menu--small .el-dropdown-menu__item{padding:2px 12px;line-height:20px;font-size:12px}.el-dropdown-menu--small .el-dropdown-menu__item--divided{margin:4px 0}.el-upload{--el-upload-dragger-padding-horizontal:40px;--el-upload-dragger-padding-vertical:10px}.el-upload{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;outline:0}.el-upload__input{display:none}.el-upload__tip{font-size:12px;color:var(--el-text-color-regular);margin-top:7px}.el-upload iframe{position:absolute;z-index:-1;top:0;left:0;opacity:0}.el-upload--picture-card{--el-upload-picture-card-size:148px;background-color:var(--el-fill-color-lighter);border:1px dashed var(--el-border-color-darker);border-radius:6px;box-sizing:border-box;width:var(--el-upload-picture-card-size);height:var(--el-upload-picture-card-size);cursor:pointer;vertical-align:top;display:inline-flex;justify-content:center;align-items:center}.el-upload--picture-card i{font-size:28px;color:var(--el-text-color-secondary)}.el-upload--picture-card:hover{border-color:var(--el-color-primary);color:var(--el-color-primary)}.el-upload.is-drag{display:block}.el-upload:focus{border-color:var(--el-color-primary);color:var(--el-color-primary)}.el-upload:focus .el-upload-dragger{border-color:var(--el-color-primary)}.el-upload-dragger{padding:var(--el-upload-dragger-padding-horizontal) var(--el-upload-dragger-padding-vertical);background-color:var(--el-fill-color-blank);border:1px dashed var(--el-border-color);border-radius:6px;box-sizing:border-box;text-align:center;cursor:pointer;position:relative;overflow:hidden}.el-upload-dragger .el-icon--upload{font-size:67px;color:var(--el-text-color-placeholder);margin-bottom:16px;line-height:50px}.el-upload-dragger+.el-upload__tip{text-align:center}.el-upload-dragger~.el-upload__files{border-top:var(--el-border);margin-top:7px;padding-top:5px}.el-upload-dragger .el-upload__text{color:var(--el-text-color-regular);font-size:14px;text-align:center}.el-upload-dragger .el-upload__text em{color:var(--el-color-primary);font-style:normal}.el-upload-dragger:hover{border-color:var(--el-color-primary)}.el-upload-dragger.is-dragover{padding:calc(var(--el-upload-dragger-padding-horizontal) - 1px) calc(var(--el-upload-dragger-padding-vertical) - 1px);background-color:var(--el-color-primary-light-9);border:2px dashed var(--el-color-primary)}.el-upload-list{margin:10px 0 0;padding:0;list-style:none;position:relative}.el-upload-list__item{transition:all .5s cubic-bezier(.55,0,.1,1);font-size:14px;color:var(--el-text-color-regular);margin-bottom:5px;position:relative;box-sizing:border-box;border-radius:4px;width:100%}.el-upload-list__item .el-progress{position:absolute;top:20px;width:100%}.el-upload-list__item .el-progress__text{position:absolute;right:0;top:-13px}.el-upload-list__item .el-progress-bar{margin-right:0;padding-right:0}.el-upload-list__item .el-icon--upload-success{color:var(--el-color-success)}.el-upload-list__item .el-icon--close{display:none;position:absolute;right:5px;top:50%;cursor:pointer;opacity:.75;color:var(--el-text-color-regular);transition:opacity var(--el-transition-duration);transform:translateY(-50%)}.el-upload-list__item .el-icon--close:hover{opacity:1;color:var(--el-color-primary)}.el-upload-list__item .el-icon--close-tip{display:none;position:absolute;top:1px;right:5px;font-size:12px;cursor:pointer;opacity:1;color:var(--el-color-primary);font-style:normal}.el-upload-list__item:hover{background-color:var(--el-fill-color-light)}.el-upload-list__item:hover .el-icon--close{display:inline-flex}.el-upload-list__item:hover .el-progress__text{display:none}.el-upload-list__item .el-upload-list__item-info{display:inline-flex;justify-content:center;flex-direction:column;width:calc(100% - 30px);margin-left:4px}.el-upload-list__item.is-success .el-upload-list__item-status-label{display:inline-flex}.el-upload-list__item.is-success .el-upload-list__item-name:focus,.el-upload-list__item.is-success .el-upload-list__item-name:hover{color:var(--el-color-primary);cursor:pointer}.el-upload-list__item.is-success:focus:not(:hover) .el-icon--close-tip{display:inline-block}.el-upload-list__item.is-success:active,.el-upload-list__item.is-success:not(.focusing):focus{outline-width:0}.el-upload-list__item.is-success:active .el-icon--close-tip,.el-upload-list__item.is-success:not(.focusing):focus .el-icon--close-tip{display:none}.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,.el-upload-list__item.is-success:hover .el-upload-list__item-status-label{display:none;opacity:0}.el-upload-list__item-name{color:var(--el-text-color-regular);display:inline-flex;text-align:center;align-items:center;padding:0 4px;transition:color var(--el-transition-duration);font-size:var(--el-font-size-base)}.el-upload-list__item-name .el-icon{margin-right:6px;color:var(--el-text-color-secondary)}.el-upload-list__item-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-upload-list__item-status-label{position:absolute;right:5px;top:0;line-height:inherit;display:none;height:100%;justify-content:center;align-items:center;transition:opacity var(--el-transition-duration)}.el-upload-list__item-delete{position:absolute;right:10px;top:0;font-size:12px;color:var(--el-text-color-regular);display:none}.el-upload-list__item-delete:hover{color:var(--el-color-primary)}.el-upload-list--picture-card{--el-upload-list-picture-card-size:148px;display:inline-flex;flex-wrap:wrap;margin:0}.el-upload-list--picture-card .el-upload-list__item{overflow:hidden;background-color:var(--el-fill-color-blank);border:1px solid var(--el-border-color);border-radius:6px;box-sizing:border-box;width:var(--el-upload-list-picture-card-size);height:var(--el-upload-list-picture-card-size);margin:0 8px 8px 0;padding:0;display:inline-flex}.el-upload-list--picture-card .el-upload-list__item .el-icon--check,.el-upload-list--picture-card .el-upload-list__item .el-icon--circle-check{color:#fff}.el-upload-list--picture-card .el-upload-list__item .el-icon--close{display:none}.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label{opacity:0;display:block}.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture-card .el-upload-list__item .el-upload-list__item-name{display:none}.el-upload-list--picture-card .el-upload-list__item-thumbnail{width:100%;height:100%;object-fit:contain}.el-upload-list--picture-card .el-upload-list__item-status-label{right:-15px;top:-6px;width:40px;height:24px;background:var(--el-color-success);text-align:center;transform:rotate(45deg)}.el-upload-list--picture-card .el-upload-list__item-status-label i{font-size:12px;margin-top:11px;transform:rotate(-45deg)}.el-upload-list--picture-card .el-upload-list__item-actions{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;display:inline-flex;justify-content:center;align-items:center;color:#fff;opacity:0;font-size:20px;background-color:var(--el-overlay-color-lighter);transition:opacity var(--el-transition-duration)}.el-upload-list--picture-card .el-upload-list__item-actions span{display:none;cursor:pointer}.el-upload-list--picture-card .el-upload-list__item-actions span+span{margin-left:1rem}.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete{position:static;font-size:inherit;color:inherit}.el-upload-list--picture-card .el-upload-list__item-actions:hover{opacity:1}.el-upload-list--picture-card .el-upload-list__item-actions:hover span{display:inline-flex}.el-upload-list--picture-card .el-progress{top:50%;left:50%;transform:translate(-50%,-50%);bottom:auto;width:126px}.el-upload-list--picture-card .el-progress .el-progress__text{top:50%}.el-upload-list--picture .el-upload-list__item{overflow:hidden;z-index:0;background-color:var(--el-fill-color-blank);border:1px solid var(--el-border-color);border-radius:6px;box-sizing:border-box;margin-top:10px;padding:10px;display:flex;align-items:center}.el-upload-list--picture .el-upload-list__item .el-icon--check,.el-upload-list--picture .el-upload-list__item .el-icon--circle-check{color:#fff}.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label{opacity:0;display:inline-flex}.el-upload-list--picture .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i{display:none}.el-upload-list--picture .el-upload-list__item .el-icon--close{top:5px;transform:translateY(0)}.el-upload-list--picture .el-upload-list__item-thumbnail{display:inline-flex;justify-content:center;align-items:center;width:70px;height:70px;object-fit:contain;position:relative;z-index:1;background-color:var(--el-color-white)}.el-upload-list--picture .el-upload-list__item-status-label{position:absolute;right:-17px;top:-7px;width:46px;height:26px;background:var(--el-color-success);text-align:center;transform:rotate(45deg)}.el-upload-list--picture .el-upload-list__item-status-label i{font-size:12px;margin-top:12px;transform:rotate(-45deg)}.el-upload-list--picture .el-progress{position:relative;top:-7px}.el-upload-cover{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:10;cursor:default}.el-upload-cover:after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-upload-cover img{display:block;width:100%;height:100%}.el-upload-cover__label{right:-15px;top:-6px;width:40px;height:24px;background:var(--el-color-success);text-align:center;transform:rotate(45deg)}.el-upload-cover__label i{font-size:12px;margin-top:11px;transform:rotate(-45deg);color:#fff}.el-upload-cover__progress{display:inline-block;vertical-align:middle;position:static;width:243px}.el-upload-cover__progress+.el-upload__inner{opacity:0}.el-upload-cover__content{position:absolute;top:0;left:0;width:100%;height:100%}.el-upload-cover__interact{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:var(--el-overlay-color-light);text-align:center}.el-upload-cover__interact .btn{display:inline-block;color:#fff;font-size:14px;cursor:pointer;vertical-align:middle;transition:var(--el-transition-md-fade);margin-top:60px}.el-upload-cover__interact .btn i{margin-top:0}.el-upload-cover__interact .btn span{opacity:0;transition:opacity .15s linear}.el-upload-cover__interact .btn:not(:first-child){margin-left:35px}.el-upload-cover__interact .btn:hover{transform:translateY(-13px)}.el-upload-cover__interact .btn:hover span{opacity:1}.el-upload-cover__interact .btn i{color:#fff;display:block;font-size:24px;line-height:inherit;margin:0 auto 5px}.el-upload-cover__title{position:absolute;bottom:0;left:0;background-color:#fff;height:36px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;text-align:left;padding:0 10px;margin:0;line-height:36px;font-size:14px;color:var(--el-text-color-primary)}.el-upload-cover+.el-upload__inner{opacity:0;position:relative;z-index:1}.el-progress{position:relative;line-height:1;display:flex;align-items:center}.el-progress__text{font-size:14px;color:var(--el-text-color-regular);margin-left:5px;min-width:50px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle,.el-progress--dashboard{display:inline-block}.el-progress--circle .el-progress__text,.el-progress--dashboard .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;transform:translateY(-50%)}.el-progress--circle .el-progress__text i,.el-progress--dashboard .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.el-progress.is-success .el-progress-bar__inner{background-color:var(--el-color-success)}.el-progress.is-success .el-progress__text{color:var(--el-color-success)}.el-progress.is-warning .el-progress-bar__inner{background-color:var(--el-color-warning)}.el-progress.is-warning .el-progress__text{color:var(--el-color-warning)}.el-progress.is-exception .el-progress-bar__inner{background-color:var(--el-color-danger)}.el-progress.is-exception .el-progress__text{color:var(--el-color-danger)}.el-progress-bar{flex-grow:1;box-sizing:border-box}.el-progress-bar__outer{height:6px;border-radius:100px;background-color:var(--el-border-color-lighter);overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:var(--el-color-primary);text-align:right;border-radius:100px;line-height:1;white-space:nowrap;transition:width .6s ease}.el-progress-bar__inner:after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-progress-bar__inner--indeterminate{transform:translateZ(0);animation:indeterminate 3s infinite}.el-progress-bar__inner--striped{background-image:linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.1) 75%,transparent 75%,transparent);background-size:1.25em 1.25em}.el-progress-bar__inner--striped.el-progress-bar__inner--striped-flow{animation:striped-flow 3s linear infinite}.el-progress-bar__innerText{display:inline-block;vertical-align:middle;color:#fff;font-size:12px;margin:0 5px}@keyframes progress{0%{background-position:0 0}to{background-position:32px 0}}@keyframes indeterminate{0%{left:-100%}to{left:100%}}@keyframes striped-flow{0%{background-position:-100%}to{background-position:100%}}:root{--el-popup-modal-bg-color:var(--el-color-black);--el-popup-modal-opacity:.5}.v-modal-enter{animation:v-modal-in var(--el-transition-duration-fast) ease}.v-modal-leave{animation:v-modal-out var(--el-transition-duration-fast) ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{to{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:var(--el-popup-modal-opacity);background:var(--el-popup-modal-bg-color)}.el-popup-parent--hidden{overflow:hidden}.el-message-box{--el-messagebox-title-color:var(--el-text-color-primary);--el-messagebox-width:420px;--el-messagebox-border-radius:4px;--el-messagebox-font-size:var(--el-font-size-large);--el-messagebox-content-font-size:var(--el-font-size-base);--el-messagebox-content-color:var(--el-text-color-regular);--el-messagebox-error-font-size:12px;--el-messagebox-padding-primary:15px}.el-message-box{display:inline-block;max-width:var(--el-messagebox-width);width:100%;padding-bottom:10px;vertical-align:middle;background-color:var(--el-bg-color);border-radius:var(--el-messagebox-border-radius);border:1px solid var(--el-border-color-lighter);font-size:var(--el-messagebox-font-size);box-shadow:var(--el-box-shadow-light);text-align:left;overflow:hidden;backface-visibility:hidden;box-sizing:border-box}.el-message-box:focus{outline:0!important}.el-overlay.is-message-box .el-overlay-message-box{text-align:center;position:fixed;top:0;right:0;bottom:0;left:0;padding:16px;overflow:auto}.el-overlay.is-message-box .el-overlay-message-box:after{content:"";display:inline-block;height:100%;width:0;vertical-align:middle}.el-message-box.is-draggable .el-message-box__header{cursor:move;-webkit-user-select:none;user-select:none}.el-message-box__header{position:relative;padding:var(--el-messagebox-padding-primary);padding-bottom:10px}.el-message-box__title{padding-left:0;margin-bottom:0;font-size:var(--el-messagebox-font-size);line-height:1;color:var(--el-messagebox-title-color)}.el-message-box__headerbtn{position:absolute;top:var(--el-messagebox-padding-primary);right:var(--el-messagebox-padding-primary);padding:0;border:none;outline:0;background:0 0;font-size:var(--el-message-close-size,16px);cursor:pointer}.el-message-box__headerbtn .el-message-box__close{color:var(--el-color-info);font-size:inherit}.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close{color:var(--el-color-primary)}.el-message-box__content{padding:10px var(--el-messagebox-padding-primary);color:var(--el-messagebox-content-color);font-size:var(--el-messagebox-content-font-size)}.el-message-box__container{position:relative}.el-message-box__input{padding-top:15px}.el-message-box__input div.invalid>input{border-color:var(--el-color-error)}.el-message-box__input div.invalid>input:focus{border-color:var(--el-color-error)}.el-message-box__status{position:absolute;top:50%;transform:translateY(-50%);font-size:24px!important}.el-message-box__status:before{padding-left:1px}.el-message-box__status.el-icon{position:absolute}.el-message-box__status+.el-message-box__message{padding-left:36px;padding-right:12px;word-break:break-word}.el-message-box__status.el-message-box-icon--success{--el-messagebox-color:var(--el-color-success);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--info{--el-messagebox-color:var(--el-color-info);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--warning{--el-messagebox-color:var(--el-color-warning);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--error{--el-messagebox-color:var(--el-color-error);color:var(--el-messagebox-color)}.el-message-box__message{margin:0}.el-message-box__message p{margin:0;line-height:24px}.el-message-box__errormsg{color:var(--el-color-error);font-size:var(--el-messagebox-error-font-size);min-height:18px;margin-top:2px}.el-message-box__btns{padding:5px 15px 0;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center}.el-message-box__btns button:nth-child(2){margin-left:10px}.el-message-box__btns-reverse{flex-direction:row-reverse}.el-message-box--center .el-message-box__title{position:relative;display:flex;align-items:center;justify-content:center}.el-message-box--center .el-message-box__status{position:relative;top:auto;padding-right:5px;text-align:center;transform:translateY(-1px)}.el-message-box--center .el-message-box__message{margin-left:0}.el-message-box--center .el-message-box__btns{justify-content:center}.el-message-box--center .el-message-box__content{padding-left:calc(var(--el-messagebox-padding-primary) + 12px);padding-right:calc(var(--el-messagebox-padding-primary) + 12px);text-align:center}.fade-in-linear-enter-active .el-overlay-message-box{animation:msgbox-fade-in var(--el-transition-duration)}.fade-in-linear-leave-active .el-overlay-message-box{animation:msgbox-fade-in var(--el-transition-duration) reverse}@keyframes msgbox-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes msgbox-fade-out{0%{transform:translateZ(0);opacity:1}to{transform:translate3d(0,-20px,0);opacity:0}}.el-popover{--el-popover-bg-color:var(--el-bg-color-overlay);--el-popover-font-size:var(--el-font-size-base);--el-popover-border-color:var(--el-border-color-lighter);--el-popover-padding:12px;--el-popover-padding-large:18px 20px;--el-popover-title-font-size:16px;--el-popover-title-text-color:var(--el-text-color-primary);--el-popover-border-radius:4px}.el-popover.el-popper{background:var(--el-popover-bg-color);min-width:150px;border-radius:var(--el-popover-border-radius);border:1px solid var(--el-popover-border-color);padding:var(--el-popover-padding);z-index:var(--el-index-popper);color:var(--el-text-color-regular);line-height:1.4;text-align:justify;font-size:var(--el-popover-font-size);box-shadow:var(--el-box-shadow-light);word-break:break-all;box-sizing:border-box}.el-popover.el-popper--plain{padding:var(--el-popover-padding-large)}.el-popover__title{color:var(--el-popover-title-text-color);font-size:var(--el-popover-title-font-size);line-height:1;margin-bottom:12px}.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing){outline-width:0}.el-popover.el-popper.is-dark{--el-popover-bg-color:var(--el-text-color-primary);--el-popover-border-color:var(--el-text-color-primary);--el-popover-title-text-color:var(--el-bg-color);color:var(--el-bg-color)}.el-popover.el-popper:focus,.el-popover.el-popper:focus:active{outline-width:0}:root{--el-loading-spinner-size:42px;--el-loading-fullscreen-spinner-size:50px}.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{position:absolute;z-index:2000;background-color:var(--el-mask-color);margin:0;top:0;right:0;bottom:0;left:0;transition:opacity var(--el-transition-duration)}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:calc((0px - var(--el-loading-fullscreen-spinner-size))/ 2)}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:var(--el-loading-fullscreen-spinner-size);width:var(--el-loading-fullscreen-spinner-size)}.el-loading-spinner{top:50%;margin-top:calc((0px - var(--el-loading-spinner-size))/ 2);width:100%;text-align:center;position:absolute}.el-loading-spinner .el-loading-text{color:var(--el-color-primary);margin:3px 0;font-size:14px}.el-loading-spinner .circular{display:inline;height:var(--el-loading-spinner-size);width:var(--el-loading-spinner-size);animation:loading-rotate 2s linear infinite}.el-loading-spinner .path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--el-color-primary);stroke-linecap:round}.el-loading-spinner i{color:var(--el-color-primary)}.el-loading-fade-enter-from,.el-loading-fade-leave-to{opacity:0}@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}[class*=el-col-]{box-sizing:border-box}[class*=el-col-].is-guttered{display:block;min-height:1px}.el-col-0,.el-col-0.is-guttered{display:none}.el-col-0{max-width:0%;flex:0 0 0%}.el-col-offset-0{margin-left:0}.el-col-pull-0{position:relative;right:0}.el-col-push-0{position:relative;left:0}.el-col-1{max-width:4.1666666667%;flex:0 0 4.1666666667%}.el-col-offset-1{margin-left:4.1666666667%}.el-col-pull-1{position:relative;right:4.1666666667%}.el-col-push-1{position:relative;left:4.1666666667%}.el-col-2{max-width:8.3333333333%;flex:0 0 8.3333333333%}.el-col-offset-2{margin-left:8.3333333333%}.el-col-pull-2{position:relative;right:8.3333333333%}.el-col-push-2{position:relative;left:8.3333333333%}.el-col-3{max-width:12.5%;flex:0 0 12.5%}.el-col-offset-3{margin-left:12.5%}.el-col-pull-3{position:relative;right:12.5%}.el-col-push-3{position:relative;left:12.5%}.el-col-4{max-width:16.6666666667%;flex:0 0 16.6666666667%}.el-col-offset-4{margin-left:16.6666666667%}.el-col-pull-4{position:relative;right:16.6666666667%}.el-col-push-4{position:relative;left:16.6666666667%}.el-col-5{max-width:20.8333333333%;flex:0 0 20.8333333333%}.el-col-offset-5{margin-left:20.8333333333%}.el-col-pull-5{position:relative;right:20.8333333333%}.el-col-push-5{position:relative;left:20.8333333333%}.el-col-6{max-width:25%;flex:0 0 25%}.el-col-offset-6{margin-left:25%}.el-col-pull-6{position:relative;right:25%}.el-col-push-6{position:relative;left:25%}.el-col-7{max-width:29.1666666667%;flex:0 0 29.1666666667%}.el-col-offset-7{margin-left:29.1666666667%}.el-col-pull-7{position:relative;right:29.1666666667%}.el-col-push-7{position:relative;left:29.1666666667%}.el-col-8{max-width:33.3333333333%;flex:0 0 33.3333333333%}.el-col-offset-8{margin-left:33.3333333333%}.el-col-pull-8{position:relative;right:33.3333333333%}.el-col-push-8{position:relative;left:33.3333333333%}.el-col-9{max-width:37.5%;flex:0 0 37.5%}.el-col-offset-9{margin-left:37.5%}.el-col-pull-9{position:relative;right:37.5%}.el-col-push-9{position:relative;left:37.5%}.el-col-10{max-width:41.6666666667%;flex:0 0 41.6666666667%}.el-col-offset-10{margin-left:41.6666666667%}.el-col-pull-10{position:relative;right:41.6666666667%}.el-col-push-10{position:relative;left:41.6666666667%}.el-col-11{max-width:45.8333333333%;flex:0 0 45.8333333333%}.el-col-offset-11{margin-left:45.8333333333%}.el-col-pull-11{position:relative;right:45.8333333333%}.el-col-push-11{position:relative;left:45.8333333333%}.el-col-12{max-width:50%;flex:0 0 50%}.el-col-offset-12{margin-left:50%}.el-col-pull-12{position:relative;right:50%}.el-col-push-12{position:relative;left:50%}.el-col-13{max-width:54.1666666667%;flex:0 0 54.1666666667%}.el-col-offset-13{margin-left:54.1666666667%}.el-col-pull-13{position:relative;right:54.1666666667%}.el-col-push-13{position:relative;left:54.1666666667%}.el-col-14{max-width:58.3333333333%;flex:0 0 58.3333333333%}.el-col-offset-14{margin-left:58.3333333333%}.el-col-pull-14{position:relative;right:58.3333333333%}.el-col-push-14{position:relative;left:58.3333333333%}.el-col-15{max-width:62.5%;flex:0 0 62.5%}.el-col-offset-15{margin-left:62.5%}.el-col-pull-15{position:relative;right:62.5%}.el-col-push-15{position:relative;left:62.5%}.el-col-16{max-width:66.6666666667%;flex:0 0 66.6666666667%}.el-col-offset-16{margin-left:66.6666666667%}.el-col-pull-16{position:relative;right:66.6666666667%}.el-col-push-16{position:relative;left:66.6666666667%}.el-col-17{max-width:70.8333333333%;flex:0 0 70.8333333333%}.el-col-offset-17{margin-left:70.8333333333%}.el-col-pull-17{position:relative;right:70.8333333333%}.el-col-push-17{position:relative;left:70.8333333333%}.el-col-18{max-width:75%;flex:0 0 75%}.el-col-offset-18{margin-left:75%}.el-col-pull-18{position:relative;right:75%}.el-col-push-18{position:relative;left:75%}.el-col-19{max-width:79.1666666667%;flex:0 0 79.1666666667%}.el-col-offset-19{margin-left:79.1666666667%}.el-col-pull-19{position:relative;right:79.1666666667%}.el-col-push-19{position:relative;left:79.1666666667%}.el-col-20{max-width:83.3333333333%;flex:0 0 83.3333333333%}.el-col-offset-20{margin-left:83.3333333333%}.el-col-pull-20{position:relative;right:83.3333333333%}.el-col-push-20{position:relative;left:83.3333333333%}.el-col-21{max-width:87.5%;flex:0 0 87.5%}.el-col-offset-21{margin-left:87.5%}.el-col-pull-21{position:relative;right:87.5%}.el-col-push-21{position:relative;left:87.5%}.el-col-22{max-width:91.6666666667%;flex:0 0 91.6666666667%}.el-col-offset-22{margin-left:91.6666666667%}.el-col-pull-22{position:relative;right:91.6666666667%}.el-col-push-22{position:relative;left:91.6666666667%}.el-col-23{max-width:95.8333333333%;flex:0 0 95.8333333333%}.el-col-offset-23{margin-left:95.8333333333%}.el-col-pull-23{position:relative;right:95.8333333333%}.el-col-push-23{position:relative;left:95.8333333333%}.el-col-24{max-width:100%;flex:0 0 100%}.el-col-offset-24{margin-left:100%}.el-col-pull-24{position:relative;right:100%}.el-col-push-24{position:relative;left:100%}@media only screen and (max-width:768px){.el-col-xs-0,.el-col-xs-0.is-guttered{display:none}.el-col-xs-0{max-width:0%;flex:0 0 0%}.el-col-xs-offset-0{margin-left:0}.el-col-xs-pull-0{position:relative;right:0}.el-col-xs-push-0{position:relative;left:0}.el-col-xs-1{display:block;max-width:4.1666666667%;flex:0 0 4.1666666667%}.el-col-xs-offset-1{margin-left:4.1666666667%}.el-col-xs-pull-1{position:relative;right:4.1666666667%}.el-col-xs-push-1{position:relative;left:4.1666666667%}.el-col-xs-2{display:block;max-width:8.3333333333%;flex:0 0 8.3333333333%}.el-col-xs-offset-2{margin-left:8.3333333333%}.el-col-xs-pull-2{position:relative;right:8.3333333333%}.el-col-xs-push-2{position:relative;left:8.3333333333%}.el-col-xs-3{display:block;max-width:12.5%;flex:0 0 12.5%}.el-col-xs-offset-3{margin-left:12.5%}.el-col-xs-pull-3{position:relative;right:12.5%}.el-col-xs-push-3{position:relative;left:12.5%}.el-col-xs-4{display:block;max-width:16.6666666667%;flex:0 0 16.6666666667%}.el-col-xs-offset-4{margin-left:16.6666666667%}.el-col-xs-pull-4{position:relative;right:16.6666666667%}.el-col-xs-push-4{position:relative;left:16.6666666667%}.el-col-xs-5{display:block;max-width:20.8333333333%;flex:0 0 20.8333333333%}.el-col-xs-offset-5{margin-left:20.8333333333%}.el-col-xs-pull-5{position:relative;right:20.8333333333%}.el-col-xs-push-5{position:relative;left:20.8333333333%}.el-col-xs-6{display:block;max-width:25%;flex:0 0 25%}.el-col-xs-offset-6{margin-left:25%}.el-col-xs-pull-6{position:relative;right:25%}.el-col-xs-push-6{position:relative;left:25%}.el-col-xs-7{display:block;max-width:29.1666666667%;flex:0 0 29.1666666667%}.el-col-xs-offset-7{margin-left:29.1666666667%}.el-col-xs-pull-7{position:relative;right:29.1666666667%}.el-col-xs-push-7{position:relative;left:29.1666666667%}.el-col-xs-8{display:block;max-width:33.3333333333%;flex:0 0 33.3333333333%}.el-col-xs-offset-8{margin-left:33.3333333333%}.el-col-xs-pull-8{position:relative;right:33.3333333333%}.el-col-xs-push-8{position:relative;left:33.3333333333%}.el-col-xs-9{display:block;max-width:37.5%;flex:0 0 37.5%}.el-col-xs-offset-9{margin-left:37.5%}.el-col-xs-pull-9{position:relative;right:37.5%}.el-col-xs-push-9{position:relative;left:37.5%}.el-col-xs-10{display:block;max-width:41.6666666667%;flex:0 0 41.6666666667%}.el-col-xs-offset-10{margin-left:41.6666666667%}.el-col-xs-pull-10{position:relative;right:41.6666666667%}.el-col-xs-push-10{position:relative;left:41.6666666667%}.el-col-xs-11{display:block;max-width:45.8333333333%;flex:0 0 45.8333333333%}.el-col-xs-offset-11{margin-left:45.8333333333%}.el-col-xs-pull-11{position:relative;right:45.8333333333%}.el-col-xs-push-11{position:relative;left:45.8333333333%}.el-col-xs-12{display:block;max-width:50%;flex:0 0 50%}.el-col-xs-offset-12{margin-left:50%}.el-col-xs-pull-12{position:relative;right:50%}.el-col-xs-push-12{position:relative;left:50%}.el-col-xs-13{display:block;max-width:54.1666666667%;flex:0 0 54.1666666667%}.el-col-xs-offset-13{margin-left:54.1666666667%}.el-col-xs-pull-13{position:relative;right:54.1666666667%}.el-col-xs-push-13{position:relative;left:54.1666666667%}.el-col-xs-14{display:block;max-width:58.3333333333%;flex:0 0 58.3333333333%}.el-col-xs-offset-14{margin-left:58.3333333333%}.el-col-xs-pull-14{position:relative;right:58.3333333333%}.el-col-xs-push-14{position:relative;left:58.3333333333%}.el-col-xs-15{display:block;max-width:62.5%;flex:0 0 62.5%}.el-col-xs-offset-15{margin-left:62.5%}.el-col-xs-pull-15{position:relative;right:62.5%}.el-col-xs-push-15{position:relative;left:62.5%}.el-col-xs-16{display:block;max-width:66.6666666667%;flex:0 0 66.6666666667%}.el-col-xs-offset-16{margin-left:66.6666666667%}.el-col-xs-pull-16{position:relative;right:66.6666666667%}.el-col-xs-push-16{position:relative;left:66.6666666667%}.el-col-xs-17{display:block;max-width:70.8333333333%;flex:0 0 70.8333333333%}.el-col-xs-offset-17{margin-left:70.8333333333%}.el-col-xs-pull-17{position:relative;right:70.8333333333%}.el-col-xs-push-17{position:relative;left:70.8333333333%}.el-col-xs-18{display:block;max-width:75%;flex:0 0 75%}.el-col-xs-offset-18{margin-left:75%}.el-col-xs-pull-18{position:relative;right:75%}.el-col-xs-push-18{position:relative;left:75%}.el-col-xs-19{display:block;max-width:79.1666666667%;flex:0 0 79.1666666667%}.el-col-xs-offset-19{margin-left:79.1666666667%}.el-col-xs-pull-19{position:relative;right:79.1666666667%}.el-col-xs-push-19{position:relative;left:79.1666666667%}.el-col-xs-20{display:block;max-width:83.3333333333%;flex:0 0 83.3333333333%}.el-col-xs-offset-20{margin-left:83.3333333333%}.el-col-xs-pull-20{position:relative;right:83.3333333333%}.el-col-xs-push-20{position:relative;left:83.3333333333%}.el-col-xs-21{display:block;max-width:87.5%;flex:0 0 87.5%}.el-col-xs-offset-21{margin-left:87.5%}.el-col-xs-pull-21{position:relative;right:87.5%}.el-col-xs-push-21{position:relative;left:87.5%}.el-col-xs-22{display:block;max-width:91.6666666667%;flex:0 0 91.6666666667%}.el-col-xs-offset-22{margin-left:91.6666666667%}.el-col-xs-pull-22{position:relative;right:91.6666666667%}.el-col-xs-push-22{position:relative;left:91.6666666667%}.el-col-xs-23{display:block;max-width:95.8333333333%;flex:0 0 95.8333333333%}.el-col-xs-offset-23{margin-left:95.8333333333%}.el-col-xs-pull-23{position:relative;right:95.8333333333%}.el-col-xs-push-23{position:relative;left:95.8333333333%}.el-col-xs-24{display:block;max-width:100%;flex:0 0 100%}.el-col-xs-offset-24{margin-left:100%}.el-col-xs-pull-24{position:relative;right:100%}.el-col-xs-push-24{position:relative;left:100%}}@media only screen and (min-width:768px){.el-col-sm-0,.el-col-sm-0.is-guttered{display:none}.el-col-sm-0{max-width:0%;flex:0 0 0%}.el-col-sm-offset-0{margin-left:0}.el-col-sm-pull-0{position:relative;right:0}.el-col-sm-push-0{position:relative;left:0}.el-col-sm-1{display:block;max-width:4.1666666667%;flex:0 0 4.1666666667%}.el-col-sm-offset-1{margin-left:4.1666666667%}.el-col-sm-pull-1{position:relative;right:4.1666666667%}.el-col-sm-push-1{position:relative;left:4.1666666667%}.el-col-sm-2{display:block;max-width:8.3333333333%;flex:0 0 8.3333333333%}.el-col-sm-offset-2{margin-left:8.3333333333%}.el-col-sm-pull-2{position:relative;right:8.3333333333%}.el-col-sm-push-2{position:relative;left:8.3333333333%}.el-col-sm-3{display:block;max-width:12.5%;flex:0 0 12.5%}.el-col-sm-offset-3{margin-left:12.5%}.el-col-sm-pull-3{position:relative;right:12.5%}.el-col-sm-push-3{position:relative;left:12.5%}.el-col-sm-4{display:block;max-width:16.6666666667%;flex:0 0 16.6666666667%}.el-col-sm-offset-4{margin-left:16.6666666667%}.el-col-sm-pull-4{position:relative;right:16.6666666667%}.el-col-sm-push-4{position:relative;left:16.6666666667%}.el-col-sm-5{display:block;max-width:20.8333333333%;flex:0 0 20.8333333333%}.el-col-sm-offset-5{margin-left:20.8333333333%}.el-col-sm-pull-5{position:relative;right:20.8333333333%}.el-col-sm-push-5{position:relative;left:20.8333333333%}.el-col-sm-6{display:block;max-width:25%;flex:0 0 25%}.el-col-sm-offset-6{margin-left:25%}.el-col-sm-pull-6{position:relative;right:25%}.el-col-sm-push-6{position:relative;left:25%}.el-col-sm-7{display:block;max-width:29.1666666667%;flex:0 0 29.1666666667%}.el-col-sm-offset-7{margin-left:29.1666666667%}.el-col-sm-pull-7{position:relative;right:29.1666666667%}.el-col-sm-push-7{position:relative;left:29.1666666667%}.el-col-sm-8{display:block;max-width:33.3333333333%;flex:0 0 33.3333333333%}.el-col-sm-offset-8{margin-left:33.3333333333%}.el-col-sm-pull-8{position:relative;right:33.3333333333%}.el-col-sm-push-8{position:relative;left:33.3333333333%}.el-col-sm-9{display:block;max-width:37.5%;flex:0 0 37.5%}.el-col-sm-offset-9{margin-left:37.5%}.el-col-sm-pull-9{position:relative;right:37.5%}.el-col-sm-push-9{position:relative;left:37.5%}.el-col-sm-10{display:block;max-width:41.6666666667%;flex:0 0 41.6666666667%}.el-col-sm-offset-10{margin-left:41.6666666667%}.el-col-sm-pull-10{position:relative;right:41.6666666667%}.el-col-sm-push-10{position:relative;left:41.6666666667%}.el-col-sm-11{display:block;max-width:45.8333333333%;flex:0 0 45.8333333333%}.el-col-sm-offset-11{margin-left:45.8333333333%}.el-col-sm-pull-11{position:relative;right:45.8333333333%}.el-col-sm-push-11{position:relative;left:45.8333333333%}.el-col-sm-12{display:block;max-width:50%;flex:0 0 50%}.el-col-sm-offset-12{margin-left:50%}.el-col-sm-pull-12{position:relative;right:50%}.el-col-sm-push-12{position:relative;left:50%}.el-col-sm-13{display:block;max-width:54.1666666667%;flex:0 0 54.1666666667%}.el-col-sm-offset-13{margin-left:54.1666666667%}.el-col-sm-pull-13{position:relative;right:54.1666666667%}.el-col-sm-push-13{position:relative;left:54.1666666667%}.el-col-sm-14{display:block;max-width:58.3333333333%;flex:0 0 58.3333333333%}.el-col-sm-offset-14{margin-left:58.3333333333%}.el-col-sm-pull-14{position:relative;right:58.3333333333%}.el-col-sm-push-14{position:relative;left:58.3333333333%}.el-col-sm-15{display:block;max-width:62.5%;flex:0 0 62.5%}.el-col-sm-offset-15{margin-left:62.5%}.el-col-sm-pull-15{position:relative;right:62.5%}.el-col-sm-push-15{position:relative;left:62.5%}.el-col-sm-16{display:block;max-width:66.6666666667%;flex:0 0 66.6666666667%}.el-col-sm-offset-16{margin-left:66.6666666667%}.el-col-sm-pull-16{position:relative;right:66.6666666667%}.el-col-sm-push-16{position:relative;left:66.6666666667%}.el-col-sm-17{display:block;max-width:70.8333333333%;flex:0 0 70.8333333333%}.el-col-sm-offset-17{margin-left:70.8333333333%}.el-col-sm-pull-17{position:relative;right:70.8333333333%}.el-col-sm-push-17{position:relative;left:70.8333333333%}.el-col-sm-18{display:block;max-width:75%;flex:0 0 75%}.el-col-sm-offset-18{margin-left:75%}.el-col-sm-pull-18{position:relative;right:75%}.el-col-sm-push-18{position:relative;left:75%}.el-col-sm-19{display:block;max-width:79.1666666667%;flex:0 0 79.1666666667%}.el-col-sm-offset-19{margin-left:79.1666666667%}.el-col-sm-pull-19{position:relative;right:79.1666666667%}.el-col-sm-push-19{position:relative;left:79.1666666667%}.el-col-sm-20{display:block;max-width:83.3333333333%;flex:0 0 83.3333333333%}.el-col-sm-offset-20{margin-left:83.3333333333%}.el-col-sm-pull-20{position:relative;right:83.3333333333%}.el-col-sm-push-20{position:relative;left:83.3333333333%}.el-col-sm-21{display:block;max-width:87.5%;flex:0 0 87.5%}.el-col-sm-offset-21{margin-left:87.5%}.el-col-sm-pull-21{position:relative;right:87.5%}.el-col-sm-push-21{position:relative;left:87.5%}.el-col-sm-22{display:block;max-width:91.6666666667%;flex:0 0 91.6666666667%}.el-col-sm-offset-22{margin-left:91.6666666667%}.el-col-sm-pull-22{position:relative;right:91.6666666667%}.el-col-sm-push-22{position:relative;left:91.6666666667%}.el-col-sm-23{display:block;max-width:95.8333333333%;flex:0 0 95.8333333333%}.el-col-sm-offset-23{margin-left:95.8333333333%}.el-col-sm-pull-23{position:relative;right:95.8333333333%}.el-col-sm-push-23{position:relative;left:95.8333333333%}.el-col-sm-24{display:block;max-width:100%;flex:0 0 100%}.el-col-sm-offset-24{margin-left:100%}.el-col-sm-pull-24{position:relative;right:100%}.el-col-sm-push-24{position:relative;left:100%}}@media only screen and (min-width:992px){.el-col-md-0,.el-col-md-0.is-guttered{display:none}.el-col-md-0{max-width:0%;flex:0 0 0%}.el-col-md-offset-0{margin-left:0}.el-col-md-pull-0{position:relative;right:0}.el-col-md-push-0{position:relative;left:0}.el-col-md-1{display:block;max-width:4.1666666667%;flex:0 0 4.1666666667%}.el-col-md-offset-1{margin-left:4.1666666667%}.el-col-md-pull-1{position:relative;right:4.1666666667%}.el-col-md-push-1{position:relative;left:4.1666666667%}.el-col-md-2{display:block;max-width:8.3333333333%;flex:0 0 8.3333333333%}.el-col-md-offset-2{margin-left:8.3333333333%}.el-col-md-pull-2{position:relative;right:8.3333333333%}.el-col-md-push-2{position:relative;left:8.3333333333%}.el-col-md-3{display:block;max-width:12.5%;flex:0 0 12.5%}.el-col-md-offset-3{margin-left:12.5%}.el-col-md-pull-3{position:relative;right:12.5%}.el-col-md-push-3{position:relative;left:12.5%}.el-col-md-4{display:block;max-width:16.6666666667%;flex:0 0 16.6666666667%}.el-col-md-offset-4{margin-left:16.6666666667%}.el-col-md-pull-4{position:relative;right:16.6666666667%}.el-col-md-push-4{position:relative;left:16.6666666667%}.el-col-md-5{display:block;max-width:20.8333333333%;flex:0 0 20.8333333333%}.el-col-md-offset-5{margin-left:20.8333333333%}.el-col-md-pull-5{position:relative;right:20.8333333333%}.el-col-md-push-5{position:relative;left:20.8333333333%}.el-col-md-6{display:block;max-width:25%;flex:0 0 25%}.el-col-md-offset-6{margin-left:25%}.el-col-md-pull-6{position:relative;right:25%}.el-col-md-push-6{position:relative;left:25%}.el-col-md-7{display:block;max-width:29.1666666667%;flex:0 0 29.1666666667%}.el-col-md-offset-7{margin-left:29.1666666667%}.el-col-md-pull-7{position:relative;right:29.1666666667%}.el-col-md-push-7{position:relative;left:29.1666666667%}.el-col-md-8{display:block;max-width:33.3333333333%;flex:0 0 33.3333333333%}.el-col-md-offset-8{margin-left:33.3333333333%}.el-col-md-pull-8{position:relative;right:33.3333333333%}.el-col-md-push-8{position:relative;left:33.3333333333%}.el-col-md-9{display:block;max-width:37.5%;flex:0 0 37.5%}.el-col-md-offset-9{margin-left:37.5%}.el-col-md-pull-9{position:relative;right:37.5%}.el-col-md-push-9{position:relative;left:37.5%}.el-col-md-10{display:block;max-width:41.6666666667%;flex:0 0 41.6666666667%}.el-col-md-offset-10{margin-left:41.6666666667%}.el-col-md-pull-10{position:relative;right:41.6666666667%}.el-col-md-push-10{position:relative;left:41.6666666667%}.el-col-md-11{display:block;max-width:45.8333333333%;flex:0 0 45.8333333333%}.el-col-md-offset-11{margin-left:45.8333333333%}.el-col-md-pull-11{position:relative;right:45.8333333333%}.el-col-md-push-11{position:relative;left:45.8333333333%}.el-col-md-12{display:block;max-width:50%;flex:0 0 50%}.el-col-md-offset-12{margin-left:50%}.el-col-md-pull-12{position:relative;right:50%}.el-col-md-push-12{position:relative;left:50%}.el-col-md-13{display:block;max-width:54.1666666667%;flex:0 0 54.1666666667%}.el-col-md-offset-13{margin-left:54.1666666667%}.el-col-md-pull-13{position:relative;right:54.1666666667%}.el-col-md-push-13{position:relative;left:54.1666666667%}.el-col-md-14{display:block;max-width:58.3333333333%;flex:0 0 58.3333333333%}.el-col-md-offset-14{margin-left:58.3333333333%}.el-col-md-pull-14{position:relative;right:58.3333333333%}.el-col-md-push-14{position:relative;left:58.3333333333%}.el-col-md-15{display:block;max-width:62.5%;flex:0 0 62.5%}.el-col-md-offset-15{margin-left:62.5%}.el-col-md-pull-15{position:relative;right:62.5%}.el-col-md-push-15{position:relative;left:62.5%}.el-col-md-16{display:block;max-width:66.6666666667%;flex:0 0 66.6666666667%}.el-col-md-offset-16{margin-left:66.6666666667%}.el-col-md-pull-16{position:relative;right:66.6666666667%}.el-col-md-push-16{position:relative;left:66.6666666667%}.el-col-md-17{display:block;max-width:70.8333333333%;flex:0 0 70.8333333333%}.el-col-md-offset-17{margin-left:70.8333333333%}.el-col-md-pull-17{position:relative;right:70.8333333333%}.el-col-md-push-17{position:relative;left:70.8333333333%}.el-col-md-18{display:block;max-width:75%;flex:0 0 75%}.el-col-md-offset-18{margin-left:75%}.el-col-md-pull-18{position:relative;right:75%}.el-col-md-push-18{position:relative;left:75%}.el-col-md-19{display:block;max-width:79.1666666667%;flex:0 0 79.1666666667%}.el-col-md-offset-19{margin-left:79.1666666667%}.el-col-md-pull-19{position:relative;right:79.1666666667%}.el-col-md-push-19{position:relative;left:79.1666666667%}.el-col-md-20{display:block;max-width:83.3333333333%;flex:0 0 83.3333333333%}.el-col-md-offset-20{margin-left:83.3333333333%}.el-col-md-pull-20{position:relative;right:83.3333333333%}.el-col-md-push-20{position:relative;left:83.3333333333%}.el-col-md-21{display:block;max-width:87.5%;flex:0 0 87.5%}.el-col-md-offset-21{margin-left:87.5%}.el-col-md-pull-21{position:relative;right:87.5%}.el-col-md-push-21{position:relative;left:87.5%}.el-col-md-22{display:block;max-width:91.6666666667%;flex:0 0 91.6666666667%}.el-col-md-offset-22{margin-left:91.6666666667%}.el-col-md-pull-22{position:relative;right:91.6666666667%}.el-col-md-push-22{position:relative;left:91.6666666667%}.el-col-md-23{display:block;max-width:95.8333333333%;flex:0 0 95.8333333333%}.el-col-md-offset-23{margin-left:95.8333333333%}.el-col-md-pull-23{position:relative;right:95.8333333333%}.el-col-md-push-23{position:relative;left:95.8333333333%}.el-col-md-24{display:block;max-width:100%;flex:0 0 100%}.el-col-md-offset-24{margin-left:100%}.el-col-md-pull-24{position:relative;right:100%}.el-col-md-push-24{position:relative;left:100%}}@media only screen and (min-width:1200px){.el-col-lg-0,.el-col-lg-0.is-guttered{display:none}.el-col-lg-0{max-width:0%;flex:0 0 0%}.el-col-lg-offset-0{margin-left:0}.el-col-lg-pull-0{position:relative;right:0}.el-col-lg-push-0{position:relative;left:0}.el-col-lg-1{display:block;max-width:4.1666666667%;flex:0 0 4.1666666667%}.el-col-lg-offset-1{margin-left:4.1666666667%}.el-col-lg-pull-1{position:relative;right:4.1666666667%}.el-col-lg-push-1{position:relative;left:4.1666666667%}.el-col-lg-2{display:block;max-width:8.3333333333%;flex:0 0 8.3333333333%}.el-col-lg-offset-2{margin-left:8.3333333333%}.el-col-lg-pull-2{position:relative;right:8.3333333333%}.el-col-lg-push-2{position:relative;left:8.3333333333%}.el-col-lg-3{display:block;max-width:12.5%;flex:0 0 12.5%}.el-col-lg-offset-3{margin-left:12.5%}.el-col-lg-pull-3{position:relative;right:12.5%}.el-col-lg-push-3{position:relative;left:12.5%}.el-col-lg-4{display:block;max-width:16.6666666667%;flex:0 0 16.6666666667%}.el-col-lg-offset-4{margin-left:16.6666666667%}.el-col-lg-pull-4{position:relative;right:16.6666666667%}.el-col-lg-push-4{position:relative;left:16.6666666667%}.el-col-lg-5{display:block;max-width:20.8333333333%;flex:0 0 20.8333333333%}.el-col-lg-offset-5{margin-left:20.8333333333%}.el-col-lg-pull-5{position:relative;right:20.8333333333%}.el-col-lg-push-5{position:relative;left:20.8333333333%}.el-col-lg-6{display:block;max-width:25%;flex:0 0 25%}.el-col-lg-offset-6{margin-left:25%}.el-col-lg-pull-6{position:relative;right:25%}.el-col-lg-push-6{position:relative;left:25%}.el-col-lg-7{display:block;max-width:29.1666666667%;flex:0 0 29.1666666667%}.el-col-lg-offset-7{margin-left:29.1666666667%}.el-col-lg-pull-7{position:relative;right:29.1666666667%}.el-col-lg-push-7{position:relative;left:29.1666666667%}.el-col-lg-8{display:block;max-width:33.3333333333%;flex:0 0 33.3333333333%}.el-col-lg-offset-8{margin-left:33.3333333333%}.el-col-lg-pull-8{position:relative;right:33.3333333333%}.el-col-lg-push-8{position:relative;left:33.3333333333%}.el-col-lg-9{display:block;max-width:37.5%;flex:0 0 37.5%}.el-col-lg-offset-9{margin-left:37.5%}.el-col-lg-pull-9{position:relative;right:37.5%}.el-col-lg-push-9{position:relative;left:37.5%}.el-col-lg-10{display:block;max-width:41.6666666667%;flex:0 0 41.6666666667%}.el-col-lg-offset-10{margin-left:41.6666666667%}.el-col-lg-pull-10{position:relative;right:41.6666666667%}.el-col-lg-push-10{position:relative;left:41.6666666667%}.el-col-lg-11{display:block;max-width:45.8333333333%;flex:0 0 45.8333333333%}.el-col-lg-offset-11{margin-left:45.8333333333%}.el-col-lg-pull-11{position:relative;right:45.8333333333%}.el-col-lg-push-11{position:relative;left:45.8333333333%}.el-col-lg-12{display:block;max-width:50%;flex:0 0 50%}.el-col-lg-offset-12{margin-left:50%}.el-col-lg-pull-12{position:relative;right:50%}.el-col-lg-push-12{position:relative;left:50%}.el-col-lg-13{display:block;max-width:54.1666666667%;flex:0 0 54.1666666667%}.el-col-lg-offset-13{margin-left:54.1666666667%}.el-col-lg-pull-13{position:relative;right:54.1666666667%}.el-col-lg-push-13{position:relative;left:54.1666666667%}.el-col-lg-14{display:block;max-width:58.3333333333%;flex:0 0 58.3333333333%}.el-col-lg-offset-14{margin-left:58.3333333333%}.el-col-lg-pull-14{position:relative;right:58.3333333333%}.el-col-lg-push-14{position:relative;left:58.3333333333%}.el-col-lg-15{display:block;max-width:62.5%;flex:0 0 62.5%}.el-col-lg-offset-15{margin-left:62.5%}.el-col-lg-pull-15{position:relative;right:62.5%}.el-col-lg-push-15{position:relative;left:62.5%}.el-col-lg-16{display:block;max-width:66.6666666667%;flex:0 0 66.6666666667%}.el-col-lg-offset-16{margin-left:66.6666666667%}.el-col-lg-pull-16{position:relative;right:66.6666666667%}.el-col-lg-push-16{position:relative;left:66.6666666667%}.el-col-lg-17{display:block;max-width:70.8333333333%;flex:0 0 70.8333333333%}.el-col-lg-offset-17{margin-left:70.8333333333%}.el-col-lg-pull-17{position:relative;right:70.8333333333%}.el-col-lg-push-17{position:relative;left:70.8333333333%}.el-col-lg-18{display:block;max-width:75%;flex:0 0 75%}.el-col-lg-offset-18{margin-left:75%}.el-col-lg-pull-18{position:relative;right:75%}.el-col-lg-push-18{position:relative;left:75%}.el-col-lg-19{display:block;max-width:79.1666666667%;flex:0 0 79.1666666667%}.el-col-lg-offset-19{margin-left:79.1666666667%}.el-col-lg-pull-19{position:relative;right:79.1666666667%}.el-col-lg-push-19{position:relative;left:79.1666666667%}.el-col-lg-20{display:block;max-width:83.3333333333%;flex:0 0 83.3333333333%}.el-col-lg-offset-20{margin-left:83.3333333333%}.el-col-lg-pull-20{position:relative;right:83.3333333333%}.el-col-lg-push-20{position:relative;left:83.3333333333%}.el-col-lg-21{display:block;max-width:87.5%;flex:0 0 87.5%}.el-col-lg-offset-21{margin-left:87.5%}.el-col-lg-pull-21{position:relative;right:87.5%}.el-col-lg-push-21{position:relative;left:87.5%}.el-col-lg-22{display:block;max-width:91.6666666667%;flex:0 0 91.6666666667%}.el-col-lg-offset-22{margin-left:91.6666666667%}.el-col-lg-pull-22{position:relative;right:91.6666666667%}.el-col-lg-push-22{position:relative;left:91.6666666667%}.el-col-lg-23{display:block;max-width:95.8333333333%;flex:0 0 95.8333333333%}.el-col-lg-offset-23{margin-left:95.8333333333%}.el-col-lg-pull-23{position:relative;right:95.8333333333%}.el-col-lg-push-23{position:relative;left:95.8333333333%}.el-col-lg-24{display:block;max-width:100%;flex:0 0 100%}.el-col-lg-offset-24{margin-left:100%}.el-col-lg-pull-24{position:relative;right:100%}.el-col-lg-push-24{position:relative;left:100%}}@media only screen and (min-width:1920px){.el-col-xl-0,.el-col-xl-0.is-guttered{display:none}.el-col-xl-0{max-width:0%;flex:0 0 0%}.el-col-xl-offset-0{margin-left:0}.el-col-xl-pull-0{position:relative;right:0}.el-col-xl-push-0{position:relative;left:0}.el-col-xl-1{display:block;max-width:4.1666666667%;flex:0 0 4.1666666667%}.el-col-xl-offset-1{margin-left:4.1666666667%}.el-col-xl-pull-1{position:relative;right:4.1666666667%}.el-col-xl-push-1{position:relative;left:4.1666666667%}.el-col-xl-2{display:block;max-width:8.3333333333%;flex:0 0 8.3333333333%}.el-col-xl-offset-2{margin-left:8.3333333333%}.el-col-xl-pull-2{position:relative;right:8.3333333333%}.el-col-xl-push-2{position:relative;left:8.3333333333%}.el-col-xl-3{display:block;max-width:12.5%;flex:0 0 12.5%}.el-col-xl-offset-3{margin-left:12.5%}.el-col-xl-pull-3{position:relative;right:12.5%}.el-col-xl-push-3{position:relative;left:12.5%}.el-col-xl-4{display:block;max-width:16.6666666667%;flex:0 0 16.6666666667%}.el-col-xl-offset-4{margin-left:16.6666666667%}.el-col-xl-pull-4{position:relative;right:16.6666666667%}.el-col-xl-push-4{position:relative;left:16.6666666667%}.el-col-xl-5{display:block;max-width:20.8333333333%;flex:0 0 20.8333333333%}.el-col-xl-offset-5{margin-left:20.8333333333%}.el-col-xl-pull-5{position:relative;right:20.8333333333%}.el-col-xl-push-5{position:relative;left:20.8333333333%}.el-col-xl-6{display:block;max-width:25%;flex:0 0 25%}.el-col-xl-offset-6{margin-left:25%}.el-col-xl-pull-6{position:relative;right:25%}.el-col-xl-push-6{position:relative;left:25%}.el-col-xl-7{display:block;max-width:29.1666666667%;flex:0 0 29.1666666667%}.el-col-xl-offset-7{margin-left:29.1666666667%}.el-col-xl-pull-7{position:relative;right:29.1666666667%}.el-col-xl-push-7{position:relative;left:29.1666666667%}.el-col-xl-8{display:block;max-width:33.3333333333%;flex:0 0 33.3333333333%}.el-col-xl-offset-8{margin-left:33.3333333333%}.el-col-xl-pull-8{position:relative;right:33.3333333333%}.el-col-xl-push-8{position:relative;left:33.3333333333%}.el-col-xl-9{display:block;max-width:37.5%;flex:0 0 37.5%}.el-col-xl-offset-9{margin-left:37.5%}.el-col-xl-pull-9{position:relative;right:37.5%}.el-col-xl-push-9{position:relative;left:37.5%}.el-col-xl-10{display:block;max-width:41.6666666667%;flex:0 0 41.6666666667%}.el-col-xl-offset-10{margin-left:41.6666666667%}.el-col-xl-pull-10{position:relative;right:41.6666666667%}.el-col-xl-push-10{position:relative;left:41.6666666667%}.el-col-xl-11{display:block;max-width:45.8333333333%;flex:0 0 45.8333333333%}.el-col-xl-offset-11{margin-left:45.8333333333%}.el-col-xl-pull-11{position:relative;right:45.8333333333%}.el-col-xl-push-11{position:relative;left:45.8333333333%}.el-col-xl-12{display:block;max-width:50%;flex:0 0 50%}.el-col-xl-offset-12{margin-left:50%}.el-col-xl-pull-12{position:relative;right:50%}.el-col-xl-push-12{position:relative;left:50%}.el-col-xl-13{display:block;max-width:54.1666666667%;flex:0 0 54.1666666667%}.el-col-xl-offset-13{margin-left:54.1666666667%}.el-col-xl-pull-13{position:relative;right:54.1666666667%}.el-col-xl-push-13{position:relative;left:54.1666666667%}.el-col-xl-14{display:block;max-width:58.3333333333%;flex:0 0 58.3333333333%}.el-col-xl-offset-14{margin-left:58.3333333333%}.el-col-xl-pull-14{position:relative;right:58.3333333333%}.el-col-xl-push-14{position:relative;left:58.3333333333%}.el-col-xl-15{display:block;max-width:62.5%;flex:0 0 62.5%}.el-col-xl-offset-15{margin-left:62.5%}.el-col-xl-pull-15{position:relative;right:62.5%}.el-col-xl-push-15{position:relative;left:62.5%}.el-col-xl-16{display:block;max-width:66.6666666667%;flex:0 0 66.6666666667%}.el-col-xl-offset-16{margin-left:66.6666666667%}.el-col-xl-pull-16{position:relative;right:66.6666666667%}.el-col-xl-push-16{position:relative;left:66.6666666667%}.el-col-xl-17{display:block;max-width:70.8333333333%;flex:0 0 70.8333333333%}.el-col-xl-offset-17{margin-left:70.8333333333%}.el-col-xl-pull-17{position:relative;right:70.8333333333%}.el-col-xl-push-17{position:relative;left:70.8333333333%}.el-col-xl-18{display:block;max-width:75%;flex:0 0 75%}.el-col-xl-offset-18{margin-left:75%}.el-col-xl-pull-18{position:relative;right:75%}.el-col-xl-push-18{position:relative;left:75%}.el-col-xl-19{display:block;max-width:79.1666666667%;flex:0 0 79.1666666667%}.el-col-xl-offset-19{margin-left:79.1666666667%}.el-col-xl-pull-19{position:relative;right:79.1666666667%}.el-col-xl-push-19{position:relative;left:79.1666666667%}.el-col-xl-20{display:block;max-width:83.3333333333%;flex:0 0 83.3333333333%}.el-col-xl-offset-20{margin-left:83.3333333333%}.el-col-xl-pull-20{position:relative;right:83.3333333333%}.el-col-xl-push-20{position:relative;left:83.3333333333%}.el-col-xl-21{display:block;max-width:87.5%;flex:0 0 87.5%}.el-col-xl-offset-21{margin-left:87.5%}.el-col-xl-pull-21{position:relative;right:87.5%}.el-col-xl-push-21{position:relative;left:87.5%}.el-col-xl-22{display:block;max-width:91.6666666667%;flex:0 0 91.6666666667%}.el-col-xl-offset-22{margin-left:91.6666666667%}.el-col-xl-pull-22{position:relative;right:91.6666666667%}.el-col-xl-push-22{position:relative;left:91.6666666667%}.el-col-xl-23{display:block;max-width:95.8333333333%;flex:0 0 95.8333333333%}.el-col-xl-offset-23{margin-left:95.8333333333%}.el-col-xl-pull-23{position:relative;right:95.8333333333%}.el-col-xl-push-23{position:relative;left:95.8333333333%}.el-col-xl-24{display:block;max-width:100%;flex:0 0 100%}.el-col-xl-offset-24{margin-left:100%}.el-col-xl-pull-24{position:relative;right:100%}.el-col-xl-push-24{position:relative;left:100%}}

.auau-nuxt-text-editor {
  min-height: 300px;
}
@media (max-width: 767px) {
.auau-nuxt-text-editor {
    height: 600px !important;
}
}
.auau-nuxt-comment-form {
  display: grid;
  background: #ffffff;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.07);
  border-radius: 8px;
  padding: 24px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.07);
}
.auau-nuxt-comment-form .auau-nuxt-comment-form__text-area {
  margin-bottom: 24px;
}
.auau-nuxt-comment-form .auau-nuxt-comment-form__switch {
  margin-right: auto;
}
.auau-nuxt-comment-form .auau-nuxt-comment-form__actions {
  margin-top: 24px;
  margin-left: auto;
  display: flex;
}
.auau-nuxt-comment-form .auau-nuxt-comment-form__actions .auau-nuxt-comment-form__cancel-button {
  margin-right: 16px;
}
@media (max-width: 767px) {
.auau-nuxt-comment-form .auau-nuxt-comment-form__text-area {
    margin-bottom: 16px;
}
.auau-nuxt-comment-form .auau-nuxt-comment-form__actions {
    margin: 0;
}
.auau-nuxt-comment-form .auau-nuxt-comment-form__actions .auau-nuxt-button {
    margin-top: 24px;
    width: 100%;
}
.auau-nuxt-comment-form.edit-footer {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    justify-items: flex-start;
    gap: 24px 8px;
}
.auau-nuxt-comment-form.edit-footer .auau-nuxt-comment-form__switch {
    grid-area: 1/1/2/3;
}
}
.auau-nuxt-note-comment-card {
  display: flex;
  width: 100%;
}
.auau-nuxt-note-comment-card .auau-nuxt-note-comment-card__wrapper {
  display: grid;
  background: #ffffff;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.07);
  border-radius: 8px;
  padding: 24px;
  width: 100%;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.07);
}
.auau-nuxt-note-comment-card .auau-nuxt-note-comment-card__wrapper .auau-nuxt-note-comment-card__header {
  display: grid;
  grid-template-columns: max-content auto;
  gap: 0 16px;
  border-bottom: 1px solid #d1d1d1;
  padding-bottom: 16px;
}
.auau-nuxt-note-comment-card .auau-nuxt-note-comment-card__wrapper .auau-nuxt-note-comment-card__avatar {
  grid-area: 1/1/3/2;
}
.auau-nuxt-note-comment-card .auau-nuxt-note-comment-card__wrapper .auau-nuxt-note-comment-card__sender-name {
  grid-area: 1/2/2/3;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}
.auau-nuxt-note-comment-card .auau-nuxt-note-comment-card__wrapper .auau-nuxt-note-comment-card__date {
  grid-area: 2/2/3/3;
  color: #949494;
  font-size: 11px;
  font-weight: 300;
  line-height: 16px;
  display: flex;
  gap: 8px;
}
.auau-nuxt-note-comment-card .auau-nuxt-note-comment-card__wrapper .auau-nuxt-note-comment-card__comment {
  word-break: break-word;
  margin: 16px 0;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-note-comment-card .auau-nuxt-note-comment-card__wrapper .auau-nuxt-note-comment-card__footer {
  display: flex;
  align-items: center;
  margin-top: 24px;
}
.auau-nuxt-note-comment-card .auau-nuxt-note-comment-card__wrapper .auau-nuxt-note-comment-card__footer .auau-nuxt-note-comment-card__trash {
  margin-left: auto;
  margin-right: 16px;
}
.auau-nuxt-note-comment-card .auau-nuxt-note-comment-card__wrapper .auau-nuxt-note-comment-card__footer .auau-nuxt-note-comment-card__trash,
.auau-nuxt-note-comment-card .auau-nuxt-note-comment-card__wrapper .auau-nuxt-note-comment-card__footer .auau-nuxt-note-comment-card__edit {
  padding: 0;
}
.auau-nuxt-note-comment-card .auau-nuxt-note-comment-card__wrapper .auau-nuxt-comment-form__edit-form {
  background: #fafafc;
  padding: 24px 0 0 0;
  box-shadow: none;
}
.auau-nuxt-notification-card {
  display: grid;
  padding: 24px 10px 24px 24px;
  grid-auto-rows: auto;
  grid-template-columns: max-content minmax(0, 1fr) max-content;
  gap: 4px 16px;
  position: relative;
  align-items: center;
  min-width: 327px;
  box-sizing: border-box;
  border-bottom: 1px solid #d1d1d1;
}
.auau-nuxt-notification-card:first-child {
  margin-top: -24px;
}
.auau-nuxt-notification-card:last-child {
  border-bottom: none;
}
.auau-nuxt-notification-card.auau-nuxt-notification-card__new::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 60%;
  border-radius: 16px;
  border-left: 4px solid var(--auau-800, #f8b818);
}
.auau-nuxt-notification-card .auau-nuxt-notification-card__avatar {
  grid-area: 1/1/4/2;
}
.auau-nuxt-notification-card .auau-nuxt-notification-card__name {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  color: var(--auau-800, #f8b818);
  grid-area: 1/2/2/3;
}
.auau-nuxt-notification-card .auau-nuxt-notification-card__message {
  grid-area: 2/2/3/3;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-notification-card .auau-nuxt-notification-card__time {
  grid-area: 3/2/4/3;
  font-size: 11px;
  font-weight: 300;
  line-height: 16px;
  color: #949494;
}
.auau-nuxt-notification-card .auau-nuxt-notification-card__detail-button {
  display: flex;
  grid-area: 1/3/4/4;
}
@media (max-width: 1127px) {
.auau-nuxt-notification-card {
    padding: 16px 8px 22px 16px;
}
.auau-nuxt-notification-card:first-child {
    margin-top: -16px;
}
}
.auau-nuxt-package-item {
  background: #ffffff;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.07);
  border-radius: 8px;
  display: grid;
  grid-template-rows: max-content minmax(0, 1fr);
}
.auau-nuxt-package-item .auau-nuxt-package-item__cover-image {
  width: 100%;
  aspect-ratio: 4/3;
}
.auau-nuxt-package-item .auau-nuxt-package-item__cover-image img {
  border-radius: 8px 8px 0 0;
}
.auau-nuxt-package-item .auau-nuxt-package-item__content {
  padding: 16px;
  display: grid;
}
.auau-nuxt-package-item .auau-nuxt-package-item__name {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  min-height: 52px;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}
@media (max-width: 767px) {
.auau-nuxt-package-item .auau-nuxt-package-item__name {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-package-item .auau-nuxt-package-item__scrollbar-content {
  max-height: 96px;
}
.auau-nuxt-package-item .auau-nuxt-package-item__description {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  max-width: 100%;
  color: #949494;
}
.auau-nuxt-package-item .auau-nuxt-package-item__spacer {
  margin-top: 16px;
}
.auau-nuxt-package-item .auau-nuxt-package-item__button {
  margin-top: auto;
}
@media (max-width: 767px) {
.auau-nuxt-package-item .auau-nuxt-package-item__name {
    min-height: 46px;
}
}
.auau-nuxt-package-pricing-card {
  background: #ffffff;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.07);
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
}
.auau-nuxt-package-pricing-card .auau-nuxt-package-pricing-card__heading {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
.auau-nuxt-package-pricing-card .auau-nuxt-package-pricing-card__heading .auau-nuxt-package-pricing-card__credits {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  display: flex;
}
@media (max-width: 767px) {
.auau-nuxt-package-pricing-card .auau-nuxt-package-pricing-card__heading .auau-nuxt-package-pricing-card__credits {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-package-pricing-card .auau-nuxt-package-pricing-card__heading .auau-nuxt-package-pricing-card__description {
  justify-content: flex-end;
  padding: unset;
}
.auau-nuxt-package-pricing-card .auau-nuxt-package-pricing-card__valid_period {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
}
.auau-nuxt-package-pricing-card .auau-nuxt-package-pricing-card__amount {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  color: var(--auau-800, #f8b818);
  margin-top: 16px;
  display: flex;
  gap: 4px;
  align-items: baseline;
}
@media (max-width: 767px) {
.auau-nuxt-package-pricing-card .auau-nuxt-package-pricing-card__amount {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
.auau-nuxt-package-pricing-card .auau-nuxt-package-pricing-card__discounted {
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
  text-decoration: line-through;
}
@media (max-width: 767px) {
.auau-nuxt-package-pricing-card .auau-nuxt-package-pricing-card__discounted {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-package-pricing-card .auau-nuxt-package-pricing-card__discount-amount {
  color: #dc3030;
}
.auau-nuxt-package-pricing-card .auau-nuxt-package-pricing-card__remaining,
.auau-nuxt-package-pricing-card .auau-nuxt-package-pricing-card__purchase-limit {
  font-size: 11px;
  font-weight: 300;
  line-height: 16px;
  color: #dc3030;
  margin-top: 16px;
}
.auau-nuxt-package-pricing-card .auau-nuxt-package-pricing-card__actions {
  margin-top: auto;
}
.auau-nuxt-package-pricing-card .auau-nuxt-package-pricing-card__button {
  width: 100%;
  margin-top: 16px;
}
.auau-nuxt-page-header {
  display: flex;
  align-items: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
  gap: 4px;
}
@media (max-width: 767px) {
.auau-nuxt-page-header {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-page-header .auau-nuxt-page-header__link {
  color: var(--auau-800, #f8b818);
  text-decoration: unset;
}
.auau-nuxt-page-header .auau-nuxt-page-header__chevron {
  margin-top: 4px;
}
.auau-nuxt-page-header .auau-nuxt-page-header__chevron:last-child {
  display: none;
}
@media (max-width: 1127px) {
.auau-nuxt-page-header .icon-home {
    font-size: 28px;
}
}
@media (max-width: 767px) {
.auau-nuxt-page-header {
    flex-wrap: wrap;
}
}
.auau-nuxt-pagination {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 48px;
}
.auau-nuxt-pagination .auau-nuxt-pagination_numbers {
  background-color: var(--auau-700, #f9ce5c);
  border-radius: 40px;
  min-width: 60px;
  padding: 4px 16px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  text-align: center;
}
@media (max-width: 767px) {
.auau-nuxt-pagination .auau-nuxt-pagination_numbers {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-pagination .auau-nuxt-pagination_prev,
.auau-nuxt-pagination .auau-nuxt-pagination_next {
  width: 30px;
}
.auau-nuxt-pagination .auau-nuxt-pagination_prev .auau-nuxt-icon,
.auau-nuxt-pagination .auau-nuxt-pagination_next .auau-nuxt-icon {
  color: var(--auau-800, #f8b818);
  text-decoration: none;
}
.auau-nuxt-pagination.center {
  justify-content: center;
}
.auau-nuxt-pagination.disable .auau-nuxt-pagination_numbers {
  background-color: #d1d1d1;
  color: #949494;
}
.auau-nuxt-radio-button-group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 24px;
}
.auau-nuxt-radio-button-group .auau-nuxt-radio-button {
  display: flex;
  flex-direction: row;
  cursor: pointer;
  line-height: 1.5;
}
.auau-nuxt-radio-button-group .auau-nuxt-radio-button .auau-nuxt-radio-button__checkmark {
  position: relative;
  border-radius: 50%;
  height: var(--size);
  width: var(--size);
  border: 1px solid #d1d1d1;
  box-sizing: border-box;
  align-self: center;
}
.auau-nuxt-radio-button-group .auau-nuxt-radio-button .auau-nuxt-radio-button__checkmark:before {
  content: "";
  position: absolute;
}
.auau-nuxt-radio-button-group .auau-nuxt-radio-button i {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--auau-800, #f8b818);
}
.auau-nuxt-radio-button-group .auau-nuxt-radio-button input {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.auau-nuxt-radio-button-group .auau-nuxt-radio-button input:checked ~ .auau-nuxt-radio-button__checkmark {
  border: 1px solid var(--auau-800, #f8b818);
}
.auau-nuxt-radio-button-group .auau-nuxt-radio-button input:checked ~ .auau-nuxt-radio-button__checkmark:before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(var(--size) * 0.55);
  height: calc(var(--size) * 0.55);
  border-radius: 50%;
  background: var(--auau-800, #f8b818);
}
.auau-nuxt-radio-button-group .auau-nuxt-radio-button input:checked ~ .auau-nuxt-radio-button__checkmark.tick:before {
  background: none;
}
.auau-nuxt-radio-button-group .auau-nuxt-radio-button input:checked ~ .auau-nuxt-radio-button__checkmark.tick i {
  opacity: 1;
  visibility: visible;
}
.auau-nuxt-radio-button-group .auau-nuxt-radio-button .auau-nuxt-radio-button__label {
  margin-left: 8px;
  color: #949494;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-payment-card {
  background: #ffffff;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.07);
  border-radius: 16px;
  padding: 24px;
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr) max-content;
  align-items: center;
}
.auau-nuxt-payment-card.selected {
  border: var(--auau-800, #f8b818) solid 1px;
}
.auau-nuxt-payment-card .auau-nuxt-radio-button-group {
  margin-right: 16px;
}
.auau-nuxt-payment-card .auau-nuxt-radio-button-group .auau-nuxt-radio-button__label {
  display: none;
}
.auau-nuxt-payment-card .auau-nuxt-payment-card__payment-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.auau-nuxt-payment-card .auau-nuxt-payment-card__payment-info .auau-nuxt-payment-card__payment-name {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-payment-card .auau-nuxt-payment-card__payment-info .auau-nuxt-payment-card__payment-name {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-payment-card .auau-nuxt-payment-card__payment-info .auau-nuxt-payment-card__not-enough {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  color: #dc3030;
}
@media (max-width: 767px) {
.auau-nuxt-payment-card .auau-nuxt-payment-card__payment-info .auau-nuxt-payment-card__not-enough {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-payment-card .auau-nuxt-payment-card__payment-info .auau-nuxt-payment-card__payment-description {
  color: #949494;
  margin-top: 8px;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-payment-card .auau-nuxt-responsive {
  width: 64px;
}
.auau-nuxt-payment-card .auau-nuxt-payment-card__payment-card-body {
  grid-area: 2/2/3/3;
  width: 100%;
  color: #949494;
  margin-top: 16px;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
@media (max-width: 767px) {
.auau-nuxt-payment-card {
    grid-template-columns: max-content minmax(0, 1fr);
}
.auau-nuxt-payment-card .auau-nuxt-radio-button-group {
    margin-right: 16px;
}
.auau-nuxt-payment-card .auau-nuxt-payment-card__payment-card-body {
    margin-top: 16px;
}
}

.auau-nuxt-bank-transfer-card .auau-nuxt-icon-label {
  cursor: pointer;
}
.auau-nuxt-bank-transfer-card .auau-nuxt-bank-transfer-card__description {
  grid-area: 4/1/5/2;
  color: #949494;
  margin-top: 16px;
}
.auau-nuxt-bank-transfer-card .auau-nuxt-bank-transfer-card__wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
}
.auau-nuxt-bank-transfer-card .auau-nuxt-bank-transfer-card__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-bank-transfer-card .auau-nuxt-bank-transfer-card__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-bank-transfer-card .auau-nuxt-bank-transfer-card__logo {
  grid-area: 1/2/4/3;
}
.auau-nuxt-bank-transfer-card .auau-nuxt-bank-transfer-card__logo img {
  height: unset;
}
.auau-nuxt-bank-transfer-card .auau-nuxt-bank-transfer-card__info {
  grid-area: 2/1/3/2;
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #949494;
  word-wrap: break-word;
}
.auau-nuxt-bank-transfer-card .auau-nuxt-bank-transfer-card__qrcode {
  grid-area: 3/1/4/2;
  width: 300px;
  justify-self: center;
}
@media (max-width: 767px) {
.auau-nuxt-bank-transfer-card .auau-nuxt-bank-transfer-card__qrcode {
    width: 200px;
}
}


.auau-nuxt-custom-card .auau-nuxt-icon-label {
  cursor: pointer;
}
.auau-nuxt-custom-card .auau-nuxt-custom-card__wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: 380px;
}
.auau-nuxt-custom-card .auau-nuxt-custom-card__description {
  color: #949494;
  margin-top: 16px;
}
.auau-nuxt-custom-card .auau-nuxt-custom-card__qrcode {
  width: 200px;
  justify-self: center;
}
.auau-nuxt-payment-family-member-select {
  max-width: 400px;
}
.auau-nuxt-payment-family-member-select .auau-nuxt-payment-family-member-select__select-label {
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-payment-family-member-select .auau-nuxt-payment-family-member-select__select-label {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-payment-family-member-select .auau-nuxt-payment-family-member-select__select-label .auau-nuxt-select {
  max-width: 300px;
}
.auau-nuxt-fps-card .auau-nuxt-icon-label {
  cursor: pointer;
}
.auau-nuxt-fps-card .auau-nuxt-fps-card__description {
  grid-area: 4/1/5/2;
  color: #949494;
  margin-top: 16px;
}
.auau-nuxt-fps-card .auau-nuxt-fps-card__wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
}
.auau-nuxt-fps-card .auau-nuxt-fps-card__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-fps-card .auau-nuxt-fps-card__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-fps-card .auau-nuxt-fps-card__info {
  grid-area: 2/1/3/2;
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #949494;
  word-wrap: break-word;
}
.auau-nuxt-fps-card .auau-nuxt-fps-card__qrcode {
  grid-area: 3/1/4/2;
  width: 300px;
}
@media (max-width: 767px) {
.auau-nuxt-fps-card .auau-nuxt-fps-card__qrcode {
    width: 200px;
}
}
.auau-nuxt-payment-info-modal {
  margin-bottom: 16px;
}
.auau-nuxt-custom-model .auau-nuxt-custom-model__wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: 380px;
}
.auau-nuxt-custom-model .auau-nuxt-custom-model__description {
  color: #949494;
}
.auau-nuxt-custom-model .auau-nuxt-custom-model__qrcode {
  width: 300px;
  justify-self: center;
}
.auau-nuxt-payme-model .auau-nuxt-payme-model__wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 64px;
  grid-template-rows: auto auto auto auto;
  gap: 24px;
  width: 100%;
  max-width: 380px;
}
.auau-nuxt-payme-model .auau-nuxt-payme-model__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-payme-model .auau-nuxt-payme-model__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-payme-model .auau-nuxt-payme-model__logo {
  grid-area: 1/2/4/3;
}
.auau-nuxt-payme-model .auau-nuxt-payme-model__logo img {
  height: unset;
}
.auau-nuxt-payme-model .auau-nuxt-payme-model__info {
  grid-area: 2/1/3/2;
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #949494;
  word-wrap: break-word;
}
.auau-nuxt-payme-model .auau-nuxt-payme-model__info a {
  color: #949494;
}
.auau-nuxt-payme-model .auau-nuxt-payme-model__description {
  grid-area: 3/1/4/2;
  color: #949494;
}
.auau-nuxt-payme-model .auau-nuxt-payme-model__qrcode {
  grid-area: 4/1/5/3;
  width: 300px;
  justify-self: center;
}
.auau-nuxt-fps-model .auau-nuxt-fps-model__wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 64px;
  grid-template-rows: auto auto auto auto;
  gap: 24px;
  width: 100%;
  max-width: 380px;
}
.auau-nuxt-fps-model .auau-nuxt-fps-model__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-fps-model .auau-nuxt-fps-model__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-fps-model .auau-nuxt-fps-model__logo {
  grid-area: 1/2/4/3;
}
.auau-nuxt-fps-model .auau-nuxt-fps-model__logo img {
  height: unset;
}
.auau-nuxt-fps-model .auau-nuxt-fps-model__info {
  grid-area: 2/1/3/2;
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #949494;
  word-wrap: break-word;
}
.auau-nuxt-fps-model .auau-nuxt-fps-model__description {
  grid-area: 3/1/4/2;
  color: #949494;
}
.auau-nuxt-fps-model .auau-nuxt-fps-model__qrcode {
  grid-area: 4/1/5/3;
  width: 300px;
  justify-self: center;
}
.auau-nuxt-bank-transfer-model .auau-nuxt-bank-transfer-model__wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 64px;
  grid-template-rows: auto auto auto auto;
  gap: 24px;
  width: 100%;
  max-width: 380px;
}
.auau-nuxt-bank-transfer-model .auau-nuxt-bank-transfer-model__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-bank-transfer-model .auau-nuxt-bank-transfer-model__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-bank-transfer-model .auau-nuxt-bank-transfer-model__logo {
  grid-area: 1/2/4/3;
}
.auau-nuxt-bank-transfer-model .auau-nuxt-bank-transfer-model__logo img {
  height: unset;
}
.auau-nuxt-bank-transfer-model .auau-nuxt-bank-transfer-model__info {
  grid-area: 2/1/3/2;
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #949494;
  word-wrap: break-word;
}
.auau-nuxt-bank-transfer-model .auau-nuxt-bank-transfer-model__description {
  grid-area: 3/1/4/2;
  color: #949494;
}
.auau-nuxt-bank-transfer-model .auau-nuxt-bank-transfer-model__qrcode {
  grid-area: 4/1/5/3;
  width: 300px;
  justify-self: center;
}
.auau-nuxt-tag-button {
  border-radius: 6px;
  padding: 3px 8px;
  border: 0px solid transparent;
  display: flex;
  align-items: center;
  cursor: default;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}
.auau-nuxt-tag-button.auau-nuxt-tag-button__clickable {
  cursor: cursor;
}
.auau-nuxt-tag-button.primary {
  color: var(--auau-800, #f8b818);
  background-color: var(--auau-200, #fef1d1);
}
.auau-nuxt-payment-item .auau-nuxt-payment-item__header,
.auau-nuxt-payment-item .auau-nuxt-payment-item__content {
  border-bottom: 1px solid #d1d1d1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 350px;
  gap: 0 24px;
}
.auau-nuxt-payment-item .auau-nuxt-payment-item__header {
  padding-bottom: 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
  color: #949494;
}
.auau-nuxt-payment-item .auau-nuxt-payment-item__content {
  padding: 48px 0;
}
.auau-nuxt-payment-item .auau-nuxt-payment-item__name,
.auau-nuxt-payment-item .auau-nuxt-payment-item__coupon-name {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  color: #2d2d2d;
  word-wrap: break-word;
}
.auau-nuxt-payment-item .auau-nuxt-payment-item__total-amount {
  padding-top: 24px;
  display: flex;
  justify-content: flex-end;
}
.auau-nuxt-payment-item .auau-nuxt-payment-item__total-amount .auau-nuxt-payment-item__total-amount-value {
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
  color: #dc3030;
}
@media (max-width: 767px) {
.auau-nuxt-payment-item .auau-nuxt-payment-item__total-amount .auau-nuxt-payment-item__total-amount-value {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-payment-item .auau-nuxt-payment-item__total-amount-discount-tag {
  justify-self: flex-end;
}
.auau-nuxt-payment-item .auau-nuxt-payment-item__discount {
  width: max-content;
  max-width: 150px;
  min-height: 0;
}
.auau-nuxt-payment-item .auau-nuxt-payment-item__discount .auau-nuxt-payment-item__discount-label {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
}
.auau-nuxt-payment-item .auau-nuxt-payment-item__coupon-amount,
.auau-nuxt-payment-item .auau-nuxt-payment-item__amount {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.auau-nuxt-payment-item .auau-nuxt-payment-item__coupon-amount .auau-nuxt-payment-item__amount-value,
.auau-nuxt-payment-item .auau-nuxt-payment-item__amount .auau-nuxt-payment-item__amount-value {
  display: grid;
  justify-items: flex-end;
}
.auau-nuxt-payment-item .auau-nuxt-payment-item__coupon-amount .auau-nuxt-payment-item__discount,
.auau-nuxt-payment-item .auau-nuxt-payment-item__amount .auau-nuxt-payment-item__discount {
  margin-top: 4px;
  align-self: flex-end;
}
.auau-nuxt-payment-item .auau-nuxt-payment-item__amount-value {
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
}
@media (max-width: 767px) {
.auau-nuxt-payment-item .auau-nuxt-payment-item__amount-value {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-payment-item .auau-nuxt-payment-item__amount,
.auau-nuxt-payment-item .auau-nuxt-payment-item__coupon-amount,
.auau-nuxt-payment-item .auau-nuxt-payment-item__header-amount {
  justify-self: flex-end;
}
.auau-nuxt-payment-item .auau-nuxt-payment-item__coupon-amount {
  position: relative;
}
.auau-nuxt-payment-item .auau-nuxt-payment-item__coupon-amount .auau-nuxt-payment-item__coupon-code-remove {
  position: absolute;
  cursor: pointer;
  color: #626262;
  top: -24px;
  right: -8px;
}
.auau-nuxt-payment-item .auau-nuxt-payment-item__creditValue {
  display: grid;
  justify-items: flex-end;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  color: #dc3030;
}
@media (max-width: 767px) {
.auau-nuxt-payment-item .auau-nuxt-payment-item__creditValue {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-payment-item .auau-nuxt-payment-item__coupon-amount,
.auau-nuxt-payment-item .auau-nuxt-payment-item__coupon-name,
.auau-nuxt-payment-item .auau-nuxt-payment-item__coupon-remark {
  align-self: center;
}
.auau-nuxt-payment-item .auau-nuxt-payment-item__remark,
.auau-nuxt-payment-item .auau-nuxt-payment-item__coupon-remark {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
@media (max-width: 1127px) {
.auau-nuxt-payment-item .auau-nuxt-payment-item__mobile-wrapper {
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    padding: 24px 0;
    display: grid;
    gap: 24px 0;
}
.auau-nuxt-payment-item .auau-nuxt-payment-item__mobile-wrapper .auau-nuxt-payment-item__mobile-label {
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
    color: #949494;
    margin-bottom: 4px;
}
.auau-nuxt-payment-item .auau-nuxt-payment-item__mobile-wrapper .auau-nuxt-payment-item__mobile-name {
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    word-break: break-word;
}
.auau-nuxt-payment-item .auau-nuxt-payment-item__mobile-wrapper .auau-nuxt-payment-item__mobile-remark {
    font-size: 15px;
    font-weight: 300;
    line-height: 22px;
}
.auau-nuxt-payment-item .auau-nuxt-payment-item__mobile-wrapper .auau-nuxt-payment-item__mobile-coupon {
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 16px;
}
.auau-nuxt-payment-item .auau-nuxt-payment-item__mobile-wrapper .auau-nuxt-payment-item__mobile-coupon .auau-nuxt-payment-item__mobile-coupon-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.auau-nuxt-payment-item .auau-nuxt-payment-item__mobile-wrapper .auau-nuxt-payment-item__mobile-coupon .auau-nuxt-payment-item__mobile-coupon-header .auau-nuxt-payment-item__coupon-code-remove {
    cursor: pointer;
}
.auau-nuxt-payment-item .auau-nuxt-payment-item__mobile-wrapper .auau-nuxt-payment-item__original-price {
    color: #d1d1d1;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-payment-item .auau-nuxt-payment-item__mobile-wrapper .auau-nuxt-payment-item__original-price {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-payment-item .auau-nuxt-payment-item__mobile-wrapper .auau-nuxt-payment-item__subtotal-amount {
    color: #dc3030;
}
}
@media (max-width: 1127px) {
.auau-nuxt-payment-item .auau-nuxt-payment-item__mobile-wrapper .auau-nuxt-payment-item__amount {
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
}
.auau-nuxt-payment-item .auau-nuxt-payment-item__mobile-wrapper .auau-nuxt-payment-item__amount .auau-nuxt-payment-item__discount {
    margin: 0 0 0 8px;
}
.auau-nuxt-payment-item .auau-nuxt-payment-item__mobile-wrapper .auau-nuxt-payment-item__amount .auau-nuxt-payment-item__mobile-label-creditValue {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    color: #dc3030;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-payment-item .auau-nuxt-payment-item__mobile-wrapper .auau-nuxt-payment-item__amount .auau-nuxt-payment-item__mobile-label-creditValue {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-payment-item__top-bar {
  background: rgba(255, 255, 255, 0.93);
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.07);
  backdrop-filter: blur(22px);
  position: fixed;
  top: 72px;
  left: 0;
  width: 100%;
  z-index: 200;
}
.auau-nuxt-payment-item__top-bar .auau-nuxt-payment-item__top-bar-wrapper {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
}
.auau-nuxt-payment-item__top-bar .auau-nuxt-payment-item__top-bar-wrapper .auau-nuxt-payment-item__top-bar-amount {
  display: flex;
  align-items: end;
  flex-direction: column;
}
.auau-nuxt-payment-item__top-bar .auau-nuxt-payment-item__top-bar-wrapper .auau-nuxt-payment-item__top-bar-amount .auau-nuxt-payment-item__discount {
  margin-right: 8px;
  max-width: 250px;
  min-height: 0;
}
.auau-nuxt-payment-item__top-bar .auau-nuxt-payment-item__top-bar-wrapper .auau-nuxt-payment-item__top-bar-amount .auau-nuxt-payment-item__top-bar-creditValue {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  color: #dc3030;
}
@media (max-width: 767px) {
.auau-nuxt-payment-item__top-bar .auau-nuxt-payment-item__top-bar-wrapper .auau-nuxt-payment-item__top-bar-amount .auau-nuxt-payment-item__top-bar-creditValue {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-payment-item__top-bar .auau-nuxt-payment-item__top-bar-wrapper .auau-nuxt-payment-item__label {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
}
.auau-nuxt-payment-item__top-bar .auau-nuxt-payment-item__top-bar-wrapper .auau-nuxt-payment-item__name {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  margin-top: 4px;
}
@media (max-width: 767px) {
.auau-nuxt-payment-item__top-bar .auau-nuxt-payment-item__top-bar-wrapper .auau-nuxt-payment-item__name {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-payment-item__top-bar {
    top: 56px;
}
}
.auau-nuxt-jkopay-card .auau-nuxt-icon-label {
  cursor: pointer;
}
.auau-nuxt-jkopay-card .auau-nuxt-jkopay-card__description {
  margin-top: 16px;
}
.auau-nuxt-jkopay-model .auau-nuxt-jkopay-model__wrapper {
  display: grid;
  grid-template-columns: auto 64px;
  grid-template-rows: auto auto auto auto;
  gap: 24px;
  width: 100%;
  max-width: 380px;
}
.auau-nuxt-jkopay-model .auau-nuxt-jkopay-model__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-jkopay-model .auau-nuxt-jkopay-model__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-jkopay-model .auau-nuxt-jkopay-model__logo {
  grid-area: 1/2/4/3;
}
.auau-nuxt-jkopay-model .auau-nuxt-jkopay-model__logo img {
  height: unset;
}
.auau-nuxt-jkopay-model .auau-nuxt-jkopay-model__info {
  grid-area: 2/1/3/2;
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #949494;
}
.auau-nuxt-jkopay-model .auau-nuxt-jkopay-model__info a {
  color: #949494;
}
.auau-nuxt-jkopay-model .auau-nuxt-jkopay-model__description {
  grid-area: 3/1/4/2;
  color: #949494;
}
.auau-nuxt-jkopay-model .auau-nuxt-jkopay-model__qrcode {
  grid-area: 4/1/5/3;
  width: 300px;
  justify-self: center;
}
.auau-nuxt-newebpay-card .auau-nuxt-newebpay-card__description {
  margin-top: 16px;
}
.auau-nuxt-paypal-card .auau-nuxt-paypal-card__description {
  margin-top: 16px;
}
.auau-nuxt-paypal-partner-card .auau-nuxt-payment-card .auau-nuxt-paypal-partner-card__content {
  display: grid;
  grid-area: 2/2;
  margin-top: 16px;
}
.auau-nuxt-paypal-partner-card .auau-nuxt-payment-card .auau-nuxt-paypal-partner-card__actions {
  margin-top: 16px;
}
.auau-nuxt-paypal-partner-card .auau-nuxt-payment-card .auau-nuxt-paypal-partner-card__agreement-html * {
  font-size: 15px !important;
}
.auau-nuxt-paypal-partner-card .auau-nuxt-payment-card #auau-nuxt-paypal-partner-card__paypal-buttons.paypal-hide {
  display: none;
}

.auau-nuxt-payme-card .auau-nuxt-icon-label {
  cursor: pointer;
}
.auau-nuxt-payme-card .auau-nuxt-payme-card__description {
  grid-area: 4/1/5/2;
  color: #949494;
  margin-top: 16px;
}
.auau-nuxt-payme-card .auau-nuxt-payme-card__wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
}
.auau-nuxt-payme-card .auau-nuxt-payme-card__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-payme-card .auau-nuxt-payme-card__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-payme-card .auau-nuxt-payme-card__info {
  grid-area: 2/1/3/2;
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #949494;
  word-wrap: break-word;
}
.auau-nuxt-payme-card .auau-nuxt-payme-card__info a {
  color: #949494;
}
.auau-nuxt-payme-card .auau-nuxt-payme-card__qrcode {
  grid-area: 3/1/4/2;
  width: 300px;
}
@media (max-width: 767px) {
.auau-nuxt-payme-card .auau-nuxt-payme-card__qrcode {
    width: 200px;
}
}
.auau-nuxt-stripe-card .auau-nuxt-stripe-card__description {
  margin-top: 16px;
}

.auau-nuxt-private-booking-schedule__hour-box {
  padding: 8px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-top: 1px solid #d1d1d1;
  border-right: 1px solid #d1d1d1;
  position: relative;
  height: 124px;
  background-color: #f0f0f0;
  position: relative;
  overflow: hidden;
}
.auau-nuxt-private-booking-schedule__hour-box .auau-nuxt-private-booking-schedule__available-box {
  background: #ffffff;
  position: absolute;
  width: 100%;
  left: 0;
}
.auau-nuxt-private-booking-schedule__hour-box.auau-nuxt-private-booking-schedule__hour-box-disabled .auau-nuxt-private-booking-schedule__time-label {
  color: #d1d1d1 !important;
}
.auau-nuxt-private-booking-schedule__hour-box.override-layer::after {
  content: " ";
  position: absolute;
  width: 100%;
  height: calc(var(--override-background-height) * 1%);
  z-index: 3;
  top: calc(var(--override-layer-top) * 1%);
  left: 0px;
  background: var(--auau-200, #fef1d1);
}
.auau-nuxt-private-booking-schedule__hour-box .auau-nuxt-private-booking-schedule__time-label {
  color: #949494;
  z-index: 5;
}
.auau-nuxt-private-booking-schedule__hour-box:nth-child(24n) {
  border-bottom: 1px solid #d1d1d1;
}
.auau-nuxt-week-bar {
  display: flex;
  position: relative;
  text-align: center;
  max-width: 100%;
  justify-content: space-around;
}
.auau-nuxt-week-bar.auau-nuxt-week-bar__disabled {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  pointer-events: none;
}
.auau-nuxt-week-bar.auau-nuxt-week-bar__disabled .auau-nuxt-week-bar__label-active,
.auau-nuxt-week-bar.auau-nuxt-week-bar__disabled .auau-nuxt-week-bar__label,
.auau-nuxt-week-bar.auau-nuxt-week-bar__disabled .auau-nuxt-icon {
  color: #d1d1d1 !important;
}
.auau-nuxt-week-bar .auau-nuxt-week-bar__label {
  color: #949494;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-week-bar .auau-nuxt-week-bar__label-active {
  color: var(--auau-800, #f8b818);
}
.auau-nuxt-week-bar .auau-nuxt-week-bar__clickable {
  cursor: pointer;
}
.auau-nuxt-week-bar .auau-nuxt-week-bar__unclickable {
  pointer-events: none;
}
.auau-nuxt-week-bar .auau-nuxt-week-bar__chevron {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  align-items: center;
}
.auau-nuxt-week-bar .auau-nuxt-week-bar__chevron.left {
  left: 0;
}
.auau-nuxt-week-bar .auau-nuxt-week-bar__chevron.right {
  right: 0;
}
@media (max-width: 767px) {
.auau-nuxt-week-bar {
    overflow: auto;
    padding-bottom: 20px;
    justify-content: space-between;
}
.auau-nuxt-week-bar .auau-nuxt-week-bar__chevron {
    position: static;
    transform: none;
}
}
.auau-nuxt-private-booking-schedule__modal .auau-nuxt-modal__content {
  padding-top: 0;
}
@media (max-width: 767px) {
.auau-nuxt-private-booking-schedule__modal .auau-nuxt-modal-base__modal-wrapper {
    max-height: 80vh;
}
}
.auau-nuxt-private-booking-schedule {
  display: grid;
  width: 800px;
  gap: 16px;
}
.auau-nuxt-private-booking-schedule .auau-nuxt-private-booking-schedule__date-label {
  color: var(--auau-800, #f8b818);
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
  border-bottom: 3px solid var(--auau-800, #f8b818);
  width: max-content;
}
@media (max-width: 767px) {
.auau-nuxt-private-booking-schedule .auau-nuxt-private-booking-schedule__date-label {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-private-booking-schedule .auau-nuxt-private-booking-schedule__slot-grid {
  padding: 16px 0;
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  border-left: 2px solid #d1d1d1;
  padding-left: 16px;
  margin-left: 4px;
}
.auau-nuxt-private-booking-schedule .auau-nuxt-private-booking-schedule__slot-grid .auau-nuxt-button {
  height: 48px;
}
.auau-nuxt-private-booking-schedule .auau-nuxt-private-booking-schedule__slot-grid .auau-nuxt-button:hover {
  border-color: var(--auau-700, #f9ce5c);
  background: var(--auau-700, #f9ce5c);
}
.auau-nuxt-private-booking-schedule .auau-nuxt-private-booking-schedule__slot-grid .auau-nuxt-button:active {
  border-color: var(--auau-900, #f89d00);
  background: var(--auau-900, #f89d00);
}
.auau-nuxt-private-booking-schedule .auau-nuxt-private-booking-schedule__observer {
  place-self: center;
  height: 48px;
}
.auau-nuxt-private-booking-schedule .auau-nuxt-private-booking-schedule__loader {
  height: var(--size);
  width: var(--size);
  -webkit-animation: loader-1 4.8s linear infinite;
  animation: loader-1 4.8s linear infinite;
}
.auau-nuxt-private-booking-schedule .auau-nuxt-private-booking-schedule__loader span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: var(--size);
  width: var(--size);
  clip: rect(0, var(--size), var(--size), calc(var(--size) / 2));
  -webkit-animation: loader-2 1.2s linear infinite;
  animation: loader-2 1.2s linear infinite;
}
.auau-nuxt-private-booking-schedule .auau-nuxt-private-booking-schedule__loader span::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: var(--size);
  width: var(--size);
  clip: rect(0, var(--size), var(--size), calc(var(--size) / 2));
  border: calc(var(--size) * 0.1) solid var(--auau-800, #f8b818);
  border-radius: 100%;
  -webkit-animation: loader-3 1.2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  animation: loader-3 1.2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 1127px) {
.auau-nuxt-private-booking-schedule {
    width: 498px;
}
.auau-nuxt-private-booking-schedule .auau-nuxt-private-booking-schedule__slot-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.auau-nuxt-private-booking-schedule {
    width: 100%;
}
.auau-nuxt-private-booking-schedule .auau-nuxt-private-booking-schedule__slot-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.auau-nuxt-private-booking-schedule .auau-nuxt-private-booking-schedule__slot-grid .auau-nuxt-button {
    padding: 12px 0px;
}
}
.auau-nuxt-private-booking-card__time-wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  color: #d1d1d1;
}
.auau-nuxt-private-booking-card__time-select-grid {
  height: 250px;
  scroll-behavior: smooth;
  overflow-x: hidden;
  background-color: transparent;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 8px;
  gap: 16px 24px;
  grid-auto-rows: max-content;
}
.auau-nuxt-private-booking-card__time-select-grid::-webkit-scrollbar {
  width: 4px;
}
.auau-nuxt-private-booking-card__time-select-grid::-webkit-scrollbar-track {
  background: #d1d1d1;
  border-radius: 10px;
  border: 1px solid #fafafc;
}
.auau-nuxt-private-booking-card__time-select-grid::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: var(--auau-800, #f8b818);
}
@media (max-width: 767px) {
.auau-nuxt-private-booking-card__time-select-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 8px;
}
}
.auau-nuxt-private-booking-card__time-select-grid .auau-nuxt-private-booking-card__time-select-grid-card-body-time {
  padding: 8px 16px;
  cursor: pointer;
  border-radius: 8px;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.07);
  background-color: #ffffff;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}
.auau-nuxt-private-booking-card__time-select-grid .auau-nuxt-private-booking-card__time-select-grid-card-body-time.selected {
  outline: 2px solid var(--auau-800, #f8b818);
  color: var(--auau-800, #f8b818);
}

.auau-nuxt-private-booking-card__time-section {
  padding-top: 20px;
}
@media (max-width: 767px) {
.auau-nuxt-private-booking-card__time-section {
    padding-top: 0px;
}
}
.auau-nuxt-private-booking-card__time-section .auau-nuxt-private-booking-card__timeslot-field {
  margin-top: 24px;
}
.auau-nuxt-private-booking-card__time-section .auau-nuxt-private-booking-card__time-section-wrapper {
  display: grid;
  grid-template-columns: minmax(0, 330px) minmax(0, 595px);
  justify-content: space-between;
}
@media (max-width: 767px) {
.auau-nuxt-private-booking-card__time-section .auau-nuxt-private-booking-card__time-section-wrapper {
    grid-template-columns: minmax(0, 1fr);
}
}
.auau-nuxt-private-booking-card__time-section .auau-nuxt-private-booking-card__time-section-wrapper .auau-nuxt-private-booking-card__time-section__button-wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
}
.auau-nuxt-private-booking-card__time-section .auau-nuxt-private-booking-card__time-section-wrapper .auau-nuxt-private-booking-card__time-section__time-wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  color: #d1d1d1;
}
.auau-nuxt-private-booking-card__time-section .auau-nuxt-datepicker .vc-highlight {
  width: 32px;
  height: 32px;
}
.auau-nuxt-private-booking-card__time-section .auau-nuxt-datepicker .is-today:has(.vc-highlights) .vc-dot {
  background-color: #ffffff !important;
}
.auau-nuxt-private-booking-card-control__service-card-grid {
  display: grid;
  gap: 16px 24px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 2px;
  padding-bottom: 60px;
}
.auau-nuxt-private-booking-card-control__service-card-grid .auau-nuxt-private-booking-card-control__upper-section {
  position: relative;
}
.auau-nuxt-private-booking-card-control__service-card-grid .auau-nuxt-private-booking-card-control__upper-section .auau-nuxt-private-booking-card-control__description-button {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 0;
}
.auau-nuxt-private-booking-card-control__service-card-grid .auau-nuxt-private-booking-card-control__service-card {
  overflow: hidden;
  align-items: flex-start;
  cursor: pointer;
  border-radius: 8px;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.07);
  background-color: #ffffff;
  height: 100%;
  align-content: center;
  text-align: center;
  grid-template-rows: minmax(0, 1fr) max-content;
  display: grid;
}
.auau-nuxt-private-booking-card-control__service-card-grid .auau-nuxt-private-booking-card-control__service-card.selected {
  outline: 2px solid var(--auau-800, #f8b818);
}
.auau-nuxt-private-booking-card-control__service-card-grid .auau-nuxt-private-booking-card-control__service-card .auau-nuxt-private-booking-card-control__service-card-content {
  margin: 24px;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  align-items: center;
  align-self: center;
}
@media (max-width: 767px) {
.auau-nuxt-private-booking-card-control__service-card-grid .auau-nuxt-private-booking-card-control__service-card .auau-nuxt-private-booking-card-control__service-card-content {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-private-booking-card-control__service-card-grid.include-image {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.auau-nuxt-private-booking-card-control__service-card-grid.include-image .auau-nuxt-private-booking-card-control__service-card .auau-nuxt-private-booking-card-control__service-card-content {
  margin: 16px;
}
@media (max-width: 1127px) {
.auau-nuxt-private-booking-card-control__service-card-grid.include-image {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}
}
@media (max-width: 767px) {
.auau-nuxt-private-booking-card-control__service-card-grid {
    grid-template-columns: minmax(0, 1fr);
}
.auau-nuxt-private-booking-card-control__service-card-grid.include-image {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
}
@media (max-width: 767px) {
.auau-nuxt-private-booking-card-control__description-modal .auau-nuxt-modal__content {
    padding-top: 40px;
    padding-bottom: 60px;
}
}
.auau-nuxt-marquee-text {
  width: inherit;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}
.auau-nuxt-marquee-text .auau-nuxt-marquee-text__label.marquee {
  animation: marquee 10s linear infinite;
}
@keyframes marquee {
from {
    transform: translateX(10%);
}
to {
    transform: translateX(-90%);
}
}
.auau-nuxt-private-booking-card-control__coaches-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  padding: 2px;
  padding-bottom: 60px;
}
@media (max-width: 1127px) {
.auau-nuxt-private-booking-card-control__coaches-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
}
@media (max-width: 767px) {
.auau-nuxt-private-booking-card-control__coaches-card-grid {
    grid-template-columns: auto;
}
}
.auau-nuxt-private-booking-card-control__coaches-card-grid .auau-nuxt-private-booking-card-control__coach-card {
  border-radius: 8px;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.07);
  padding: 24px 48px;
  background-color: #ffffff;
  box-sizing: border-box;
  height: 100%;
  align-content: center;
  text-align: center;
}
.auau-nuxt-private-booking-card-control__coaches-card-grid .auau-nuxt-private-booking-card-control__coach-card.selected {
  outline: 2px solid var(--auau-800, #f8b818);
}
.auau-nuxt-private-booking-card-control__coaches-card-grid .auau-nuxt-private-booking-card-control__coach-card .auau-nuxt-private-booking-card-control__coach-content {
  align-items: center;
  cursor: pointer;
  display: flex;
  width: 100%;
  gap: 16px;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}
.auau-nuxt-private-booking-card-control__coaches-card-grid .auau-nuxt-private-booking-card-control__coach-card .auau-nuxt-private-booking-card-control__coach-content .auau-nuxt-private-booking-card-control__coach-card-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}
.auau-nuxt-private-booking-card-control__coaches-card-grid .auau-nuxt-private-booking-card-control__coach-card .auau-nuxt-private-booking-card-control__coach-content .auau-nuxt-private-booking-card-control__coach-card-wrapper .auau-nuxt-private-booking-card-control__coach-card-name {
  color: #2d2d2d;
}
.auau-nuxt-private-booking-card-control__coaches-card-grid .auau-nuxt-private-booking-card-control__coach-card .auau-nuxt-private-booking-card-control__coach-content .auau-nuxt-private-booking-card-control__coach-card-wrapper .auau-nuxt-private-booking-card-control__coach-card-title {
  font-weight: 400;
  line-height: 20px;
  color: #949494;
}
.auau-nuxt-private-booking-card-control__address-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  padding: 2px;
  padding-bottom: 60px;
}
@media (max-width: 767px) {
.auau-nuxt-private-booking-card-control__address-card-grid {
    gap: 16px;
    grid-template-columns: auto;
}
}
.auau-nuxt-private-booking-card-control__address-card-grid .auau-nuxt-private-booking-card-control__address-card {
  overflow: hidden;
  align-items: flex-start;
  cursor: pointer;
  border-radius: 8px;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.07);
  background-color: #ffffff;
  display: flex;
  padding: 32px 24px;
  gap: 24px;
  min-height: 142px;
  box-sizing: border-box;
}
.auau-nuxt-private-booking-card-control__address-card-grid .auau-nuxt-private-booking-card-control__address-card .auau-nuxt-private-booking-card-control__address-card-body {
  display: flex;
  gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-self: center;
}
.auau-nuxt-private-booking-card-control__address-card-grid .auau-nuxt-private-booking-card-control__address-card .auau-nuxt-private-booking-card-control__address-card-body .auau-nuxt-private-booking-card-control__address-card-title {
  font-size: 1.25rem;
  font-weight: bold;
  color: #2d2d2d;
  width: 100%;
}
.auau-nuxt-private-booking-card-control__address-card-grid .auau-nuxt-private-booking-card-control__address-card .auau-nuxt-private-booking-card-control__address-card-text {
  color: #949494;
  font-size: 15px;
  word-wrap: break-word;
  width: 100%;
}
.auau-nuxt-private-booking-card-control__address-card-grid .selected {
  outline: 2px solid var(--auau-800, #f8b818);
}
.auau-nuxt-private-booking-card-control__member-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  padding: 2px;
  padding-bottom: 60px;
}
@media (max-width: 1127px) {
.auau-nuxt-private-booking-card-control__member-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
}
@media (max-width: 767px) {
.auau-nuxt-private-booking-card-control__member-card-grid {
    grid-template-columns: auto;
}
}
.auau-nuxt-private-booking-card-control__member-card-grid .auau-nuxt-private-booking-card-control__member-card {
  border-radius: 8px;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.07);
  padding: 24px 48px;
  background-color: #ffffff;
  box-sizing: border-box;
  height: 100%;
  align-content: center;
  text-align: center;
}
.auau-nuxt-private-booking-card-control__member-card-grid .auau-nuxt-private-booking-card-control__member-card.selected {
  outline: 2px solid var(--auau-800, #f8b818);
}
.auau-nuxt-private-booking-card-control__member-card-grid .auau-nuxt-private-booking-card-control__member-card .auau-nuxt-private-booking-card-control__member-content {
  align-items: center;
  cursor: pointer;
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 16px;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}
.auau-nuxt-private-booking-card-control__member-card-grid .auau-nuxt-private-booking-card-control__member-card .auau-nuxt-private-booking-card-control__member-content .auau-nuxt-private-booking-card-control__member-card-name {
  color: #2d2d2d;
  word-break: break-word;
}
.auau-nuxt-private-booking-card__confirm-section {
  display: grid;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__grid-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__grid-wrapper .auau-nuxt-private-booking-card__left-section {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  grid-auto-rows: max-content;
  padding-right: 24px;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__grid-wrapper .auau-nuxt-private-booking-card__left-section .auau-nuxt-private-booking-card__confirm-section-staff {
  grid-area: 1/1/2/3;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__grid-wrapper .auau-nuxt-private-booking-card__left-section .auau-nuxt-private-booking-card__confirm-section-service {
  grid-area: 2/1/3/3;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__grid-wrapper .auau-nuxt-private-booking-card__left-section .auau-nuxt-private-booking-card__confirm-section-address {
  grid-area: 3/1/4/3;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__grid-wrapper .auau-nuxt-private-booking-card__right-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__grid-wrapper .auau-nuxt-private-booking-card__right-section .auau-nuxt-private-booking-card__remark {
  flex: 1;
}
@media (max-width: 767px) {
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__grid-wrapper {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__grid-wrapper .auau-nuxt-private-booking-card__left-section {
    gap: 24px 48px;
    padding-right: 0;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__grid-wrapper .auau-nuxt-private-booking-card__left-section .auau-nuxt-private-booking-card__confirm-section-staff {
    grid-area: 2/1/3/3;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__grid-wrapper .auau-nuxt-private-booking-card__left-section .auau-nuxt-private-booking-card__confirm-section-service {
    grid-area: 3/1/4/3;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__grid-wrapper .auau-nuxt-private-booking-card__left-section .auau-nuxt-private-booking-card__confirm-section-address {
    grid-area: 4/1/5/3;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__grid-wrapper .auau-nuxt-private-booking-card__left-section .auau-nuxt-private-booking-card__confirm-section-date {
    grid-area: 1/1/2/2;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__grid-wrapper .auau-nuxt-private-booking-card__left-section .auau-nuxt-private-booking-card__confirm-section-time {
    grid-area: 1/2/2/3;
}
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-text-area {
  display: flex;
  padding: 16px 24px;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  border-radius: 8px;
  border: 1.5px solid #d1d1d1;
  background: #fafafc;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__address {
  grid-column-start: 1;
  grid-column-end: 3;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__date-time {
  display: flex;
  gap: 24px;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__value {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__value {
    margin-bottom: 24px;
}
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__amount-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: auto;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__amount-wrapper .auau-nuxt-private-booking-card__confirm-section__amount-label {
  color: #949494;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 8px;
  width: 100%;
  display: grid;
  justify-items: left;
  font-size: 15px;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__amount-wrapper .auau-nuxt-private-booking-card__confirm-section__pricing {
  margin-bottom: 16px;
  display: grid;
  align-items: baseline;
  width: 100%;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__amount-wrapper .auau-nuxt-private-booking-card__confirm-section__pricing .auau-nuxt-private-booking-card__confirm-section__pricing-amount {
  display: grid;
  align-items: baseline;
  line-height: 1;
  justify-items: left;
  flex-wrap: wrap;
  font-size: 22px;
  font-weight: 700;
  line-height: 34.75px;
  gap: 8px;
}
@media (max-width: 767px) {
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__amount-wrapper .auau-nuxt-private-booking-card__confirm-section__pricing .auau-nuxt-private-booking-card__confirm-section__pricing-amount {
    font-size: 24px;
    font-weight: 600;
}
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__amount-wrapper .auau-nuxt-private-booking-card__confirm-section__pricing .auau-nuxt-private-booking-card__confirm-section__pricing-amount > span {
  color: #2d2d2d;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  font-weight: 400;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__amount-wrapper .auau-nuxt-private-booking-card__confirm-section__pricing .only-price-type {
  padding: 8px 16px;
  justify-content: center;
  display: flex;
  align-items: center;
  background-color: var(--auau-800, #f8b818);
  color: var(--text-color, #ffffff);
  width: 93px;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  border-radius: 40px;
}
@media (max-width: 767px) {
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__amount-wrapper .auau-nuxt-private-booking-card__confirm-section__pricing .only-price-type {
    width: 50%;
    padding: 8px 0px;
}
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__amount-wrapper .auau-nuxt-private-booking-card__confirm-section__pricing .auau-nuxt-tab-links {
  width: max-content;
}
@media (max-width: 767px) {
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__amount-wrapper .auau-nuxt-private-booking-card__confirm-section__pricing .auau-nuxt-tab-links {
    width: 100%;
}
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__amount-wrapper .auau-nuxt-private-booking-card__confirm-section__pricing .auau-nuxt-tab-links .auau-nuxt-tab-links__header-items {
  width: fit-content;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__amount-wrapper .auau-nuxt-private-booking-card__confirm-section__pricing .auau-nuxt-tab-links .auau-nuxt-tab-links__header-items > div {
  display: flex;
  background-color: #fafafc;
  border-radius: 40px;
  gap: 8px;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__amount-wrapper .auau-nuxt-private-booking-card__confirm-section__pricing .auau-nuxt-tab-links .auau-nuxt-tab-links__header-item {
  padding: 8px 16px;
  width: 125px;
  color: #2d2d2d;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  padding: 8px 24px;
}
@media (max-width: 767px) {
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__amount-wrapper .auau-nuxt-private-booking-card__confirm-section__pricing .auau-nuxt-tab-links .auau-nuxt-tab-links__header-item {
    width: 50%;
}
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__amount-wrapper .auau-nuxt-private-booking-card__confirm-section__pricing .auau-nuxt-tab-links .auau-nuxt-tab-links__header-item.selected {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--auau-800, #f8b818);
  color: var(--text-color, #ffffff);
  width: 125px;
  padding: 8px 16px;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__amount-wrapper .auau-nuxt-private-booking-card__confirm-section__pricing .auau-nuxt-tab-links .auau-nuxt-tab-links__header-item.selected::after {
  content: none;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__amount-wrapper .auau-nuxt-private-booking-card__confirm-section__pricing .auau-nuxt-tab-group__tab-content {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  margin-top: 16px;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__amount-wrapper .auau-nuxt-private-booking-card__confirm-section__pricing .auau-nuxt-tab-group__tab-content .auau-nuxt-private-booking-card__confirm-discount_layer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: baseline;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__amount-wrapper .auau-nuxt-private-booking-card__confirm-section__pricing .auau-nuxt-tab-group__tab-content .auau-nuxt-private-booking-card__confirm-section__discount-label {
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
  color: #949494;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__amount-wrapper .auau-nuxt-private-booking-card__confirm-section__pricing .auau-nuxt-tab-group__tab-content .auau-nuxt-private-booking-card__confirm-section__discount-price {
  color: #dc3030;
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
}
@media (max-width: 767px) {
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__amount-wrapper .auau-nuxt-private-booking-card__confirm-section__pricing .auau-nuxt-tab-group__tab-content .auau-nuxt-private-booking-card__confirm-section__discount-price {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__amount-wrapper .auau-nuxt-private-booking-card__confirm-section__pricing .auau-nuxt-tab-group__tab-content .auau-nuxt-private-booking-card__confirm-section__original-price-layer {
  display: flex;
  gap: 10px;
  align-items: baseline;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__amount-wrapper .auau-nuxt-private-booking-card__confirm-section__pricing .auau-nuxt-tab-group__tab-content .auau-nuxt-private-booking-card__confirm-section__original-price-layer .auau-nuxt-private-booking-card__confirm-section__original-label {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  color: #949494;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__amount-wrapper .auau-nuxt-private-booking-card__confirm-section__pricing .auau-nuxt-tab-group__tab-content .auau-nuxt-private-booking-card__confirm-section__original-price-layer .auau-nuxt-private-booking-card__confirm-section__original-price {
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
  color: #2d2d2d;
}
@media (max-width: 767px) {
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-section__amount-wrapper .auau-nuxt-private-booking-card__confirm-section__pricing .auau-nuxt-tab-group__tab-content .auau-nuxt-private-booking-card__confirm-section__original-price-layer .auau-nuxt-private-booking-card__confirm-section__original-price {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__action-button-grid {
  grid-column: 2/-1;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__action-button-grid .auau-nuxt-private-booking-card__action-button-wrapper {
  gap: 20px;
  justify-content: right;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__action-button-grid .auau-nuxt-private-booking-card__action-button-wrapper .auau-nuxt-private-booking-card__section-button {
  flex-direction: row;
  display: flex;
  width: 242px;
  align-items: center;
  justify-content: center;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__section-confim-form-control {
  margin-bottom: 16px;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-card-body-content {
  overflow: hidden;
  align-items: flex-start;
  border-radius: 8px;
  background: #fafafc;
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 16px;
  padding: 16px;
  align-items: center;
  align-self: stretch;
  width: 50%;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-card-body-content .auau-nuxt-private-booking-card__content {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  display: grid;
  grid-template-rows: auto auto;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-card-body-content .auau-nuxt-private-booking-card__content .auau-nuxt-private-booking-card__confirm-card-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.auau-nuxt-private-booking-card__confirm-section .auau-nuxt-private-booking-card__confirm-card-body-content .auau-nuxt-private-booking-card__content .auau-nuxt-private-booking-card__confirm-card-sub-text {
  font-size: 11px;
  font-weight: 300;
  line-height: 16px;
  color: #949494;
  font-weight: 400;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.auau-nuxt-private-booking-card-control .auau-nuxt-private-booking-card-control__header {
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
.auau-nuxt-private-booking-card-control .auau-nuxt-private-booking-card-control__header {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
@media (max-width: 767px) {
.auau-nuxt-private-booking-card-control .auau-nuxt-private-booking-card-control__header {
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 24px;
    margin-bottom: 24px;
}
}
.auau-nuxt-private-booking-card-control .auau-nuxt-private-booking-card-control__book_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
.auau-nuxt-private-booking-card-control .auau-nuxt-private-booking-card-control__book_header {
    padding-bottom: 16px;
}
}
.auau-nuxt-private-booking-card-control .auau-nuxt-private-booking-card-control__book_footer {
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 16px 24px;
  padding-bottom: 32px;
  background-color: #ffffff;
  box-shadow: 0px -3px 15px 0px #00000012;
  z-index: 10;
}
.auau-nuxt-private-booking-card-control .auau-nuxt-private-booking-card-control__book_footer .auau-nuxt-private-booking-card-control__footer-action {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.auau-nuxt-private-booking-card-control .auau-nuxt-private-booking-card-control__book_footer .auau-nuxt-private-booking-card-control__footer-action > .auau-nuxt-button {
  padding: 0;
  min-width: max-content;
  align-items: center;
}
.auau-nuxt-private-booking-card-control .auau-nuxt-private-booking-card-control__subtitle {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  color: #949494;
}
@media (max-width: 767px) {
.auau-nuxt-private-booking-card-control .auau-nuxt-private-booking-card-control__subtitle {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
@media (max-width: 767px) {
.auau-nuxt-private-booking-card-control .auau-nuxt-private-booking-card-control__subtitle {
    font-weight: 400;
    size: 15px;
    line-height: 22px;
}
}
.auau-nuxt-private-booking-card-control .auau-nuxt-private-booking-card-control__header-action {
  display: flex;
  gap: 16px;
}
.auau-nuxt-private-booking-card-control .auau-nuxt-private-booking-card-control__section-container {
  height: var(--height);
  padding-top: 24px;
  padding-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-private-booking-card-control .auau-nuxt-private-booking-card-control__section-container {
    padding-top: 0px;
}
}
.auau-nuxt-private-booking-card-control .auau-nuxt-private-booking-card-control__scroll-container.transitioning {
  pointer-events: none;
  overflow: hidden;
}
.auau-nuxt-private-booking-card-control .auau-nuxt-private-booking-card-control__mobile-schedule {
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
  font-weight: 500;
}
@media (max-width: 767px) {
.auau-nuxt-private-booking-card-control .auau-nuxt-private-booking-card-control__mobile-schedule {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-private-booking-card-control .fadenext-enter-active {
  animation: fade-up 1s;
}
.auau-nuxt-private-booking-card-control .fadenext-leave-active {
  animation: fade-out 1s;
}
.auau-nuxt-private-booking-card-control .fadeback-enter-active {
  animation: fade-in 1s;
}
.auau-nuxt-private-booking-card-control .fadeback-leave-active {
  animation: fade-out-down 1s;
}
@keyframes fade-out {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
@keyframes fade-up {
0% {
    opacity: 0;
    transform: translateY(100px);
}
100% {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes fade-out-down {
0% {
    opacity: 1;
    transform: translateY(0);
}
100% {
    opacity: 0;
    transform: translateY(100px);
}
}
@keyframes fade-in {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.auau-nuxt-progress-bar .auau-nuxt-progress-bar__container {
  position: relative;
  height: 40px;
}
.auau-nuxt-progress-bar .auau-nuxt-progress-bar__container .auau-nuxt-progress-bar__progress {
  width: 0%;
  height: 3px;
  background-color: var(--auau-200, #fef1d1);
  transition: width 0.2s;
  bottom: 2px;
  z-index: 2;
  position: absolute;
  top: 33px;
}
.auau-nuxt-progress-bar .auau-nuxt-progress-bar__container .auau-nuxt-progress-bar__progress.progress--complete {
  width: 100%;
}
.auau-nuxt-progress-bar .auau-nuxt-progress-bar__container .auau-nuxt-progress-bar__progress-steps {
  display: grid;
  grid-template-columns: repeat(var(--steps), minmax(0, 1fr));
}
.auau-nuxt-progress-bar .auau-nuxt-progress-bar__container .auau-nuxt-progress-bar__progress__bg {
  width: 100%;
  height: 3px;
  background-color: #e5e5e5;
  bottom: 2px;
  position: absolute;
  top: 33px;
}
.auau-nuxt-progress-bar .auau-nuxt-progress-bar__container .auau-nuxt-progress-bar__progress__step {
  top: -10px;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
}
.auau-nuxt-progress-bar .auau-nuxt-progress-bar__container .auau-nuxt-progress-bar__progress__step.progress__step--1 {
  left: calc(33.3% - 9px);
}
.auau-nuxt-progress-bar .auau-nuxt-progress-bar__container .auau-nuxt-progress-bar__progress__step.progress__step--2 {
  left: calc(66.6% - 9px);
}
.auau-nuxt-progress-bar .auau-nuxt-progress-bar__container .auau-nuxt-progress-bar__progress__step.progress__step--3 {
  left: calc(99.9% - 9px);
}
.auau-nuxt-progress-bar .auau-nuxt-progress-bar__container .auau-nuxt-progress-bar__progress__step.progress__step--active {
  color: #2d2d2d;
}
.auau-nuxt-progress-bar .auau-nuxt-progress-bar__container .auau-nuxt-progress-bar__progress__step.progress__step--active .auau-nuxt-progress-bar__progress__label {
  color: #2d2d2d;
}
.auau-nuxt-progress-bar .auau-nuxt-progress-bar__container .auau-nuxt-progress-bar__progress__step.progress__step--active .auau-nuxt-progress-bar__progress__indicator {
  background-color: var(--auau-800, #f8b818);
}
.auau-nuxt-progress-bar .auau-nuxt-progress-bar__container .auau-nuxt-progress-bar__progress__step.progress__step--complete .auau-nuxt-progress-bar__progress__indicator {
  background-color: var(--auau-200, #fef1d1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.auau-nuxt-progress-bar .auau-nuxt-progress-bar__container .auau-nuxt-progress-bar__progress__step.progress__step--complete .auau-nuxt-progress-bar__progress__indicator .auau-nuxt-progress-bar__progress__indicator-circle {
  display: block;
}
.auau-nuxt-progress-bar .auau-nuxt-progress-bar__container .auau-nuxt-progress-bar__progress__step.progress__step--complete .auau-nuxt-progress-bar__progress__label {
  color: #d1d1d1;
  margin-bottom: 12px;
}
.auau-nuxt-progress-bar .auau-nuxt-progress-bar__container .auau-nuxt-progress-bar__progress__indicator {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #d1d1d1;
  z-index: 3;
  position: absolute;
  top: 28px;
}
.auau-nuxt-progress-bar .auau-nuxt-progress-bar__container .auau-nuxt-progress-bar__progress__indicator .auau-nuxt-progress-bar__progress__indicator-circle {
  display: none;
  font-size: 16px;
  color: #ffffff;
}
.auau-nuxt-progress-bar .auau-nuxt-progress-bar__container .auau-nuxt-progress-bar__progress__label {
  bottom: 35px;
  color: #d1d1d1;
  width: max-content;
}
.auau-nuxt-progress-bar .auau-nuxt-progress-bar__container .auau-nuxt-progress-bar__progress__actions {
  top: 75px;
  left: 10px;
  display: flex;
  align-items: center;
  width: max-content;
}
.auau-nuxt-progress-bar .auau-nuxt-progress-bar__container .auau-nuxt-progress-bar__btn {
  width: fit-content;
  padding: 5px 8px;
  background-color: #ffffff;
  border: 1px solid #808080;
  border-radius: 5px;
  cursor: pointer;
  user-select: none;
}
.auau-nuxt-progress-bar .auau-nuxt-progress-bar__container .auau-nuxt-progress-bar__btn:nth-child(2) {
  margin: 0 10px;
}
.auau-nuxt-modal-base__modal-wrapper {
  display: grid;
  gap: 8px;
}
.auau-nuxt-qrcode-capture__input {
  display: none;
}
.auau-nuxt-qrcode-capture__modal .auau-nuxt-qrcode-capture__loader {
  margin: auto;
  height: var(--size);
  width: var(--size);
  -webkit-animation: loader-1 4.8s linear infinite;
  animation: loader-1 4.8s linear infinite;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.auau-nuxt-qrcode-capture__modal .auau-nuxt-qrcode-capture__loader span {
  display: block;
  height: var(--size);
  width: var(--size);
  clip: rect(0, var(--size), var(--size), calc(var(--size) / 2));
  -webkit-animation: loader-2 1.2s linear infinite;
  animation: loader-2 1.2s linear infinite;
}
.auau-nuxt-qrcode-capture__modal .auau-nuxt-qrcode-capture__loader span::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: var(--size);
  width: var(--size);
  clip: rect(0, var(--size), var(--size), calc(var(--size) / 2));
  border: calc(var(--size) * 0.1) solid var(--auau-800, #f8b818);
  border-radius: 100%;
  -webkit-animation: loader-3 1.2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  animation: loader-3 1.2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 767px) {
.auau-nuxt-qrcode-capture__modal .auau-nuxt-qrcode-capture__wrapper {
    min-height: 425px;
}
}

.auau-nuxt-register-additional-card {
  background: #ffffff;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  overflow: visible;
  max-width: 600px;
  margin-top: 48px;
  margin-bottom: 96px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
.auau-nuxt-register-additional-card {
    padding: 0;
    margin: 24px -24px;
    box-shadow: none;
}
}
.auau-nuxt-register-additional-card .auau-nuxt-register-additional-card__header {
  padding: 24px;
  border-bottom: 1px solid #d1d1d1;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-register-additional-card .auau-nuxt-register-additional-card__header {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-register-additional-card .auau-nuxt-register-additional-card__form {
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
  display: grid;
  gap: 24px 0;
  grid-template-columns: minmax(0, 1fr);
}
.auau-nuxt-register-additional-card .auau-nuxt-register-additional-card__button {
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  margin-top: 48px;
  gap: 16px 0;
  display: grid;
}
.auau-nuxt-register-additional-card .auau-nuxt-register-additional-card__button .auau-nuxt-button {
  width: 100%;
}
.auau-nuxt-register-additional-card .auau-nuxt-register-additional-card__button .auau-nuxt-register-additional-card__logout-button {
  width: max-content;
  margin-left: auto;
}
.auau-nuxt-register-card {
  background: #ffffff;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  overflow: hidden;
  max-width: 423px;
  margin-top: 48px;
  margin-bottom: 96px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
.auau-nuxt-register-card {
    padding: 0;
    margin: 24px -24px;
    max-width: var(--vw-px);
    box-shadow: none;
}
}
.auau-nuxt-register-card .auau-nuxt-register-card__header {
  padding: 24px;
  border-bottom: 1px solid #d1d1d1;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-register-card .auau-nuxt-register-card__header {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-register-card .auau-nuxt-register-card__form {
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
}
.auau-nuxt-register-card .auau-nuxt-register-card__form .auau-nuxt-register-card__custom-text {
  word-break: break-word;
  padding-bottom: 16px;
}
.auau-nuxt-register-card .auau-nuxt-register-card__form .auau-nuxt-register-card__name-field {
  display: flex;
  gap: 16px;
  width: 100%;
}
.auau-nuxt-register-card .auau-nuxt-register-card__form .auau-nuxt-register-card__telephone-field {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 8px 16px;
}
.auau-nuxt-register-card .auau-nuxt-register-card__form .auau-nuxt-button {
  width: 100%;
}
.auau-nuxt-register-card .auau-nuxt-register-card__form .auau-nuxt-field {
  margin-bottom: 24px;
}
.auau-nuxt-register-card .auau-nuxt-register-card__form .auau-nuxt-register-card__forget-password {
  margin-bottom: 24px;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
}
.auau-nuxt-register-card .auau-nuxt-register-card__social-media {
  padding-left: 24px;
  padding-right: 24px;
  margin-top: 24px;
  display: flex;
}
.auau-nuxt-register-card .auau-nuxt-register-card__social-media > * {
  margin-right: 24px;
}
.auau-nuxt-register-card .auau-nuxt-register-card__social-media > *:first-child {
  margin-left: auto;
}
.auau-nuxt-register-card .auau-nuxt-register-card__social-media > *:last-child {
  margin-right: auto;
}
.auau-nuxt-register-card .auau-nuxt-register-card__social-media-hr {
  text-align: center;
  overflow: hidden;
  color: #d1d1d1;
  margin-top: 24px;
}
.auau-nuxt-register-card .auau-nuxt-register-card__social-media-hr > span {
  position: relative;
  font-size: 11px;
  font-weight: 300;
  line-height: 16px;
}
.auau-nuxt-register-card .auau-nuxt-register-card__social-media-hr > span:before, .auau-nuxt-register-card .auau-nuxt-register-card__social-media-hr > span:after {
  content: "";
  position: absolute;
  top: 50%;
  height: 1px;
  background-color: #d1d1d1;
}
.auau-nuxt-register-card .auau-nuxt-register-card__social-media-hr > span:before {
  right: calc(100% + 10px);
  width: 1000px;
}
.auau-nuxt-register-card .auau-nuxt-register-card__social-media-hr > span:after {
  left: calc(100% + 10px);
  width: 1000px;
}
.auau-nuxt-register-card .auau-nuxt-register-card__footer {
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  flex-direction: column;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-register-card .auau-nuxt-register-card__login-account {
  margin-left: auto;
  margin-right: auto;
}
.auau-nuxt-register-card .auau-nuxt-register-card__login-account a {
  color: var(--auau-800, #f8b818);
}
.auau-nuxt-service-card {
  height: max-content;
}
.auau-nuxt-service-card .auau-nuxt-service-card__cover-image img {
  border-radius: 8px;
  aspect-ratio: 4/3;
}
.auau-nuxt-service-card .auau-nuxt-service-card__router-link {
  color: #2d2d2d;
  text-decoration: none;
}
.auau-nuxt-service-card .auau-nuxt-service-card__name {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  margin-top: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.auau-nuxt-sms-code {
  margin-bottom: 70px;
}
.auau-nuxt-sms-code .auau-nuxt-sms-code__content-area {
  display: flex;
  justify-content: space-between;
}
.auau-nuxt-sms-code .auau-nuxt-sms-code__content-area .auau-nuxt-sms-code__code-input {
  border: 1px solid #f8b818;
  box-sizing: border-box;
  border-radius: 8px;
  width: 60px;
  height: 80px;
  font-size: 24px;
  font-weight: 500;
  line-height: 34.75px;
  text-align: center;
}
.auau-nuxt-sms-code .auau-nuxt-sms-code__label {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
  margin-bottom: 12px;
}
.auau-nuxt-sms-code .auau-nuxt-sms-code__footer-label {
  font-size: 11px;
  font-weight: 300;
  line-height: 16px;
  color: #949494;
  margin-top: 23px;
  gap: 10px;
}
.auau-nuxt-sms-code .auau-nuxt-sms-code__footer-label .auau-nuxt-sms-code__green-ellipse {
  width: 8px;
  height: 8px;
  background-color: #38c172;
  border-radius: 50%;
  display: inline-block;
  margin-top: 2px;
}
@media (max-width: 767px) {
.auau-nuxt-sms-code .auau-nuxt-sms-code__content-area .auau-nuxt-sms-code__code-input {
    width: 45px;
    height: 52px;
}
}
.auau-nuxt-telephone-input {
  display: grid;
  grid-template-columns: var(--text-field-width) minmax(0, 1fr);
  border: 1px solid #949494;
  border-radius: 4px;
  outline-width: 0;
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  position: relative;
  /* Firefox */
}
.auau-nuxt-telephone-input.auau-nuxt-telephone-input__active {
  border-color: var(--auau-800, #f8b818);
}
.auau-nuxt-telephone-input.success {
  border-color: #38c172;
}
.auau-nuxt-telephone-input.error {
  border-color: #dc3030;
}
.auau-nuxt-telephone-input input::-webkit-outer-spin-button,
.auau-nuxt-telephone-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.auau-nuxt-telephone-input input[type=number] {
  -moz-appearance: textfield;
}
.auau-nuxt-telephone-input input {
  color: #2d2d2d;
  border: none;
  height: 100%;
  box-sizing: border-box;
  width: 100%;
  padding: 0 16px 0 16px;
  outline-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 4px;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
  /* Chrome, Safari, Edge, Opera */
}
.auau-nuxt-telephone-input input:-webkit-autofill, .auau-nuxt-telephone-input input:-webkit-autofill:hover, .auau-nuxt-telephone-input input:-webkit-autofill:focus, .auau-nuxt-telephone-input input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
}
.auau-nuxt-telephone-input .auau-nuxt-telephone-input__country-code:after {
  z-index: 1;
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  height: 24px;
  border-right: 1px solid #d1d1d1;
}
.auau-nuxt-transaction-card {
  padding: 24px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 16px 24px;
  align-items: center;
  background: #ffffff;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.07);
  border-radius: 8px;
  position: relative;
}
.auau-nuxt-transaction-card .auau-nuxt-transaction-card__detail-button {
  position: absolute;
  right: 20px;
  bottom: 22px;
}
.auau-nuxt-transaction-card .auau-nuxt-transaction-card__name {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
.auau-nuxt-transaction-card .auau-nuxt-transaction-card__name {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-transaction-card .auau-nuxt-transaction-card__info-label {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
}
.auau-nuxt-transaction-card .auau-nuxt-transaction-card__info-value {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-transaction-card .auau-nuxt-transaction-card__info {
  align-items: center;
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 8px 24px;
}
.auau-nuxt-transaction-card .auau-nuxt-transaction-card__status {
  grid-area: 1/2/2/3;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  font-weight: 400;
  display: flex;
  align-items: center;
  align-self: flex-start;
  color: var(--color);
}
@media (max-width: 767px) {
.auau-nuxt-transaction-card .auau-nuxt-transaction-card__status {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-transaction-card .auau-nuxt-transaction-card__status .ellipse {
  margin: 2px 8px 0 auto;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: inline-block;
  background-color: var(--color);
}
@media (max-width: 767px) {
.auau-nuxt-transaction-card {
    padding: 16px;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px 0;
}
.auau-nuxt-transaction-card .auau-nuxt-transaction-card__name {
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 767px) and (max-width: 767px) {
.auau-nuxt-transaction-card .auau-nuxt-transaction-card__name {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
@media (max-width: 767px) {
.auau-nuxt-transaction-card .auau-nuxt-transaction-card__status {
    grid-area: 3/1/4/2;
}
.auau-nuxt-transaction-card .auau-nuxt-transaction-card__status .ellipse {
    margin: 2px 8px 0 0;
}
}
@media (max-width: 767px) {
.auau-nuxt-transaction-card .auau-nuxt-transaction-card__detail-button {
    right: 12px;
    bottom: 16px;
}
}
.auau-nuxt-user-course-card {
  padding: 24px;
  display: grid;
  grid-auto-columns: auto;
  grid-template-columns: max-content minmax(0, 1fr) max-content;
  gap: 8px 48px;
  align-items: center;
  background: #fafafc;
  border-radius: 8px;
  position: relative;
  grid-template-areas: "name name status" "staff staff status" "count date status" "address address status";
}
.auau-nuxt-user-course-card .auau-nuxt-user-course-card__date {
  grid-area: date;
}
.auau-nuxt-user-course-card .auau-nuxt-user-course-card__count {
  grid-area: count;
}
.auau-nuxt-user-course-card .auau-nuxt-user-course-card__type {
  grid-area: type;
}
.auau-nuxt-user-course-card .auau-nuxt-user-course-card__address {
  grid-area: address;
}
.auau-nuxt-user-course-card .auau-nuxt-user-course-card__detail-button {
  position: absolute;
  right: 22px;
  bottom: 22px;
}
.auau-nuxt-user-course-card .auau-nuxt-user-course-card__event-name {
  grid-area: name;
  max-width: fit-content;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-user-course-card .auau-nuxt-user-course-card__event-name {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-user-course-card .auau-nuxt-user-course-card__staff-name {
  grid-area: staff;
  margin-top: 8px;
}
.auau-nuxt-user-course-card .auau-nuxt-user-course-card__status {
  grid-area: status;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  display: flex;
  align-items: center;
  align-self: flex-start;
  margin-top: 4px;
  color: var(--color);
}
@media (max-width: 767px) {
.auau-nuxt-user-course-card .auau-nuxt-user-course-card__status {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-user-course-card .auau-nuxt-user-course-card__status .auau-nuxt-user-course-card__ellipse {
  margin: 3px 8px 0 auto;
  width: 16px;
  height: 16px;
  background-color: #38c172;
  border-radius: 50%;
  display: inline-block;
  background-color: var(--color);
}
@media (max-width: 1127px) {
.auau-nuxt-user-course-card {
    padding: 16px;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px 0;
    grid-template-areas: "name " "staff " "date " "count " "address" "status";
}
.auau-nuxt-user-course-card .auau-nuxt-user-course-card__status {
    margin-top: 8px;
}
.auau-nuxt-user-course-card .auau-nuxt-user-course-card__status .auau-nuxt-user-course-card__ellipse {
    margin: 3px 8px 0 0;
}
.auau-nuxt-user-course-card .auau-nuxt-user-course-card__detail-button {
    right: 12px;
    bottom: 15px;
}
}
.auau-nuxt-user-package-card {
  box-sizing: border-box;
  border-radius: 8px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  grid-template-rows: 113px max-content;
  gap: 0 8px;
  padding: 24px;
  border: 2px solid #d1d1d1;
  position: relative;
}
.auau-nuxt-user-package-card .auau-nuxt-user-package-card__name {
  grid-column-start: 1;
  grid-column-end: 3;
  padding-right: 24px;
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 4px;
}
@media (max-width: 767px) {
.auau-nuxt-user-package-card .auau-nuxt-user-package-card__name {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-user-package-card .auau-nuxt-user-package-card__owner-name {
  display: flex;
  align-items: center;
  gap: 4px;
}
.auau-nuxt-user-package-card .auau-nuxt-user-package-card__owner-label {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
  line-height: 1;
}
.auau-nuxt-user-package-card .auau-nuxt-user-package-card__chevron-right {
  position: absolute;
  right: 16px;
  top: 30px;
}
.auau-nuxt-user-package-card .auau-nuxt-user-package-card__footer {
  display: flex;
  align-items: flex-end;
}
.auau-nuxt-user-package-card .auau-nuxt-user-package-card__footer-info-wrapper {
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.auau-nuxt-user-package-card .auau-nuxt-user-package-card__expiry-date {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  display: flex;
  line-height: 1;
}
.auau-nuxt-user-package-card .auau-nuxt-user-package-card__expiry-date .auau-nuxt-user-package-card__date-label {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
  margin-right: 8px;
  line-height: 1;
}
.auau-nuxt-user-package-card .auau-nuxt-user-package-card__credits {
  display: flex;
  align-items: baseline;
  align-self: flex-end;
  gap: 8px;
  color: var(--auau-800, #f8b818);
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
  line-height: 1;
  margin-left: auto;
}
@media (max-width: 767px) {
.auau-nuxt-user-package-card .auau-nuxt-user-package-card__credits {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-user-package-card .auau-nuxt-user-package-card__credits .auau-nuxt-user-package-card__credits-label {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
  line-height: 1;
}
.auau-nuxt-user-package-card .auau-nuxt-user-package-card__expiry {
  font-size: 38px;
  font-weight: 700;
  line-height: 55px;
  color: var(--auau-800, #f8b818);
}
@media (max-width: 767px) {
.auau-nuxt-user-package-card .auau-nuxt-user-package-card__expiry {
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 767px) {
.auau-nuxt-user-package-card {
    padding: 16px;
    grid-template-rows: 84px max-content;
}
.auau-nuxt-user-package-card .auau-nuxt-user-package-card__footer.auau-nuxt-user-package-card__footer-expiry {
    align-items: flex-end;
}
.auau-nuxt-user-package-card .auau-nuxt-user-package-card__footer-info-wrapper {
    gap: 8px;
}
.auau-nuxt-user-package-card .auau-nuxt-user-package-card__owner-name {
    flex-direction: column;
    align-items: flex-start;
}
.auau-nuxt-user-package-card .auau-nuxt-user-package-card__expiry-date {
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
}
.auau-nuxt-user-package-card .auau-nuxt-user-package-card__credits {
    flex-direction: column;
    align-items: flex-end;
    gap: 0;
    font-size: 28px;
    font-weight: 700;
    line-height: 40.5px;
}
}
@media (max-width: 767px) and (max-width: 767px) {
.auau-nuxt-user-package-card .auau-nuxt-user-package-card__credits {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 767px) {
.auau-nuxt-user-package-card .auau-nuxt-user-package-card__date-value {
    margin-top: 12.5px;
}
}
@media (max-width: 767px) {
.auau-nuxt-user-package-card .auau-nuxt-user-package-card__chevron-right {
    top: 18px;
}
}
@media (max-width: 767px) {
.auau-nuxt-user-package-card.auau-nuxt-user-package-card__is-expiry .auau-nuxt-user-package-card__expiry-date {
    align-self: flex-start;
}
.auau-nuxt-user-package-card.auau-nuxt-user-package-card__is-expiry .auau-nuxt-user-package-card__expiry {
    line-height: 1;
}
}
.auau-nuxt-user-package-detail-card {
  background: #ffffff;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.07);
  border-radius: 8px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content 24px;
  gap: 0 16px;
  padding: 16px 24px;
  align-items: center;
}
.auau-nuxt-user-package-detail-card .auau-nuxt-user-package-detail-card__info-wrapper {
  display: grid;
  grid-template-columns: 75px minmax(0, 1fr);
  gap: 8px 32px;
  align-items: center;
}
.auau-nuxt-user-package-detail-card .auau-nuxt-user-package-detail-card__info-wrapper .auau-nuxt-user-package-detail-card__info {
  display: contents;
}
.auau-nuxt-user-package-detail-card .auau-nuxt-user-package-detail-card__info-wrapper .auau-nuxt-user-package-detail-card__info-label {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  color: #949494;
  align-self: flex-start;
}
.auau-nuxt-user-package-detail-card .auau-nuxt-user-package-detail-card__info-wrapper .auau-nuxt-user-package-detail-card__info-value {
  color: #2d2d2d;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-user-package-detail-card .auau-nuxt-user-package-detail-card__info-wrapper .auau-nuxt-user-package-detail-card__appointment-link {
  text-decoration: none;
  color: #2d2d2d;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-user-package-detail-card .auau-nuxt-user-package-detail-card__credit .auau-nuxt-user-package-detail-card__credit-label {
  text-align: right;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  color: #949494;
}
.auau-nuxt-user-package-detail-card .auau-nuxt-user-package-detail-card__credit .auau-nuxt-user-package-detail-card__credit-value {
  color: var(--auau-800, #f8b818);
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
  text-align: right;
}
@media (max-width: 767px) {
.auau-nuxt-user-package-detail-card .auau-nuxt-user-package-detail-card__credit .auau-nuxt-user-package-detail-card__credit-value {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
@media (max-width: 767px) {
.auau-nuxt-user-package-detail-card {
    grid-template-columns: minmax(0, 1fr) max-content;
    padding: 16px;
}
.auau-nuxt-user-package-detail-card .auau-nuxt-user-package-detail-card__info-wrapper {
    gap: 16px 0;
    grid-template-columns: minmax(0, 1fr);
}
.auau-nuxt-user-package-detail-card .auau-nuxt-user-package-detail-card__info-wrapper .auau-nuxt-user-package-detail-card__info {
    display: grid;
    flex-direction: column;
    align-items: flex-start;
}
.auau-nuxt-user-package-detail-card .auau-nuxt-icon-button {
    grid-area: 1/2/3/3;
    align-self: flex-end;
}
.auau-nuxt-user-package-detail-card .auau-nuxt-user-package-detail-card__credit-value {
    grid-area: 2/1/3/2;
}
.auau-nuxt-user-package-detail-card .auau-nuxt-user-package-detail-card__credit {
    display: flex;
    align-items: baseline;
    margin-top: 16px;
    grid-area: 2/1/3/2;
}
.auau-nuxt-user-package-detail-card .auau-nuxt-user-package-detail-card__credit .auau-nuxt-user-package-detail-card__credit-label {
    margin-right: 16px;
}
}
.auau-nuxt-verification-card {
  background: #ffffff;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  overflow: hidden;
  max-width: 600px;
}
.auau-nuxt-verification-card .auau-nuxt-verification-card__header {
  padding: 20px 64px 40px 64px;
  border-bottom: 1px solid #d1d1d1;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-verification-card .auau-nuxt-verification-card__header {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-verification-card .auau-nuxt-verification-card__content {
  padding-top: 45px;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 28px;
}
.auau-nuxt-verification-card .auau-nuxt-verification-card__content .auau-nuxt-verification-card__content-label {
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  margin-bottom: 25px;
}
.auau-nuxt-verification-card .auau-nuxt-verification-card__content .auau-nuxt-button {
  width: 100%;
}
.auau-nuxt-verification-card .auau-nuxt-verification-card__content .auau-nuxt-verification-card__footer {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  display: flex;
  align-items: center;
}
.auau-nuxt-verification-card .auau-nuxt-verification-card__content .auau-nuxt-verification-card__footer .auau-nuxt-verification-card__footer-text {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-verification-card .auau-nuxt-verification-card__content .auau-nuxt-verification-card__footer .auau-nuxt-verification-card__text-button {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  width: max-content;
  padding: 0;
  border: 0;
  min-width: 0;
  margin-top: 2px;
}
.auau-nuxt-verification-card .auau-nuxt-verification-card__content .auau-nuxt-verification-card__email-button {
  margin: 64px 0 30px 0;
}
.auau-nuxt-verification-card .auau-nuxt-verification-card__content .auau-nuxt-verification-card__paswword-section > .auau-nuxt-field {
  margin-bottom: 28px;
}
.auau-nuxt-verification-card .auau-nuxt-verification-card__content .auau-nuxt-verification-card__paswword-section .auau-nuxt-button {
  margin-top: 56px;
}
@media (max-width: 767px) {
.auau-nuxt-verification-card .auau-nuxt-verification-card__header {
    padding: 16px 24px 48px 24px;
}
.auau-nuxt-verification-card .auau-nuxt-verification-card__content .auau-nuxt-verification-card__email-section .auau-nuxt-verification-card__footer {
    flex-direction: column;
    gap: 4px;
}
}
.expandable-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.expandable-list .expandable-list__header {
  display: grid;
  gap: 24px;
  padding: 0 8px 0;
  color: #949494;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
}
@media (max-width: 767px) {
.expandable-list .expandable-list__header {
    display: none;
}
}
.expandable-list .expandable-list-item-wrapper {
  margin-bottom: 8px;
}
.expandable-list .expandable-list-item-wrapper .expandable-list-item-error-msg {
  color: #dc3030;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.expandable-list .expandable-list-item-wrapper .expandable-list-item {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.05);
  margin-bottom: 8px;
}
.expandable-list .expandable-list-item-wrapper .expandable-list-item.expandable-list-item-error {
  border: 1px solid #dc3030;
}
.expandable-list .expandable-list-item-wrapper .expandable-list-item .expandable-list-item__summary {
  padding: 16px 16px 16px 8px;
  cursor: pointer;
  list-style: none;
}
.expandable-list .expandable-list-item-wrapper .expandable-list-item .expandable-list-item__summary::-webkit-details-marker {
  display: none;
}
.expandable-list .expandable-list-item-wrapper .expandable-list-item .expandable-list-item__summary .expandable-list-item__summary-content {
  display: flex;
  align-items: center;
  gap: 24px;
}
.expandable-list .expandable-list-item-wrapper .expandable-list-item .expandable-list-item__columns {
  display: grid;
  gap: 24px;
  align-items: center;
  width: 100%;
}
.expandable-list .expandable-list-item-wrapper .expandable-list-item .expandable-list-item__columns .expandable-list-item__column {
  color: #2d2d2d;
}
.expandable-list .expandable-list-item-wrapper .expandable-list-item .expandable-list-item__columns .expandable-list-item__column.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.expandable-list .expandable-list-item-wrapper .expandable-list-item .expandable-list-item__columns .column-price {
  font-weight: 900;
}
.expandable-list .expandable-list-item-wrapper .expandable-list-item .expandable-list-item__actions {
  display: flex;
  gap: 12px;
}
.expandable-list .expandable-list-item-wrapper .expandable-list-item .expandable-list-item__actions .expandable-list-item__action-button {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
}
.expandable-list .expandable-list-item-wrapper .expandable-list-item .expandable-list-item__actions .expandable-list-item__action-button.action-delete {
  color: #dc3030;
}
.expandable-list .expandable-list-item-wrapper .expandable-list-item .expandable-list-item__details {
  padding: 0 48px 24px;
}
.expandable-list .expandable-list-item-wrapper .expandable-list-item .expandable-list-item__details .expandable-list-item__details-content {
  border-top: 1px solid #d1d1d1;
  padding-top: 24px;
  margin-left: 8px;
  margin-right: 8px;
}
.expandable-list .expandable-list-item-wrapper .expandable-list-item .expandable-list-item__details .expandable-list-item__details-content .expandable-list-item__details-row {
  display: flex;
  gap: 24px;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
}
.expandable-list .expandable-list-item-wrapper .expandable-list-item .expandable-list-item__details .expandable-list-item__details-content .expandable-list-item__details-row:last-child {
  margin-bottom: 0;
}
.expandable-list .expandable-list-item-wrapper .expandable-list-item .expandable-list-item__details .expandable-list-item__details-content .expandable-list-item__details-label {
  width: 100%;
  max-width: 80px;
  color: #949494;
}
.expandable-list .expandable-list-item-wrapper .expandable-list-item .expandable-list-item__details .expandable-list-item__details-content .expandable-list-item__details-value {
  font-weight: 400;
  font-size: 15px;
  color: #949494;
}
.expandable-list-item.mobile {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.05);
  margin-bottom: 8px;
  cursor: pointer;
}
.expandable-list-item.mobile summary {
  list-style: none;
}
.expandable-list-item.mobile summary::-webkit-details-marker {
  display: none;
}
.expandable-list-item.mobile .expandable-list-item__mobile-summary {
  padding: 16px;
}
.expandable-list-item.mobile .expandable-list-item__mobile-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 16px;
}
.expandable-list-item.mobile .expandable-list-item__mobile-header .expandable-list-item__mobile-column-wrapper {
  display: flex;
  flex-direction: column;
}
.expandable-list-item.mobile .expandable-list-item__mobile-header .expandable-list-item__mobile-column-wrapper .expandable-list-item__mobile-column:first-child {
  margin-bottom: 8px;
}
.expandable-list-item.mobile .expandable-list-item__mobile-header .expandable-list-item__mobile-column-wrapper .expandable-list-item__mobile-column:last-child {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  font-weight: 900;
  margin-top: 8px;
}
.expandable-list-item.mobile .expandable-list-item__mobile-expand {
  padding: 8px 0;
  margin-top: 8px;
}
.expandable-list-item.mobile .expandable-list-item__mobile-expand .expand-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.expandable-list-item.mobile .expandable-list-item__mobile-expand .expand-button .line {
  flex: 1;
  height: 1px;
  background-color: #d1d1d1;
}
.expandable-list-item.mobile .expandable-list-item__mobile-expand .expand-button .expand-text {
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
  color: var(--auau-800, #f8b818);
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.expandable-list-item.mobile .expandable-list-item__mobile-details {
  padding: 16px;
  padding-top: 0;
}
.expandable-list-item.mobile .expandable-list-item__mobile-details .expandable-list-item__details-row {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 8px;
  margin-bottom: 8px;
}
.expandable-list-item.mobile .expandable-list-item__mobile-details .expandable-list-item__details-row .expandable-list-item__details-label {
  color: #949494;
  font-weight: 500;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
}
.expandable-list-item.mobile .expandable-list-item__mobile-details .expandable-list-item__details-row .expandable-list-item__details-value {
  color: #949494;
  font-weight: 400 !important;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
}
.auau-nuxt-multi-class-grid-card {
  padding: 16px;
  height: max-content;
  background: #ffffff;
  box-sizing: border-box;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.05);
  border: 1px solid #f0f0f0;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  height: auto;
}
.auau-nuxt-multi-class-grid-card.clickable {
  cursor: pointer;
}
@media (max-width: 1127px) {
.auau-nuxt-multi-class-grid-card {
    max-width: 100%;
}
}
.auau-nuxt-multi-class-grid-card.selected {
  outline: 2px solid var(--auau-800, #f8b818);
}
.auau-nuxt-multi-class-grid-card.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.auau-nuxt-multi-class-grid-card .auau-nuxt-multi-class-grid-card__header {
  display: flex;
  border-bottom: 1px solid #d1d1d1;
}
.auau-nuxt-multi-class-grid-card .auau-nuxt-multi-class-grid-card__header .auau-nuxt-multi-class-grid-card__time {
  margin: 0;
  padding-bottom: 8px;
  font-size: 14px;
  line-height: 20px;
}
.auau-nuxt-multi-class-grid-card .auau-nuxt-multi-class-grid-card__remaining {
  font-size: 11px;
  font-weight: 300;
  line-height: 16px;
  color: #dc3030;
}
.auau-nuxt-multi-class-grid-card .auau-nuxt-multi-class-grid-card__staff {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
  margin-top: 8px;
}
.auau-nuxt-multi-class-grid-card .auau-nuxt-multi-class-grid-card__address {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
  margin-top: 4px;
}
.auau-nuxt-multi-class-grid-card .auau-nuxt-multi-class-grid-card__actions-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 24px;
  max-height: 30px;
  gap: 8px;
}
.auau-nuxt-multi-class-grid-card .auau-nuxt-multi-class-grid-card__actions {
  display: flex;
  align-items: center;
  margin-top: auto;
  flex-grow: 1;
  justify-content: flex-end;
  max-height: 30px;
  height: 100%;
}
.auau-nuxt-multi-class-grid-card .auau-nuxt-multi-class-grid-card__actions > .auau-nuxt-button {
  width: 100%;
  height: 100%;
  padding: 4px 0;
}
.auau-nuxt-multi-class-grid-card .auau-nuxt-multi-class-grid-card__actions .shadow__detial-button {
  padding: 0;
  margin-left: 16px;
}
.auau-nuxt-multi-class-grid-card .auau-nuxt-multi-class-grid-card__actions .auau-nuxt-multi-class-grid-card__actions-checkbox {
  cursor: pointer;
}
.auau-nuxt-multi-class-grid-card__modal-waiting-list .auau-nuxt-modal__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
  margin: 0;
}
@media (max-width: 767px) {
.auau-nuxt-multi-class-grid-card__modal-waiting-list .auau-nuxt-modal__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-multi-class-grid-card__modal-waiting-list .auau-nuxt-modal__content {
  padding-top: 16px;
}
.auau-nuxt-multi-class-grid-card__modal-waiting-list .auau-nuxt-modal__actions {
  margin-top: 24px;
}
.auau-nuxt-booking-service-grid-card {
  overflow: hidden;
  align-items: flex-start;
  cursor: pointer;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  height: 100%;
  align-content: center;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.auau-nuxt-booking-service-grid-card.selected {
  outline: 2px solid var(--auau-800, #f8b818);
}
.auau-nuxt-booking-service-grid-card .auau-nuxt-booking-service-grid-card__content-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 16px;
  height: 52px;
  align-self: center;
}
@media (max-width: 767px) {
.auau-nuxt-booking-service-grid-card .auau-nuxt-booking-service-grid-card__content-wrapper {
    height: 46px;
}
}
.auau-nuxt-booking-service-grid-card .auau-nuxt-booking-service-grid-card__content {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
.auau-nuxt-booking-service-grid-card .auau-nuxt-booking-service-grid-card__content {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-booking-service-grid-card:hover {
  position: absolute;
  width: var(--width);
  height: max-content;
}
.auau-nuxt-booking-service-grid-card:hover .auau-nuxt-booking-service-grid-card__content-wrapper {
  height: max-content;
  min-height: 52px;
}
@media (max-width: 767px) {
.auau-nuxt-booking-service-grid-card:hover .auau-nuxt-booking-service-grid-card__content-wrapper {
    min-height: 46px;
}
}
.auau-nuxt-booking-service-grid-card:hover .auau-nuxt-booking-service-grid-card__content {
  display: block;
}
.auau-nuxt-booking-family-grid-card {
  border-radius: 8px;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.07);
  padding: 24px 48px;
  background-color: #ffffff;
  box-sizing: border-box;
  height: 100%;
  align-content: center;
  text-align: center;
}
.auau-nuxt-booking-family-grid-card.selected {
  outline: 2px solid var(--auau-800, #f8b818);
}
.auau-nuxt-booking-family-grid-card .auau-nuxt-booking-family-grid-card__content {
  align-items: center;
  cursor: pointer;
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  width: 100%;
  gap: 16px;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}
.auau-nuxt-booking-family-grid-card .auau-nuxt-booking-family-grid-card__name {
  color: #2d2d2d;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.auau-nuxt-booking-family-grid-card .auau-nuxt-booking-family-grid-card-title {
  font-weight: 400;
  line-height: 20px;
  color: #949494;
}
.auau-nuxt-about-us-info-module {
  padding: 48px 0;
  max-width: 682px;
}
.auau-nuxt-about-us-info-module .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-about-us-info-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-about-us-info-module .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-about-us-info-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-about-us-info-module:first-child {
  padding-top: 0;
}
.auau-nuxt-about-us-info-module:last-child {
  padding-bottom: 0;
}
@media (max-width: 1127px) {
.auau-nuxt-about-us-info-module {
    padding: 24px 0;
    max-width: 100%;
}
}
.auau-nuxt-month-calendar-page-header {
  margin-bottom: 48px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: center;
}
.auau-nuxt-month-calendar-page-header .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-month-calendar-page-header .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-month-calendar-page-header .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-month-calendar-page-header .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-month-calendar-page-header .auau-nuxt-button {
  margin-left: auto;
}
@media (max-width: 1127px) {
.auau-nuxt-month-calendar-page-header {
    margin-bottom: 0px;
}
}
.auaua-nuxt-calendar-module .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auaua-nuxt-calendar-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auaua-nuxt-calendar-module .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auaua-nuxt-calendar-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auaua-nuxt-calendar-module .auaua-nuxt-calendar-module__mobile-event-grid {
  display: grid;
  gap: 16px;
}
.auau-nuxt-class-detail {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 344px;
  gap: 0 48px;
  margin-top: 48px;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content {
  display: grid;
  grid-template-areas: "header" "info" "description" "calendar" "map";
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .ellipse {
  margin: 2px 8px 0 auto;
  width: 8px;
  height: 8px;
  background-color: #38c172;
  border-radius: 50%;
  display: inline-block;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .ellipse.green {
  background-color: #38c172;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__header {
  grid-area: header;
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr) max-content;
  gap: 24px 8px;
  align-items: center;
  padding-bottom: 48px;
  border-bottom: 1px solid #d1d1d1;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__header .auau-nuxt-class-detail__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
  grid-area: 2/1/3/3;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: unset;
}
@media (max-width: 767px) {
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__header .auau-nuxt-class-detail__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__header > .auau-nuxt-class-detail__share-button {
  grid-area: 2/3/3/4;
  align-self: flex-start;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__info {
  grid-area: info;
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 8px 48px;
  padding: 48px 0;
  border-bottom: 1px solid #d1d1d1;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__info .staff {
  grid-column-start: 1;
  grid-column-end: 3;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__info .auau-nuxt-class-detail__info-item-wrapper {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 0 16px;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__info .item-label {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__info .item-content {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #2d2d2d;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__info .auau-nuxt-icon-label .auau-nuxt-icon-label__label.text-overflow {
  gap: 0;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .description-title,
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .calendar-header-title,
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .map-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .description-title,
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .calendar-header-title,
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .map-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__description {
  grid-area: description;
  padding: 48px 0;
  border-bottom: 1px solid #d1d1d1;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__description .description-title {
  margin-bottom: 24px;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__description .description-content {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__calendar {
  grid-area: calendar;
  padding: 48px 0 0px 0;
  border-bottom: 1px solid #d1d1d1;
  align-items: center;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__calendar .calendar-header {
  display: flex;
  align-items: center;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__calendar .calendar-header .calendar-header-title {
  margin-bottom: 24px;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__calendar .calendar-header .calendar-header-hint {
  font-size: 11px;
  font-weight: 300;
  line-height: 16px;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__calendar .calendar-header .calendar-header-hint {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__calendar .vc-container {
  border: none;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__map {
  grid-area: map;
  padding-top: 48px;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__booking-button {
  display: flex;
  align-items: center;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__booking-button .status-label {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__booking-button .status-label {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__booking-button .status-value {
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
  display: flex;
  align-items: center;
  margin-top: 4px;
  color: var(--color);
}
@media (max-width: 767px) {
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__booking-button .status-value {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__booking-button .status-value .ellipse {
  background-color: var(--color);
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__booking-button .button-group {
  margin-left: auto;
  display: flex;
  gap: 16px;
}
@media (max-width: 1127px) {
.auau-nuxt-class-detail {
    margin-top: 24px;
    grid-template-columns: 1fr;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content {
    max-width: none;
    grid-template-areas: "header" "description" "calendar" "mobile" "info" "map";
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__mobile-price-type {
    padding-top: 24px;
    display: grid;
    border-bottom: 1px solid #d1d1d1;
    gap: 16px;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__mobile-price-type .price-type-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-class-detail .auau-nuxt-class-detail__mobile-price-type .price-type-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-class-detail .auau-nuxt-class-detail__mobile-price-type .auau-nuxt-tab-links {
    width: max-content;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__mobile-price-type .auau-nuxt-tab-links .ps {
    justify-content: center;
    align-items: flex-start;
    background-color: #fafafc;
    border-radius: 40px;
    gap: 8px;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__mobile-price-type .auau-nuxt-tab-links .ps .auau-nuxt-tab-links__header-item {
    padding: 8px 16px;
    color: #2d2d2d;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    padding: 8px 24px;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__mobile-price-type .auau-nuxt-tab-links .ps .auau-nuxt-tab-links__header-item.selected {
    background-color: var(--auau-200, #fef1d1);
    color: var(--auau-900, #f89d00);
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__mobile-price-type .auau-nuxt-tab-links .ps .auau-nuxt-tab-links__header-item.selected::after {
    content: none;
}
}
@media (max-width: 1127px) {
.auau-nuxt-class-detail .auau-nuxt-class-detail__mobile-family-member-select,
.auau-nuxt-class-detail .auau-nuxt-class-detail__mobile-time-picker,
.auau-nuxt-class-detail .auau-nuxt-class-detail__mobile-price-type {
    border-bottom: 1px solid #d1d1d1;
    padding: 24px 0;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__mobile-family-member-select:last-child,
.auau-nuxt-class-detail .auau-nuxt-class-detail__mobile-time-picker:last-child,
.auau-nuxt-class-detail .auau-nuxt-class-detail__mobile-price-type:last-child {
    border: none !important;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__mobile-family-member-select .time-picker-title,
.auau-nuxt-class-detail .auau-nuxt-class-detail__mobile-time-picker .time-picker-title,
.auau-nuxt-class-detail .auau-nuxt-class-detail__mobile-price-type .time-picker-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
    margin-bottom: 8px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-class-detail .auau-nuxt-class-detail__mobile-family-member-select .time-picker-title,
.auau-nuxt-class-detail .auau-nuxt-class-detail__mobile-time-picker .time-picker-title,
.auau-nuxt-class-detail .auau-nuxt-class-detail__mobile-price-type .time-picker-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-class-detail .auau-nuxt-class-detail__mobile-section {
    grid-area: mobile;
}
}
@media (max-width: 1127px) {
.auau-nuxt-class-detail .auau-nuxt-class-detail__info {
    border-top: 1px solid #d1d1d1;
}
}
@media (max-width: 767px) {
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__header {
    gap: 8px 0;
    padding-bottom: 24px;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__header .auau-nuxt-class-detail__title {
    -webkit-line-clamp: 4;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__info {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 24px 0;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__description {
    padding: 24px 0;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__description .description-title {
    margin-bottom: 8px;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__description .description-content {
    line-height: 20px;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__calendar {
    padding: 24px 0 0 0;
}
.auau-nuxt-class-detail .auau-nuxt-class-detail__content .auau-nuxt-class-detail__map {
    padding: 24px 0;
}
}

.auau-nuxt-class-index-module {
  padding-top: 48px;
  min-height: 480px;
}
.auau-nuxt-class-index-module .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-class-index-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-class-index-module .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-class-index-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-class-index-module:first-child {
  padding-top: 0;
}
.auau-nuxt-class-index-module .auau-nuxt-module-title {
  display: flex;
  align-items: center;
}
.auau-nuxt-class-index-module .auau-nuxt-module-title .auau-nuxt-class-index-module__header-date-picker {
  margin-left: 4px;
}
.auau-nuxt-class-index-module .auau-nuxt-module-title .auau-nuxt-class-index-module__header-button {
  margin-left: auto;
  margin-right: 24px;
}
.auau-nuxt-class-index-module .auau-nuxt-class-index-module__header-wrapper {
  width: 100%;
  display: grid;
}
.auau-nuxt-class-index-module .auau-nuxt-class-index-module__sticky-wrapper {
  z-index: 10;
  width: 100%;
  display: grid;
}
.auau-nuxt-class-index-module .auau-nuxt-class-index-module__sticky-wrapper.has-shadow {
  position: sticky;
  top: 72px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.07);
  background: rgba(255, 255, 255, 0.93);
  width: auto;
  margin: 0 calc((var(--padding) + var(--margin)) * -1);
  padding: 16px calc(var(--padding) + var(--margin));
}
.auau-nuxt-class-index-module .auau-nuxt-class-index-module__sticky-wrapper.has-shadow .auau-nuxt-module-title {
  margin-bottom: 16px;
}
.auau-nuxt-class-index-module .auau-nuxt-class-index-module__grid-wrapper {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: 48px;
}
@media (max-width: 1127px) {
.auau-nuxt-class-index-module {
    padding-top: 24px;
}
.auau-nuxt-class-index-module .auau-nuxt-class-index-module__sticky-wrapper.has-shadow {
    top: 55px;
}
.auau-nuxt-class-index-module .auau-nuxt-class-index-module__grid-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.auau-nuxt-class-index-module .auau-nuxt-class-index-module__grid-wrapper {
    grid-template-columns: minmax(0, 1fr);
}
}
.auau-nuxt-course-timeslot-card {
  background-color: #fafafc;
  padding: 24px;
  border-radius: 16px;
}
.auau-nuxt-course-timeslot-card .auau-nuxt-course-timeslot-card__time-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-course-timeslot-card .auau-nuxt-course-timeslot-card__time-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-course-timeslot-card .auau-nuxt-course-timeslot-card__content {
  padding-top: 24px;
  gap: 8px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
}
.auau-nuxt-course-timeslot-card .auau-nuxt-course-timeslot-card__content .auau-nuxt-course-timeslot-card__info-item-wrapper {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 0 16px;
  align-items: center;
}
.auau-nuxt-course-timeslot-card .auau-nuxt-course-timeslot-card__content .item-label {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
}
.auau-nuxt-course-timeslot-card .auau-nuxt-course-timeslot-card__content .item-content {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #2d2d2d;
  font-weight: 400;
}
.auau-nuxt-course-timeslot-card .auau-nuxt-course-timeslot-card__content .auau-nuxt-icon-label__label.text-overflow {
  word-break: break-word;
  white-space: unset;
}
.auau-nuxt-course-timeslot-card .auau-nuxt-course-timeslot-card__content .auau-nuxt-icon-label {
  color: #2d2d2d;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
@media (max-width: 767px) {
.auau-nuxt-course-timeslot-card .auau-nuxt-course-timeslot-card__content .auau-nuxt-icon-label .auau-nuxt-icon {
    margin-top: 4px;
}
}
.auau-nuxt-course-timeslot-card .auau-nuxt-course-timeslot-card__content .auau-nuxt-course-timeslot-card__status {
  grid-area: status;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  display: flex;
  align-items: center;
  align-self: flex-start;
  margin-top: 4px;
  color: var(--color);
  grid-area: 4/1/5/2;
}
@media (max-width: 767px) {
.auau-nuxt-course-timeslot-card .auau-nuxt-course-timeslot-card__content .auau-nuxt-course-timeslot-card__status {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-course-timeslot-card .auau-nuxt-course-timeslot-card__content .auau-nuxt-course-timeslot-card__status .auau-nuxt-course-timeslot-card__ellipse {
  margin: 3px 8px 0 0;
  width: 16px;
  height: 16px;
  background-color: #38c172;
  border-radius: 50%;
  display: inline-block;
  background-color: var(--color);
}
.auau-nuxt-course-timeslot-card .auau-nuxt-course-timeslot-card__content .auau-nuxt-course-timeslot-card__detail-button {
  grid-area: 1/2/5/3;
  align-self: flex-end;
}
.auau-nuxt-course-detail {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 344px;
  gap: 0 48px;
  margin-top: 48px;
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .auau-nuxt-course-detail__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 8px;
  align-items: center;
  padding-bottom: 48px;
  border-bottom: 1px solid #d1d1d1;
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .auau-nuxt-course-detail__header.less-bottom-padding {
  padding-bottom: 24px;
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .auau-nuxt-course-detail__header .auau-nuxt-course-detail__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
  word-break: break-word;
  height: 100%;
}
@media (max-width: 767px) {
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .auau-nuxt-course-detail__header .auau-nuxt-course-detail__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .auau-nuxt-course-detail__header > .auau-nuxt-course-detail__share-button {
  place-self: flex-end;
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .auau-nuxt-course-detail__header .auau-nuxt-course-detail__status {
  display: flex;
  grid-area: 2/2/3/3;
  width: max-content;
  place-items: flex-end;
  justify-self: flex-end;
  align-items: center;
  gap: 16px;
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .auau-nuxt-course-detail__header .auau-nuxt-course-detail__status .status-label {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .auau-nuxt-course-detail__header .auau-nuxt-course-detail__status .status-value {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  display: flex;
  align-items: center;
  margin-top: 4px;
  color: var(--color);
}
@media (max-width: 767px) {
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .auau-nuxt-course-detail__header .auau-nuxt-course-detail__status .status-value {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .auau-nuxt-course-detail__header .auau-nuxt-course-detail__status .status-value .ellipse {
  background-color: var(--color);
  margin: 1px 8px 0 auto;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  display: inline-block;
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .description-title,
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .calendar-header-title,
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .map-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .description-title,
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .calendar-header-title,
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .map-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .auau-nuxt-course-detail__description {
  padding: 48px 0;
  border-bottom: 1px solid #d1d1d1;
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .auau-nuxt-course-detail__description .auau-nuxt-course-detail__description-title {
  margin-bottom: 24px;
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .auau-nuxt-course-detail__description .auau-nuxt-course-detail__description-content {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .auau-nuxt-course-detail__event-lists {
  padding: 48px 0;
  border-bottom: 1px solid #d1d1d1;
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .auau-nuxt-course-detail__event-lists .auau-nuxt-course-detail__event-lists-title {
  margin-bottom: 24px;
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .auau-nuxt-course-detail__event-lists .auau-nuxt-course-detail__event-lists-wrapper {
  display: grid;
  gap: 8px;
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .auau-nuxt-course-detail__event-lists .auau-nuxt-course-detail__more-btn {
  width: max-content;
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .auau-nuxt-course-detail__map {
  padding-top: 48px;
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .auau-nuxt-course-detail__booking-button {
  display: flex;
  align-items: center;
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .auau-nuxt-course-detail__booking-button .status-label {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .auau-nuxt-course-detail__booking-button .status-label {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .auau-nuxt-course-detail__booking-button .status-value {
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
  display: flex;
  align-items: center;
  margin-top: 4px;
  color: var(--color);
}
@media (max-width: 767px) {
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .auau-nuxt-course-detail__booking-button .status-value {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .auau-nuxt-course-detail__booking-button .status-value .ellipse {
  background-color: var(--color);
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .auau-nuxt-course-detail__booking-button .button-group {
  margin-left: auto;
  display: flex;
  gap: 16px;
}
@media (max-width: 1127px) {
.auau-nuxt-course-detail {
    margin-top: 24px;
    grid-template-columns: 1fr;
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__content {
    max-width: none;
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__mobile-family-member-select,
.auau-nuxt-course-detail .auau-nuxt-course-detail__mobile-price-type {
    padding-top: 24px;
    display: grid;
    border-bottom: 1px solid #d1d1d1;
    gap: 16px;
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__mobile-family-member-select .select-family-member-title,
.auau-nuxt-course-detail .auau-nuxt-course-detail__mobile-family-member-select .price-type-title,
.auau-nuxt-course-detail .auau-nuxt-course-detail__mobile-price-type .select-family-member-title,
.auau-nuxt-course-detail .auau-nuxt-course-detail__mobile-price-type .price-type-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-course-detail .auau-nuxt-course-detail__mobile-family-member-select .select-family-member-title,
.auau-nuxt-course-detail .auau-nuxt-course-detail__mobile-family-member-select .price-type-title,
.auau-nuxt-course-detail .auau-nuxt-course-detail__mobile-price-type .select-family-member-title,
.auau-nuxt-course-detail .auau-nuxt-course-detail__mobile-price-type .price-type-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-course-detail .auau-nuxt-course-detail__mobile-family-member-select .auau-nuxt-select,
.auau-nuxt-course-detail .auau-nuxt-course-detail__mobile-price-type .auau-nuxt-select {
    padding-bottom: 16px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-course-detail .auau-nuxt-course-detail__mobile-family-member-select .auau-nuxt-tab-links,
.auau-nuxt-course-detail .auau-nuxt-course-detail__mobile-price-type .auau-nuxt-tab-links {
    width: max-content;
    padding-bottom: 16px;
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__mobile-family-member-select .auau-nuxt-tab-links .ps,
.auau-nuxt-course-detail .auau-nuxt-course-detail__mobile-price-type .auau-nuxt-tab-links .ps {
    justify-content: center;
    align-items: flex-start;
    background-color: #fafafc;
    border-radius: 40px;
    gap: 8px;
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__mobile-family-member-select .auau-nuxt-tab-links .ps .auau-nuxt-tab-links__header-item,
.auau-nuxt-course-detail .auau-nuxt-course-detail__mobile-price-type .auau-nuxt-tab-links .ps .auau-nuxt-tab-links__header-item {
    padding: 8px 16px;
    color: #2d2d2d;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    padding: 8px 24px;
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__mobile-family-member-select .auau-nuxt-tab-links .ps .auau-nuxt-tab-links__header-item.selected,
.auau-nuxt-course-detail .auau-nuxt-course-detail__mobile-price-type .auau-nuxt-tab-links .ps .auau-nuxt-tab-links__header-item.selected {
    background-color: var(--auau-200, #fef1d1);
    color: var(--auau-900, #f89d00);
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__mobile-family-member-select .auau-nuxt-tab-links .ps .auau-nuxt-tab-links__header-item.selected::after,
.auau-nuxt-course-detail .auau-nuxt-course-detail__mobile-price-type .auau-nuxt-tab-links .ps .auau-nuxt-tab-links__header-item.selected::after {
    content: none;
}
}
@media (max-width: 1127px) {
.auau-nuxt-course-detail .auau-nuxt-course-detail__mobile-time-picker {
    border-bottom: 1px solid #d1d1d1;
    padding: 24px 0;
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__mobile-time-picker .time-picker-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
    margin-bottom: 8px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-course-detail .auau-nuxt-course-detail__mobile-time-picker .time-picker-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
@media (max-width: 767px) {
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .auau-nuxt-course-detail__header {
    gap: 8px 0;
    padding-bottom: 24px;
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .auau-nuxt-course-detail__info {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 24px 0;
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .auau-nuxt-course-detail__description {
    padding: 24px 0;
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .auau-nuxt-course-detail__description .description-title {
    margin-bottom: 8px;
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .auau-nuxt-course-detail__description .description-content {
    line-height: 20px;
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .auau-nuxt-course-detail__calendar {
    padding: 24px 0 0 0;
}
.auau-nuxt-course-detail .auau-nuxt-course-detail__content .auau-nuxt-course-detail__map {
    padding: 24px 0;
}
}
.auau-nuxt-course-booking-card {
  z-index: 10;
  width: 100%;
  position: sticky;
  top: 90px;
}
.auau-nuxt-course-booking-card .auau-nuxt-course-booking-card__wrapper {
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
  overflow: hidden;
  max-width: 344px;
  height: max-content;
}
.auau-nuxt-course-booking-card .auau-nuxt-course-booking-card__wrapper .auau-nuxt-select .multiselect__content-wrapper {
  max-height: 125px !important;
}
.auau-nuxt-course-booking-card .auau-nuxt-course-booking-card__wrapper .auau-nuxt-course-booking-card__header {
  padding: 16px;
  border-bottom: 1px solid #d1d1d1;
  text-align: center;
  word-break: break-word;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-course-booking-card .auau-nuxt-course-booking-card__wrapper .auau-nuxt-course-booking-card__header {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-course-booking-card .auau-nuxt-course-booking-card__wrapper .auau-nuxt-course-booking-card__form {
  padding: 16px 24px 24px 24px;
}
.auau-nuxt-course-booking-card .auau-nuxt-course-booking-card__wrapper .auau-nuxt-course-booking-card__form .auau-nuxt-course-booking-card__timeslot-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
}
@media (max-width: 767px) {
.auau-nuxt-course-booking-card .auau-nuxt-course-booking-card__wrapper .auau-nuxt-course-booking-card__form .auau-nuxt-course-booking-card__timeslot-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-course-booking-card .auau-nuxt-course-booking-card__wrapper .auau-nuxt-course-booking-card__form .auau-nuxt-course-booking-card__timeslot-content {
  display: grid;
  margin-top: 24px;
  gap: 4px;
  color: #2d2d2d;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-course-booking-card .auau-nuxt-course-booking-card__wrapper .auau-nuxt-course-booking-card__form .auau-nuxt-course-booking-card__timeslot-content .passed {
  color: #d1d1d1;
  text-decoration: line-through;
}
.auau-nuxt-course-booking-card .auau-nuxt-course-booking-card__wrapper .auau-nuxt-course-booking-card__form .auau-nuxt-course-booking-card__timeslot-count {
  margin-top: 48px;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-course-booking-card .auau-nuxt-course-booking-card__wrapper .auau-nuxt-course-booking-card__form .auau-nuxt-course-booking-card__select-family-member {
  padding-top: 24px;
}
.auau-nuxt-course-booking-card .auau-nuxt-course-booking-card__wrapper .auau-nuxt-course-booking-card__form .auau-nuxt-course-booking-card__pricing {
  margin-top: 16px;
  margin-bottom: 16px;
  display: grid;
  align-items: baseline;
}
.auau-nuxt-course-booking-card .auau-nuxt-course-booking-card__wrapper .auau-nuxt-course-booking-card__form .auau-nuxt-course-booking-card__pricing .auau-nuxt-course-booking-card__pricing-amount {
  display: grid;
  align-items: baseline;
  line-height: 1;
  justify-items: center;
  flex-wrap: wrap;
  font-size: 22px;
  font-weight: 700;
  line-height: 34.75px;
  gap: 8px;
}
@media (max-width: 767px) {
.auau-nuxt-course-booking-card .auau-nuxt-course-booking-card__wrapper .auau-nuxt-course-booking-card__form .auau-nuxt-course-booking-card__pricing .auau-nuxt-course-booking-card__pricing-amount {
    font-size: 24px;
    font-weight: 600;
}
}
.auau-nuxt-course-booking-card .auau-nuxt-course-booking-card__wrapper .auau-nuxt-course-booking-card__form .auau-nuxt-course-booking-card__pricing .auau-nuxt-course-booking-card__pricing-amount > span {
  color: #2d2d2d;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  font-weight: 400;
}
.auau-nuxt-course-booking-card .auau-nuxt-course-booking-card__wrapper .auau-nuxt-course-booking-card__form .auau-nuxt-course-booking-card__pricing .auau-nuxt-tab-links {
  width: max-content;
}
.auau-nuxt-course-booking-card .auau-nuxt-course-booking-card__wrapper .auau-nuxt-course-booking-card__form .auau-nuxt-course-booking-card__pricing .auau-nuxt-tab-links .ps {
  justify-content: center;
  align-items: flex-start;
  background-color: #fafafc;
  border-radius: 40px;
  gap: 8px;
}
.auau-nuxt-course-booking-card .auau-nuxt-course-booking-card__wrapper .auau-nuxt-course-booking-card__form .auau-nuxt-course-booking-card__pricing .auau-nuxt-tab-links .ps .auau-nuxt-tab-links__header-item {
  padding: 8px 16px;
  color: #2d2d2d;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  padding: 8px 24px;
}
.auau-nuxt-course-booking-card .auau-nuxt-course-booking-card__wrapper .auau-nuxt-course-booking-card__form .auau-nuxt-course-booking-card__pricing .auau-nuxt-tab-links .ps .auau-nuxt-tab-links__header-item.selected {
  background-color: var(--auau-200, #fef1d1);
  color: var(--auau-900, #f89d00);
}
.auau-nuxt-course-booking-card .auau-nuxt-course-booking-card__wrapper .auau-nuxt-course-booking-card__form .auau-nuxt-course-booking-card__pricing .auau-nuxt-tab-links .ps .auau-nuxt-tab-links__header-item.selected::after {
  content: none;
}
.auau-nuxt-course-booking-card .auau-nuxt-course-booking-card__wrapper .auau-nuxt-course-booking-card__form .auau-nuxt-course-booking-card__pricing .auau-nuxt-tab-group__tab-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 8px;
}
.auau-nuxt-course-booking-card .auau-nuxt-course-booking-card__wrapper .auau-nuxt-course-booking-card__form .auau-nuxt-course-booking-card__pricing .auau-nuxt-tab-group__tab-content .auau-nuxt-course-booking-card__discount-label {
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
  color: #dc3030;
}
.auau-nuxt-course-booking-card .auau-nuxt-course-booking-card__wrapper .auau-nuxt-course-booking-card__form .auau-nuxt-course-booking-card__pricing .auau-nuxt-tab-group__tab-content .discounted {
  color: #dc3030;
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
}
@media (max-width: 767px) {
.auau-nuxt-course-booking-card .auau-nuxt-course-booking-card__wrapper .auau-nuxt-course-booking-card__form .auau-nuxt-course-booking-card__pricing .auau-nuxt-tab-group__tab-content .discounted {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-course-booking-card .auau-nuxt-course-booking-card__wrapper .auau-nuxt-course-booking-card__form .auau-nuxt-course-booking-card__pricing .auau-nuxt-tab-group__tab-content .auau-nuxt-course-booking-card__original-price {
  color: #949494;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  text-decoration-line: line-through;
}
@media (max-width: 767px) {
.auau-nuxt-course-booking-card .auau-nuxt-course-booking-card__wrapper .auau-nuxt-course-booking-card__form .auau-nuxt-course-booking-card__pricing .auau-nuxt-tab-group__tab-content .auau-nuxt-course-booking-card__original-price {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-course-booking-card .auau-nuxt-course-booking-card__wrapper .auau-nuxt-course-booking-card__form .auau-nuxt-course-booking-card__pricing .auau-nuxt-course-booking-card__pricing-label {
  align-self: baseline;
  color: #949494;
  margin-right: 8px;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-course-booking-card .auau-nuxt-course-booking-card__wrapper .auau-nuxt-course-booking-card__form .auau-nuxt-course-booking-card__pricing .auau-nuxt-course-booking-card__pricing-discount {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
}
.auau-nuxt-course-booking-card .auau-nuxt-course-booking-card__wrapper .auau-nuxt-course-booking-card__form .auau-nuxt-course-booking-card__pricing .auau-nuxt-course-booking-card__pricing-discount .auau-nuxt-course-booking-card__pricing-discount-label {
  color: #949494;
  margin-right: 4px;
}
.auau-nuxt-course-booking-card .auau-nuxt-course-booking-card__wrapper .auau-nuxt-course-booking-card__form .auau-nuxt-course-booking-card__remaining {
  font-size: 11px;
  font-weight: 300;
  line-height: 16px;
  color: #dc3030;
  text-align: center;
  padding-top: 8px;
}
.auau-nuxt-course-booking-card .auau-nuxt-course-booking-card__wrapper .auau-nuxt-course-booking-card__form .auau-nuxt-course-booking-card__actions .auau-nuxt-button {
  width: 100%;
}
.auau-nuxt-course-booking-card .auau-nuxt-course-booking-card__wrapper .auau-nuxt-course-booking-card__form .auau-nuxt-course-booking-card__actions .status-online-hold {
  background-color: #004db1;
  border: 2px solid #004db1;
}
.auau-nuxt-course-booking-card__class-mobile-bottom-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
}
.auau-nuxt-course-booking-card__class-mobile-bottom-bar .auau-nuxt-course-booking-card__mobile-remaining {
  font-size: 11px;
  font-weight: 300;
  line-height: 16px;
  color: #dc3030;
  text-align: center;
  padding-top: 4px;
}
.auau-nuxt-course-booking-card__class-mobile-bottom-bar .auau-nuxt-course-booking-card__mobile-pricing {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.auau-nuxt-course-booking-card__class-mobile-bottom-bar .auau-nuxt-course-booking-card__mobile-pricing .auau-nuxt-course-booking-card__mobile-pricing-label {
  color: #949494;
  text-align: end;
  font-size: 11px;
  font-weight: 300;
  line-height: 16px;
}
.auau-nuxt-course-booking-card__class-mobile-bottom-bar .auau-nuxt-course-booking-card__mobile-pricing .auau-nuxt-course-booking-card__mobile-pricing-amount {
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
  gap: 0 4px;
  align-items: baseline;
  justify-content: flex-end;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
.auau-nuxt-course-booking-card__class-mobile-bottom-bar .auau-nuxt-course-booking-card__mobile-pricing .auau-nuxt-course-booking-card__mobile-pricing-amount {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-course-booking-card__class-mobile-bottom-bar .auau-nuxt-course-booking-card__mobile-pricing .auau-nuxt-course-booking-card__mobile-pricing-amount span {
  color: #949494;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-course-booking-card__class-mobile-bottom-bar .auau-nuxt-course-booking-card__mobile-pricing .auau-nuxt-course-booking-card__mobile-pricing-discount-label {
  color: #dc3030;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
  margin-right: 4px;
}
.auau-nuxt-course-booking-card__class-mobile-bottom-bar .auau-nuxt-course-booking-card__mobile-pricing .discounted {
  color: #dc3030;
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
}
@media (max-width: 767px) {
.auau-nuxt-course-booking-card__class-mobile-bottom-bar .auau-nuxt-course-booking-card__mobile-pricing .discounted {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-course-booking-card__class-mobile-bottom-bar .auau-nuxt-course-booking-card__mobile-pricing .auau-nuxt-course-booking-card__mobile-original-price {
  color: #949494;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  text-decoration-line: line-through;
}
@media (max-width: 767px) {
.auau-nuxt-course-booking-card__class-mobile-bottom-bar .auau-nuxt-course-booking-card__mobile-pricing .auau-nuxt-course-booking-card__mobile-original-price {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-course-booking-card__mobile-actions {
  margin-top: 4px;
}
.auau-nuxt-course-booking-card__mobile-actions .auau-nuxt-button {
  width: 100%;
}
.auau-nuxt-course-booking-card__mobile-actions .status-online-hold {
  background-color: #004db1;
  border: 2px solid #004db1;
}

.auau-nuxt-course-index-module {
  padding-top: 48px;
  padding-bottom: 48px;
}
.auau-nuxt-course-index-module .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-course-index-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-course-index-module .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-course-index-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-course-index-module .auau-nuxt-module-title {
  flex-direction: column;
  align-items: unset;
  justify-content: unset;
}
.auau-nuxt-course-index-module .auau-nuxt-tab-links {
  margin-bottom: 24px;
}
.auau-nuxt-course-index-module .auau-nuxt-course-index-module__grid-wrapper {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: max-content;
  gap: 24px;
}
.auau-nuxt-course-index-module .auau-nuxt-course-index-module__filter-button {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 24px;
}
@media (max-width: 1127px) {
.auau-nuxt-course-index-module {
    padding-top: 24px;
}
.auau-nuxt-course-index-module .auau-nuxt-course-index-module__grid-wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.auau-nuxt-course-index-module .auau-nuxt-course-index-module__grid-wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content {
  max-width: 624px;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__header {
  align-items: center;
  border-bottom: 1px solid #d1d1d1;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__header .auau-nuxt-enrollment-detail__title-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-bottom: 48px;
  border-bottom: 1px solid #d1d1d1;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__header .auau-nuxt-enrollment-detail__door-lock-button {
  width: max-content;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__header .auau-nuxt-enrollment-detail__google-calendar-url {
  width: max-content;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__header .auau-nuxt-enrollment-detail__google-calendar-url a {
  text-decoration: none;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__header .auau-nuxt-enrollment-detail__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__header .auau-nuxt-enrollment-detail__title .auau-nuxt-enrollment-detail__event-name {
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 3;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 100%;
}
@media (max-width: 767px) {
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__header .auau-nuxt-enrollment-detail__title .auau-nuxt-enrollment-detail__event-name {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__header .auau-nuxt-enrollment-card__door-lock-button {
  padding: 0px;
  margin-left: -8px;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__header .auau-nuxt-enrollment-detail__booking-button {
  display: flex;
  align-items: center;
  padding: 48px 0;
  gap: 24px;
  justify-content: space-between;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__header .auau-nuxt-enrollment-detail__booking-button .status-label {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__header .auau-nuxt-enrollment-detail__booking-button .status-value {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  display: flex;
  align-items: center;
  margin-top: 4px;
  color: var(--color);
}
@media (max-width: 767px) {
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__header .auau-nuxt-enrollment-detail__booking-button .status-value {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__header .auau-nuxt-enrollment-detail__booking-button .status-value .ellipse {
  background-color: var(--color);
  margin: 1px 8px 0 auto;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  display: inline-block;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__header .auau-nuxt-enrollment-detail__booking-button .button-group {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: flex-end;
  margin-left: auto;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__header .auau-nuxt-enrollment-detail__booking-button .button-group .auau-nuxt-button {
  height: auto;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__info {
  display: grid;
  grid-template-areas: "course-participant course-participant" "course-date course-time" "staff staff" "lang lang";
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 8px 48px;
  padding: 48px 0;
  border-bottom: 1px solid #d1d1d1;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__info .course-participant {
  grid-area: course-participant;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__info .course-date {
  grid-area: course-date;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__info .course-time {
  grid-area: course-time;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__info .staff {
  grid-area: staff;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__info .staff .item-content {
  white-space: break-spaces;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__info .lang {
  grid-area: lang;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__info .auau-nuxt-enrollment-detail__info-item-wrapper {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 0 16px;
  align-items: center;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__info .item-label {
  color: #2d2d2d;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__info .item-content {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__description {
  padding: 48px 0;
  border-bottom: 1px solid #d1d1d1;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__description .description-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__description .description-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__description .description-content {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
  line-height: 30px;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__map {
  padding: 48px 0;
}
@media (max-width: 1127px) {
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content {
    max-width: none;
}
}
@media (max-width: 767px) {
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__header .auau-nuxt-enrollment-detail__title-wrapper {
    padding-bottom: 24px;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__header .auau-nuxt-enrollment-detail__google-calendar-url {
    width: 100%;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__header .auau-nuxt-enrollment-detail__google-calendar-url .auau-nuxt-button {
    width: 100%;
    height: 100%;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__header .auau-nuxt-enrollment-detail__booking-button {
    padding: 24px 0;
    flex-direction: column;
    align-items: flex-start;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__header .auau-nuxt-enrollment-detail__booking-button .status-value {
    margin-top: 8px;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__header .auau-nuxt-enrollment-detail__booking-button .status-value .ellipse {
    margin: 1px 8px 0 0;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__header .auau-nuxt-enrollment-detail__booking-button .button-group {
    display: flex;
    width: 100%;
    flex-direction: column;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__info {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 24px 0;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__description {
    padding: 24px 0;
}
.auau-nuxt-enrollment-detail-module .auau-nuxt-enrollment-detail__content .auau-nuxt-enrollment-detail__map {
    padding: 24px 0 48px 0;
}
}
.auau-nuxt-enrollment-detail__modal-take-leave .modal-take-leave__reason-field {
  margin: 16px 0;
}
.auau-nuxt-enrollment-detail__modal-take-leave .modal-take-leave__message {
  margin-top: 8px;
  color: #dc3030;
}
.modal-door-lock-qrcode {
  max-height: none;
}
.modal-door-lock-qrcode .auau-nuxt-modal__content {
  display: flex;
  justify-content: center;
}
.modal-door-lock-qrcode .auau-nuxt-modal__content img {
  max-width: 600px;
}
@media (max-width: 767px) {
.modal-door-lock-qrcode .auau-nuxt-modal__content img {
    max-width: 300px;
}
}
.auau-nuxt-enrollment-grid-module {
  padding-bottom: 48px;
}
.auau-nuxt-enrollment-grid-module .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-enrollment-grid-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-enrollment-grid-module .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-enrollment-grid-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-enrollment-grid-module .enrollment-grid-wrapper {
  display: grid;
  grid-row-gap: 16px;
}
.auau-nuxt-enrollment-page-header .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-enrollment-page-header .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-enrollment-page-header .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-enrollment-page-header .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-enrollment-page-header .auau-nuxt-enrollment-page-header__wrapper {
  display: grid;
  align-items: center;
  grid-template-columns: minmax(0, 1fr) max-content max-content;
  gap: 0 24px;
}
@media (max-width: 1127px) {
.auau-nuxt-enrollment-page-header .auau-nuxt-enrollment-page-header__wrapper {
    grid-template-columns: minmax(0, 1fr) max-content;
    grid-template-rows: max-content max-content;
    gap: 24px 0;
}
.auau-nuxt-enrollment-page-header .auau-nuxt-enrollment-page-header__wrapper .auau-nuxt-enrollment-page-header__history-button {
    width: auto;
    grid-area: 2/1/3/3;
    margin-left: 0px;
}
}
@media (max-width: 767px) {
.auau-nuxt-enrollment-page-header .auau-nuxt-button .icon-filter {
    margin-top: 6px;
}
}

.auau-nuxt-family-member-grid-module {
  padding-bottom: 48px;
}
.auau-nuxt-family-member-grid-module .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-family-member-grid-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-family-member-grid-module .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-family-member-grid-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-family-member-grid-module .auau-nuxt-family-member-grid-module__header {
  display: flex;
  justify-content: space-between;
}
.auau-nuxt-family-member-grid-module .auau-nuxt-family-member-grid-module__header .auau-nuxt-page-header {
  margin-bottom: 24px;
}
.auau-nuxt-family-member-grid-module .family-member-grid-wrapper {
  display: grid;
  grid-row-gap: 16px;
}
.auau-nuxt-family-member-form .auau-nuxt-page-header {
  margin-bottom: 24px;
}
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module {
  max-width: 624px;
  border-top: 0px !important;
}
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .auau-nuxt-family-member-form__section {
  margin-bottom: 16px;
  background: #ffffff;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.07);
  border-radius: 8px;
  padding: 24px;
}
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .auau-nuxt-family-member-form__section .auau-nuxt-family-member-form__section-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  color: var(--auau-800, #f8b818);
  padding-bottom: 24px;
  border-bottom: 1px solid #d1d1d1;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .auau-nuxt-family-member-form__section .auau-nuxt-family-member-form__section-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .auau-nuxt-family-member-form__section .auau-nuxt-family-member-form__section-title .auau-nuxt-family-member-form__section-title-action {
  color: #dc3030;
}
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .auau-nuxt-family-member-form__section .auau-nuxt-family-member-form__section-wrapper {
  padding-top: 24px;
}
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .auau-nuxt-family-member-form__section .auau-nuxt-family-member-form__section-wrapper.custom-fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .auau-nuxt-family-member-form__section .auau-nuxt-family-member-form__section-wrapper .auau-nuxt-family-member-form__avatar-field {
  color: #2d2d2d;
}
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .auau-nuxt-family-member-form__section .auau-nuxt-family-member-form__section-wrapper .auau-nuxt-text-field input,
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .auau-nuxt-family-member-form__section .auau-nuxt-family-member-form__section-wrapper .auau-nuxt-select .multiselect__tags,
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .auau-nuxt-family-member-form__section .auau-nuxt-family-member-form__section-wrapper .auau-nuxt-datepicker .auau-nuxt-datepicker__input-field,
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .auau-nuxt-family-member-form__section .auau-nuxt-family-member-form__section-wrapper .auau-nuxt-checkbox .auau-nuxt-checkbox__checkbox-checkmark,
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .auau-nuxt-family-member-form__section .auau-nuxt-family-member-form__section-wrapper .auau-nuxt-image-upload .filepond--drop-label,
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .auau-nuxt-family-member-form__section .auau-nuxt-family-member-form__section-wrapper .auau-nuxt-custom-field,
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .auau-nuxt-family-member-form__section .auau-nuxt-family-member-form__section-wrapper .auau-nuxt-multi-select,
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .auau-nuxt-family-member-form__section .auau-nuxt-family-member-form__section-wrapper .multiselect,
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .auau-nuxt-family-member-form__section .auau-nuxt-family-member-form__section-wrapper .multiselect__tags,
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .auau-nuxt-family-member-form__section .auau-nuxt-family-member-form__section-wrapper .auau-nuxt-text-area {
  background-color: #ffffff;
}
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .auau-nuxt-family-member-form__section .auau-nuxt-family-member-form__section-wrapper .auau-nuxt-family-member-form__user-info {
  display: grid;
  grid-template-columns: max-content max-content;
  gap: 24px 16px;
  align-items: center;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .auau-nuxt-family-member-form__section .auau-nuxt-family-member-form__section-wrapper > .auau-nuxt-field,
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .auau-nuxt-family-member-form__section .auau-nuxt-family-member-form__section-wrapper .auau-nuxt-checkbox {
  margin-bottom: 24px;
}
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .auau-nuxt-family-member-form__section .auau-nuxt-family-member-form__section-wrapper > .auau-nuxt-field:last-child,
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .auau-nuxt-family-member-form__section .auau-nuxt-family-member-form__section-wrapper .auau-nuxt-checkbox:last-child {
  margin-bottom: 0;
}
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .auau-nuxt-family-member-form__button-group {
  display: flex;
  gap: 16px;
  justify-content: flex-end;
  margin-top: 48px;
}
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .custom-checkbox-container {
  margin-bottom: 24px;
}
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .custom-checkbox-container:last-child {
  margin-bottom: 0px;
}
@media (max-width: 1127px) {
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module {
    max-width: 100%;
}
}
@media (max-width: 767px) {
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .auau-nuxt-family-member-form__section {
    padding: 24px 16px;
}
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .auau-nuxt-family-member-form__section .auau-nuxt-family-member-form__section-wrapper {
    margin-bottom: 16px;
}
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .auau-nuxt-family-member-form__section .auau-nuxt-family-member-form__section-wrapper .auau-nuxt-family-member-form__user-info {
    gap: 16px;
}
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .auau-nuxt-family-member-form__button-group {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: flex-start;
    margin-top: 24px;
}
.auau-nuxt-family-member-form .auau-nuxt-family-member-form__module .auau-nuxt-family-member-form__button-group > * {
    width: 100%;
}
}
.auau-nuxt-image-grid-module {
  padding: 48px 0;
}
.auau-nuxt-image-grid-module .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-image-grid-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-image-grid-module .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-image-grid-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-image-grid-module:first-child {
  padding-top: 0;
}
.auau-nuxt-image-grid-module:last-child {
  padding-bottom: 0;
}
.auau-nuxt-image-grid-module .auau-nuxt-image-grid-module__image-wrapper {
  display: grid;
  grid-template-columns: repeat(4, minmax(240px, 1fr));
  gap: 24px;
}
.auau-nuxt-image-grid-module .auau-nuxt-image-grid-module__image-wrapper .auau-nuxt-image img {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 4/3;
  cursor: zoom-in;
}
@media (max-width: 1127px) {
.auau-nuxt-image-grid-module {
    padding: 24px 0;
}
.auau-nuxt-image-grid-module .auau-nuxt-image-grid-module__image-wrapper {
    grid-template-columns: repeat(3, minmax(140px, 1fr));
}
}
@media (max-width: 767px) {
.auau-nuxt-image-grid-module .auau-nuxt-image-grid-module__image-wrapper {
    grid-template-columns: repeat(2, minmax(140px, 1fr));
}
}
.auau-nuxt-media-post-related-grid-module .auau-nuxt-media-post-related-grid-module__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
.auau-nuxt-media-post-related-grid-module .auau-nuxt-media-post-related-grid-module__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-media-post-related-grid-module .auau-nuxt-media-post-related-grid-module__grid-wrapper {
  display: grid;
  grid-row-gap: 24px;
}
.auau-nuxt-media-post-related-grid-module .auau-nuxt-media-post-related-grid-module__show-all {
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
  padding: 0;
  border: none;
}
@media (max-width: 1127px) {
.auau-nuxt-media-post-related-grid-module .auau-nuxt-media-post-related-grid-module__grid-wrapper {
    grid-row-gap: 24px;
}
.auau-nuxt-media-post-related-grid-module .auau-nuxt-media-post-related-grid-module__show-all {
    margin-top: 24px;
}
}
.auau-nuxt-media-post-detail-module {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 254px;
  gap: 48px 96px;
}
.auau-nuxt-media-post-detail-module .auau-nuxt-media-post-detail-module__header {
  grid-area: 1/1/2/2;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
.auau-nuxt-media-post-detail-module .auau-nuxt-media-post-detail-module__header .auau-nuxt-module-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
}
@media (max-width: 767px) {
.auau-nuxt-media-post-detail-module .auau-nuxt-media-post-detail-module__header .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-media-post-detail-module .auau-nuxt-media-post-detail-module__header .auau-nuxt-media-post-detail-module__publish-date {
  color: #949494;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  margin-top: 8px;
}
.auau-nuxt-media-post-detail-module .auau-nuxt-media-post-detail-module__header .auau-nuxt-media-post-detail-module__tag-group {
  display: flex;
  margin-top: 24px;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 8px;
}
.auau-nuxt-media-post-detail-module .auau-nuxt-media-post-detail-module__content-wrapper {
  grid-area: 2/1/3/2;
}
.auau-nuxt-media-post-detail-module .auau-nuxt-media-post-detail-module__banner-image {
  margin-bottom: 48px;
}
.auau-nuxt-media-post-detail-module .auau-nuxt-media-post-detail-module__banner-image img {
  width: 100%;
  object-fit: contain;
  border-radius: 8px;
  aspect-ratio: 16/9;
}
.auau-nuxt-media-post-detail-module .auau-nuxt-media-post-detail-module__content {
  word-break: break-all;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
}
.auau-nuxt-media-post-detail-module .auau-nuxt-media-post-related-grid-module {
  grid-area: 2/2/3/3;
}
@media (max-width: 1127px) {
.auau-nuxt-media-post-detail-module {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
}
.auau-nuxt-media-post-detail-module .auau-nuxt-media-post-detail-module__header {
    margin-bottom: 24px;
}
.auau-nuxt-media-post-detail-module .auau-nuxt-media-post-detail-module__header .auau-nuxt-media-post-detail-module__publish-date {
    margin-top: 8px;
}
.auau-nuxt-media-post-detail-module .auau-nuxt-media-post-detail-module__header .auau-nuxt-media-post-detail-module__tag-group {
    margin-top: 24px;
}
.auau-nuxt-media-post-detail-module .auau-nuxt-media-post-related-grid-module {
    grid-area: 3/1/4/2;
    margin-top: 48px;
}
.auau-nuxt-media-post-detail-module .auau-nuxt-media-post-detail-module__banner-image {
    margin-bottom: 24px;
}
}
.auau-nuxt-media-post-grid-module .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-media-post-grid-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-media-post-grid-module .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-media-post-grid-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-media-post-grid-module .auau-nuxt-media-post-grid-module__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content 264px;
  align-items: center;
  gap: 0 16px;
}
.auau-nuxt-media-post-grid-module .auau-nuxt-media-post-grid-module__grid-wrapper {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
@media (max-width: 767px) {
.auau-nuxt-media-post-grid-module .auau-nuxt-media-post-grid-module__header {
    display: grid;
    grid-template-columns: minmax(0, max-content) minmax(0, 1fr);
}
.auau-nuxt-media-post-grid-module .auau-nuxt-media-post-grid-module__header .auau-nuxt-media-post-grid-module__title {
    grid-area: 1/1/2/3;
    margin-bottom: 24px;
}
.auau-nuxt-media-post-grid-module .auau-nuxt-media-post-grid-module__grid-wrapper {
    grid-template-columns: minmax(0, 1fr);
}
}
.auau-nuxt-media-post-index-grid-module {
  padding: 48px 0;
}
.auau-nuxt-media-post-index-grid-module .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-media-post-index-grid-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-media-post-index-grid-module .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-media-post-index-grid-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-media-post-index-grid-module:last-child {
  padding-bottom: 0px;
}
.auau-nuxt-media-post-index-grid-module:first-child {
  padding-top: 0px;
}
.auau-nuxt-media-post-index-grid-module .auau-nuxt-media-post-index-grid-module__grid-wrapper {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
@media (max-width: 1127px) {
.auau-nuxt-media-post-index-grid-module {
    padding: 24px 0;
}
.auau-nuxt-media-post-index-grid-module .auau-nuxt-media-post-index-grid-module__grid-wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow-y: hidden;
}
.auau-nuxt-media-post-index-grid-module .auau-nuxt-media-post-index-grid-module__grid-wrapper .auau-nuxt-media-post-card:nth-child(n+4) {
    display: none;
}
}
@media (max-width: 767px) {
.auau-nuxt-media-post-index-grid-module .auau-nuxt-media-post-index-grid-module__grid-wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.auau-nuxt-media-post-index-grid-module .auau-nuxt-media-post-index-grid-module__grid-wrapper .auau-nuxt-media-post-card:nth-child(n+4) {
    display: block;
}
}
.auau-nuxt-note-comment-grid-module {
  max-width: 624px;
}
.auau-nuxt-note-comment-grid-module .auau-nuxt-note-comment-grid-module__header {
  margin-bottom: 48px;
}
.auau-nuxt-note-comment-grid-module .auau-nuxt-note-comment-grid-module__header .auau-nuxt-note-comment-grid-module__header-name {
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
.auau-nuxt-note-comment-grid-module .auau-nuxt-note-comment-grid-module__header .auau-nuxt-note-comment-grid-module__header-name {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-note-comment-grid-module .auau-nuxt-note-comment-grid-module__header .auau-nuxt-note-comment-grid-module__grid {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 16px 48px;
}
.auau-nuxt-note-comment-grid-module .auau-nuxt-note-comment-grid-module__header .auau-nuxt-note-comment-grid-module__header-event,
.auau-nuxt-note-comment-grid-module .auau-nuxt-note-comment-grid-module__header .auau-nuxt-note-comment-grid-module__header-date,
.auau-nuxt-note-comment-grid-module .auau-nuxt-note-comment-grid-module__header .auau-nuxt-note-comment-grid-module__header-time {
  display: flex;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  align-items: center;
}
.auau-nuxt-note-comment-grid-module .auau-nuxt-note-comment-grid-module__header .auau-nuxt-note-comment-grid-module__header-event > .auau-nuxt-icon-label,
.auau-nuxt-note-comment-grid-module .auau-nuxt-note-comment-grid-module__header .auau-nuxt-note-comment-grid-module__header-date > .auau-nuxt-icon-label,
.auau-nuxt-note-comment-grid-module .auau-nuxt-note-comment-grid-module__header .auau-nuxt-note-comment-grid-module__header-time > .auau-nuxt-icon-label {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-note-comment-grid-module .auau-nuxt-note-comment-grid-module__header .auau-nuxt-note-comment-grid-module__header-event {
  grid-area: 1/1/2/3;
}
.auau-nuxt-note-comment-grid-module .auau-nuxt-note-comment-grid-module__grid-wrapper {
  display: grid;
  gap: 16px;
}
@media (max-width: 1127px) {
.auau-nuxt-note-comment-grid-module {
    max-width: 100%;
}
.auau-nuxt-note-comment-grid-module .auau-nuxt-note-comment-grid-module__header {
    margin-bottom: 24px;
}
.auau-nuxt-note-comment-grid-module .auau-nuxt-note-comment-grid-module__header .auau-nuxt-note-comment-grid-module__grid {
    grid-template-columns: 1fr;
    gap: 8px 0;
}
.auau-nuxt-note-comment-grid-module .auau-nuxt-note-comment-grid-module__header .auau-nuxt-note-comment-grid-module__header-name {
    grid-area: 1/1/2/2;
    margin-bottom: 16px;
}
}
.auau-nuxt-note-grid-module .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-note-grid-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-note-grid-module .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-note-grid-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-note-grid-module .auau-nuxt-note-grid-module__note-grid-header {
  display: flex;
  align-items: center;
}
.auau-nuxt-note-grid-module .auau-nuxt-note-grid-module__search {
  margin-left: auto;
  width: 252px;
}
@media (max-width: 1127px) {
.auau-nuxt-note-grid-module .auau-nuxt-note-grid-module__note-grid-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
}
.auau-nuxt-note-grid-module .auau-nuxt-note-grid-module__note-grid-header .auau-nuxt-note-grid-module__status {
    margin-left: auto;
}
.auau-nuxt-note-grid-module .auau-nuxt-note-grid-module__note-grid-header .auau-nuxt-note-grid-module__search {
    grid-area: 2/1/3/2;
    width: 100%;
}
}
.auau-nuxt-notification-grid-module .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-notification-grid-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-notification-grid-module .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-notification-grid-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-notification-grid-module .auau-nuxt-notification-grid-module__notification-grid-header {
  align-items: center;
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
}
.auau-nuxt-notification-grid-module .auau-nuxt-notification-grid-module__status {
  color: #949494;
  margin-left: auto;
  display: flex;
  align-items: center;
  font-size: 11px;
  font-weight: 300;
  line-height: 16px;
}
.auau-nuxt-notification-grid-module .auau-nuxt-notification-grid-module__status .auau-nuxt-notification-grid-module__ellipse {
  margin-right: 8px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--auau-800, #f8b818);
  display: inline-block;
}
@media (max-width: 1127px) {
.auau-nuxt-notification-grid-module .auau-nuxt-notification-grid-module__notification-grid-header {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
}
.auau-nuxt-notification-grid-module .auau-nuxt-notification-grid-module__notification-grid-header .auau-nuxt-notification-grid-module__status {
    margin-left: auto;
}
}
@media (max-width: 767px) {
.auau-nuxt-notification-grid-module .auau-nuxt-page-header {
    flex-wrap: wrap;
}
.auau-nuxt-notification-grid-module .auau-nuxt-notification-grid-module__notification-grid-header {
    grid-template-columns: minmax(0, 1fr) max-content;
}
}
.auau-nuxt-package-detail-module .auau-nuxt-package-detail-module__cover {
  margin-bottom: 48px;
  margin-top: -48px;
}
.auau-nuxt-package-detail-module .auau-nuxt-package-detail-module__cover .auau-nuxt-image img {
  width: 100%;
  border-radius: 16px;
}
.auau-nuxt-package-detail-module .auau-nuxt-package-detail-module__header,
.auau-nuxt-package-detail-module .auau-nuxt-package-detail-module__pricings {
  padding-bottom: 48px;
  margin-bottom: 48px;
  border-bottom: 1px solid #d1d1d1;
}
.auau-nuxt-package-detail-module .auau-nuxt-package-detail-module__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
.auau-nuxt-package-detail-module .auau-nuxt-package-detail-module__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-package-detail-module .auau-nuxt-package-detail-module__description {
  color: #949494;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  max-width: 650px;
}
.auau-nuxt-package-detail-module .auau-nuxt-package-detail-module__pricings-wrapper {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr 1fr;
}
.auau-nuxt-package-detail-module .auau-nuxt-package-detail-module__details-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.auau-nuxt-package-detail-module .auau-nuxt-package-detail-module__details-label {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
.auau-nuxt-package-detail-module .auau-nuxt-package-detail-module__details-label {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-package-detail-module .auau-nuxt-package-detail-module__details-value {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
  max-width: 650px;
  white-space: pre-line;
}
@media (max-width: 1127px) {
.auau-nuxt-package-detail-module .auau-nuxt-package-detail-module__header,
.auau-nuxt-package-detail-module .auau-nuxt-package-detail-module__pricings {
    padding-bottom: 24px;
    margin-bottom: 24px;
}
.auau-nuxt-package-detail-module .auau-nuxt-package-detail-module__pricings-wrapper {
    grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.auau-nuxt-package-detail-module .auau-nuxt-package-detail-module__cover {
    margin-bottom: 24px;
    margin-left: -24px;
    margin-right: -24px;
    margin-top: -24px;
}
.auau-nuxt-package-detail-module .auau-nuxt-package-detail-module__cover .auau-nuxt-image img {
    border-radius: 0px;
}
.auau-nuxt-package-detail-module .auau-nuxt-package-detail-module__pricings-wrapper {
    grid-template-columns: 1fr;
}
}
.auau-nuxt-package-grid-module .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-package-grid-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-package-grid-module .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-package-grid-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-package-grid-module .auau-nuxt-package-grid-module__package-grid-header {
  padding-bottom: 48px;
  text-align: center;
  border-bottom: 1px solid #d1d1d1;
}
.auau-nuxt-package-grid-module .auau-nuxt-package-grid-module__package-grid-header .auau-nuxt-module-title {
  margin-bottom: 16px;
}
.auau-nuxt-package-grid-module .auau-nuxt-package-grid-module__cover {
  margin-top: 24px;
}
.auau-nuxt-package-grid-module .auau-nuxt-package-grid-module__cover .auau-nuxt-image img {
  width: 70%;
  margin: auto;
  border-radius: 16px;
}
.auau-nuxt-package-grid-module .auau-nuxt-package-grid-module__description {
  margin: 0 auto;
  max-width: 682px;
  color: #949494;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-package-grid-module .auau-nuxt-package-grid-module__package-grid-wrapper {
  padding-top: 48px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
@media (max-width: 1127px) {
.auau-nuxt-package-grid-module .auau-nuxt-package-grid-module__package-grid-header {
    padding-bottom: 24px;
}
.auau-nuxt-package-grid-module .auau-nuxt-package-grid-module__package-grid-header .auau-nuxt-module-title {
    margin-bottom: 24px;
}
.auau-nuxt-package-grid-module .auau-nuxt-package-grid-module__cover {
    margin-bottom: 24px;
}
.auau-nuxt-package-grid-module .auau-nuxt-package-grid-module__cover .auau-nuxt-image img {
    width: 80%;
}
.auau-nuxt-package-grid-module .auau-nuxt-package-grid-module__description {
    max-width: 100%;
}
.auau-nuxt-package-grid-module .auau-nuxt-package-grid-module__package-grid-wrapper {
    padding-top: 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.auau-nuxt-package-grid-module .auau-nuxt-package-grid-module__package-grid-wrapper {
    grid-template-columns: minmax(0, 1fr);
}
.auau-nuxt-package-grid-module .auau-nuxt-package-grid-module__cover .auau-nuxt-image img {
    border-radius: 0;
    width: var(--vw-px);
}
}
.auau-nuxt-page-info-module {
  padding: 48px 0;
}
.auau-nuxt-page-info-module:first-child {
  padding-top: 0;
}
.auau-nuxt-page-info-module .auau-nuxt-page-info-module__wrapper {
  display: grid;
  grid-template-columns: minmax(0, 0.5fr) minmax(0, 1fr);
  grid-template-rows: auto auto auto;
}
.auau-nuxt-page-info-module .auau-nuxt-page-info-module__share-button-responsive {
  display: flex;
}
.auau-nuxt-page-info-module .auau-nuxt-page-info-module__name {
  grid-area: 1/1/2/2;
  font-size: 38px;
  font-weight: 700;
  line-height: 55px;
}
@media (max-width: 767px) {
.auau-nuxt-page-info-module .auau-nuxt-page-info-module__name {
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
.auau-nuxt-page-info-module .auau-nuxt-page-info-module__share-button {
  margin-left: auto;
}
.auau-nuxt-page-info-module .auau-nuxt-page-info-module__tags {
  grid-area: 3/1/4/2;
  margin-top: 24px;
  display: flex;
  flex-flow: row wrap;
  max-width: 500px;
  height: max-content;
  flex-wrap: wrap;
  gap: 8px;
}
.auau-nuxt-page-info-module .auau-nuxt-page-info-module__tags > .auau-nuxt-tag-button {
  width: max-content;
}
.auau-nuxt-page-info-module .auau-nuxt-page-info-module__actions {
  grid-area: 3/2/4/3;
  align-self: end;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  justify-content: flex-end;
}
@media (max-width: 767px) {
.auau-nuxt-page-info-module {
    padding-bottom: 24px;
}
.auau-nuxt-page-info-module .auau-nuxt-page-info-module__wrapper {
    grid-template-columns: minmax(0, 1fr);
}
.auau-nuxt-page-info-module .auau-nuxt-page-info-module__name {
    grid-area: 1/1/2/2;
    position: relative;
}
.auau-nuxt-page-info-module .auau-nuxt-page-info-module__tags {
    grid-area: 3/1/4/2;
    margin-top: 24px;
}
.auau-nuxt-page-info-module .auau-nuxt-page-info-module__actions {
    grid-area: 4/1/5/2;
    margin-top: 24px;
    flex-direction: column;
}
.auau-nuxt-page-info-module .auau-nuxt-page-info-module__actions > * {
    width: 100%;
    margin-left: 0px;
    margin-top: 16px;
}
.auau-nuxt-page-info-module .auau-nuxt-page-info-module__actions > *:first-child {
    margin-top: 0px;
}
.auau-nuxt-page-info-module .auau-nuxt-page-info-module__share-button {
    position: absolute;
    right: 0;
    top: 0;
}
}
.auau-nuxt-kpay-card__payment-options {
  margin-top: 20px;
  display: flex;
  gap: 8px;
}
.auau-nuxt-kpay-card__payment-options .auau-nuxt-kpay-card__payment-options-card {
  border: 1px solid #d1d1d1;
  padding: 10px 20px;
  border-radius: 8px;
  cursor: pointer;
}
.auau-nuxt-kpay-card__payment-options .auau-nuxt-kpay-card__payment-options-card--selected {
  border-color: var(--auau-800, #f8b818);
  color: var(--auau-800, #f8b818);
}
@media (max-width: 1127px) {
.auau-nuxt-kpay-card__payment-options {
    flex-direction: column;
    gap: 20px;
    text-align: center;
}
}
.auau-nuxt-payment-grid-module {
  padding-top: 48px;
}
.auau-nuxt-payment-grid-module .payment-grid-header {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-payment-grid-module .payment-grid-header {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-payment-grid-module .payment-grid-header .payment-grid-header__error {
  color: #dc3030;
}
.auau-nuxt-payment-grid-module .payment-grid-wrapper {
  display: grid;
  gap: 16px 0;
  margin-top: 48px;
}
.auau-nuxt-payment-grid-module .payment-submit {
  margin-top: 48px;
  margin-left: auto;
}
.auau-nuxt-payment-grid-module .auau-nuxt-payment-grid-module__buy-package {
  width: max-content;
}
.auau-nuxt-payment-grid-module .empty-grid {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
}
.auau-nuxt-payment-grid-module .auau-nuxt-payment-grid-module__bug-package {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: var(--auau-800, #f8b818);
  text-decoration: none;
}
.auau-nuxt-payment-grid-module .auau-nuxt-payment-grid-module__policy {
  margin-top: 24px;
  line-height: normal;
}
.auau-nuxt-payment-grid-module .auau-nuxt-payment-grid-module__agreement {
  margin-top: 48px;
}
@media (max-width: 1127px) {
.auau-nuxt-payment-grid-module {
    padding-top: 24px;
}
.auau-nuxt-payment-grid-module .payment-grid-wrapper {
    margin-top: 24px;
}
.auau-nuxt-payment-grid-module .payment-submit {
    width: 100%;
}
}
.auau-nuxt-payment-categories .auau-nuxt-payment-categories__label {
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-payment-categories .auau-nuxt-payment-categories__label {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-payment-categories .auau-nuxt-radio-button-group {
  display: grid;
  grid-template-columns: repeat(auto-fill, 320px);
  gap: 24px;
}
.auau-nuxt-payment-categories .auau-nuxt-radio-button-group .auau-nuxt-radio-button {
  background: #ffffff;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.07);
  border-radius: 16px;
  padding: 16px 0px 16px 24px;
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr) max-content;
  align-items: center;
}
.auau-nuxt-payment-categories .auau-nuxt-radio-button-group .auau-nuxt-radio-button.radio-selected {
  border: var(--auau-800, #f8b818) solid 1px;
}
.auau-nuxt-payment-categories .auau-nuxt-payment-categories__radio-container {
  margin-left: 16px;
}
.auau-nuxt-payment-categories .auau-nuxt-payment-categories__radio-container .auau-nuxt-payment-categories__radio-amount {
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
}
@media (max-width: 767px) {
.auau-nuxt-payment-categories .auau-nuxt-payment-categories__radio-container .auau-nuxt-payment-categories__radio-amount {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-payment-categories .auau-nuxt-payment-categories__radio-container .auau-nuxt-payment-categories__radio-tag {
  width: max-content;
  margin-top: 4px;
  max-width: 75%;
  min-height: 0;
}
.auau-nuxt-payment-categories .auau-nuxt-payment-categories__radio-container .auau-nuxt-payment-categories__radio-tag-label {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
}
@media (max-width: 767px) {
.auau-nuxt-payment-categories .auau-nuxt-radio-button-group {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 16px;
}
.auau-nuxt-payment-categories .auau-nuxt-radio-button-group .auau-nuxt-radio-button {
    box-sizing: border-box;
    min-height: 88px;
}
}
.auau-nuxt-payment-page-module .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-payment-page-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-payment-page-module .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-payment-page-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-payment-page-module .auau-nuxt-payment-family-member-select {
  width: 100%;
}
.auau-nuxt-payment-page-module .auau-nuxt-payment-family-member-select,
.auau-nuxt-payment-page-module .auau-nuxt-payment-user-group,
.auau-nuxt-payment-page-module .auau-nuxt-payment-categories {
  margin-bottom: 48px;
}
.auau-nuxt-payment-page-module .auau-nuxt-payment-page-module__empty {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  margin-top: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-payment-page-module .auau-nuxt-payment-page-module__empty {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-payment-page-module .auau-nuxt-payment-categories {
    margin-bottom: 24px;
}
}
.auau-nuxt-payment-success-module {
  display: grid;
  justify-items: center;
}
.auau-nuxt-payment-success-module .auau-nuxt-payment-success-module__success-image img {
  width: 130px;
  height: 130px;
}
.auau-nuxt-payment-success-module .auau-nuxt-payment-success-module__label-bold {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  text-align: center;
  margin-top: 48px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
.auau-nuxt-payment-success-module .auau-nuxt-payment-success-module__label-bold {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
.auau-nuxt-payment-success-module .auau-nuxt-payment-success-module__label-secondary {
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  color: #949494;
  max-width: 650px;
  margin: 0 auto;
}
.auau-nuxt-payment-success-module .auau-nuxt-payment-success-module__button-group {
  display: grid;
  grid-template-columns: max-content max-content;
  margin-top: 48px;
  gap: 16px;
}
@media (max-width: 767px) {
.auau-nuxt-payment-success-module {
    padding-top: 48px;
}
.auau-nuxt-payment-success-module .auau-nuxt-payment-success-module__label-bold {
    margin-top: 24px;
}
.auau-nuxt-payment-success-module .auau-nuxt-payment-success-module__label-secondary {
    max-width: 100%;
}
.auau-nuxt-payment-success-module .auau-nuxt-payment-success-module__button-group {
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
}
}
.auau-nuxt-payment-fail-module {
  display: grid;
  justify-items: center;
}
.auau-nuxt-payment-fail-module .auau-nuxt-payment-fail-module__fail-image img {
  width: 130px;
  height: 130px;
}
.auau-nuxt-payment-fail-module .auau-nuxt-payment-fail-module__label-bold {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  text-align: center;
  margin-top: 48px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
.auau-nuxt-payment-fail-module .auau-nuxt-payment-fail-module__label-bold {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
.auau-nuxt-payment-fail-module .auau-nuxt-payment-fail-module__label-secondary {
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  color: #949494;
  text-align: center;
}
.auau-nuxt-payment-fail-module .auau-nuxt-payment-fail-module__button-group {
  margin-top: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-payment-fail-module {
    padding-top: 48px;
}
.auau-nuxt-payment-fail-module .auau-nuxt-payment-fail-module__label-bold {
    margin-top: 24px;
}
.auau-nuxt-payment-fail-module .auau-nuxt-button,
.auau-nuxt-payment-fail-module .auau-nuxt-payment-fail-module__button-group {
    width: 100%;
}
}
.auau-nuxt-policy-info-module .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-policy-info-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-policy-info-module .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-policy-info-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-policy-info-module .auau-nuxt-policy-info-module__detail-info {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  max-width: 682px;
}
@media (max-width: 1127px) {
.auau-nuxt-policy-info-module .auau-nuxt-policy-info-module__detail-info {
    max-width: 100%;
}
}
.auau-nuxt-popular-classes-module {
  padding: 48px 0;
}
.auau-nuxt-popular-classes-module .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-popular-classes-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-popular-classes-module .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-popular-classes-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-popular-classes-module:last-child {
  padding-bottom: 0;
}
.auau-nuxt-popular-classes-module:first-child {
  padding-top: 0;
}
.auau-nuxt-popular-classes-module .popular-classes-wrapper .auau-nuxt-class-card {
  margin-bottom: 48px;
}
.auau-nuxt-popular-classes-module .popular-classes-wrapper .auau-nuxt-class-card:last-child {
  margin-bottom: 0px;
}
@media (max-width: 1127px) {
.auau-nuxt-popular-classes-module {
    padding: 24px 0;
}
.auau-nuxt-popular-classes-module .popular-classes-wrapper .auau-nuxt-class-card {
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 33px;
    margin-bottom: 33px;
}
.auau-nuxt-popular-classes-module .popular-classes-wrapper .auau-nuxt-class-card:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
}
@media (max-width: 767px) {
.auau-nuxt-popular-classes-module .popular-classes-wrapper .auau-nuxt-class-card {
    padding-bottom: 10px;
    margin-bottom: 26px;
}
}
.auau-nuxt-course-long-card {
  display: flex;
  background: #ffffff;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.07);
  border-radius: 8px;
  height: 178px;
  min-width: 325px;
}
.auau-nuxt-course-long-card .auau-nuxt-course-long-card__cover-image {
  height: 100%;
}
.auau-nuxt-course-long-card .auau-nuxt-course-long-card__cover-image img {
  object-fit: cover;
  width: 268px;
  max-width: 268px;
  height: 100%;
  border-radius: 8px 0px 0px 8px;
}
.auau-nuxt-course-long-card .auau-nuxt-course-long-card__content {
  width: 100%;
  padding: 16px 24px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content max-content;
  grid-template-rows: max-content minmax(max-content, 1fr) max-content;
  grid-template-areas: "time time time" "name name name" "info remark actions";
}
.auau-nuxt-course-long-card .auau-nuxt-course-long-card__time {
  grid-area: time;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #d1d1d1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: center;
  white-space: pre-wrap;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-course-long-card .auau-nuxt-course-long-card__time {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-course-long-card .auau-nuxt-course-long-card__name {
  grid-area: name;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}
.auau-nuxt-course-long-card .auau-nuxt-course-long-card__info {
  grid-area: info;
}
.auau-nuxt-course-long-card .auau-nuxt-course-long-card__info .auau-nuxt-course-long-card__classes {
  padding-bottom: 4px;
}
.auau-nuxt-course-long-card .auau-nuxt-course-long-card__info .auau-nuxt-course-long-card__pricing {
  color: var(--auau-800, #f8b818);
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-course-long-card .auau-nuxt-course-long-card__info .auau-nuxt-course-long-card__pricing {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-course-long-card .auau-nuxt-course-long-card__remark {
  grid-area: remark;
  color: #dc3030;
  align-self: center;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-course-long-card .auau-nuxt-course-long-card__actions {
  grid-area: actions;
  align-self: flex-end;
  padding-left: 16px;
}
.auau-nuxt-course-long-card .auau-nuxt-course-long-card__staff .auau-nuxt-icon-label__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.auau-nuxt-popular-courses-module {
  padding: 48px 0;
}
.auau-nuxt-popular-courses-module .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-popular-courses-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-popular-courses-module .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-popular-courses-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-popular-courses-module:last-child {
  padding-bottom: 0;
}
.auau-nuxt-popular-courses-module:first-child {
  padding-top: 0;
}
.auau-nuxt-popular-courses-module .popular-courses-wrapper .auau-nuxt-popular-courses-module__card {
  margin-bottom: 48px;
}
.auau-nuxt-popular-courses-module .popular-courses-wrapper .auau-nuxt-popular-courses-module__card:last-child {
  margin-bottom: 0px;
}
@media (max-width: 1127px) {
.auau-nuxt-popular-courses-module {
    padding: 24px 0;
}
.auau-nuxt-popular-courses-module .popular-courses-wrapper .auau-nuxt-popular-courses-module__card {
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 33px;
    margin-bottom: 33px;
}
.auau-nuxt-popular-courses-module .popular-courses-wrapper .auau-nuxt-popular-courses-module__card:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
}
@media (max-width: 767px) {
.auau-nuxt-popular-courses-module .popular-courses-wrapper .auau-nuxt-popular-courses-module__card {
    padding-bottom: 10px;
    margin-bottom: 26px;
}
}

.auau-nuxt-service-course-detail-module {
  display: grid;
  grid-template-columns: 616px minmax(0, 1fr);
  gap: 0 48px;
  grid-template-rows: max-content max-content minmax(0, 1fr);
}
.auau-nuxt-service-course-detail-module .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-service-course-detail-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-service-course-detail-module .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-service-course-detail-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-service-course-detail-module .auau-nuxt-module-title {
  grid-area: 1/1/2/3;
}
.auau-nuxt-service-course-detail-module .auau-nuxt-service-course-detail-module__description {
  border-top: 1px solid #d1d1d1;
  padding-top: 48px;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
}
.auau-nuxt-service-course-detail-module .auau-nuxt-service-course-detail-module__button {
  margin-top: 48px;
  width: max-content;
  height: max-content;
}
.auau-nuxt-service-course-detail-module .auau-nuxt-service-course-detail-module__images {
  display: grid;
  gap: 16px;
  height: max-content;
}
.auau-nuxt-service-course-detail-module .auau-nuxt-image {
  filter: drop-shadow(0px 3px 15px rgba(0, 0, 0, 0.07));
}
.auau-nuxt-service-course-detail-module .auau-nuxt-image img {
  width: 100%;
  border-radius: 8px;
}
@media (max-width: 1127px) {
.auau-nuxt-service-course-detail-module {
    grid-template-columns: minmax(0, 1fr);
    position: relative;
    padding-top: 0px;
}
.auau-nuxt-service-course-detail-module .auau-nuxt-module-title {
    grid-area: unset;
}
.auau-nuxt-service-course-detail-module .auau-nuxt-service-course-detail-module__images {
    margin-top: 24px;
}
.auau-nuxt-service-course-detail-module .auau-nuxt-service-course-detail-module__description {
    padding-top: 24px;
}
.auau-nuxt-service-course-detail-module .auau-nuxt-service-course-detail-module__button {
    width: 100%;
    margin-top: 24px;
}
}
.auau-nuxt-service-grid-module {
  padding-top: 48px;
}
.auau-nuxt-service-grid-module .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-service-grid-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-service-grid-module .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-service-grid-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-service-grid-module .auau-nuxt-module-title {
  flex-direction: column;
  align-items: unset;
  justify-content: unset;
}
.auau-nuxt-service-grid-module .auau-nuxt-module-title .auau-nuxt-tab-links {
  width: 100%;
  margin-top: 8px;
}
.auau-nuxt-service-grid-module .auau-nuxt-service-grid-module__grid-wrapper {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: max-content;
  gap: 24px;
}
@media (max-width: 1127px) {
.auau-nuxt-service-grid-module {
    padding-top: 24px;
}
.auau-nuxt-service-grid-module .auau-nuxt-service-grid-module__grid-wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.auau-nuxt-service-grid-module .auau-nuxt-service-grid-module__grid-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.auau-nuxt-service-info-module {
  padding: 48px 0;
}
.auau-nuxt-service-info-module .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-service-info-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-service-info-module .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-service-info-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-service-info-module:first-child {
  padding-top: 0;
}
.auau-nuxt-service-info-module:last-child {
  padding-bottom: 0;
}
.auau-nuxt-service-info-module .auau-nuxt-service-info-module__detail-info {
  max-width: 632px;
}
@media (max-width: 1127px) {
.auau-nuxt-service-info-module {
    padding-top: 32px 0;
}
.auau-nuxt-service-info-module .auau-nuxt-service-info-module__detail-info {
    max-width: 100%;
}
}
@media (max-width: 767px) {
.auau-nuxt-service-info-module {
    padding-top: 24px 0;
}
}
.auau-nuxt-account-menu-grid-module .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-account-menu-grid-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-account-menu-grid-module .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-account-menu-grid-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-account-menu-grid-module .auau-nuxt-account-menu-grid-module__user-info {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 48px;
}
.auau-nuxt-account-menu-grid-module .auau-nuxt-account-menu-grid-module__user-info .auau-nuxt-account-menu-grid-module__user-info-right {
  display: flex;
  align-items: center;
  gap: 24px;
}
.auau-nuxt-account-menu-grid-module .auau-nuxt-account-menu-grid-module__user-name {
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
}
@media (max-width: 767px) {
.auau-nuxt-account-menu-grid-module .auau-nuxt-account-menu-grid-module__user-name {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-account-menu-grid-module .auau-nuxt-account-menu-grid-module__user-email {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
}
.auau-nuxt-account-menu-grid-module .auau-nuxt-account-menu-grid-module__info-item .auau-nuxt-account-menu-grid-module__info-item-label {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
}
.auau-nuxt-account-menu-grid-module .auau-nuxt-account-menu-grid-module__info-item .auau-nuxt-account-menu-grid-module__info-item-content {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #2d2d2d;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.auau-nuxt-account-menu-grid-module .auau-nuxt-account-menu-grid-module__grid-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
}
@media (max-width: 1127px) {
.auau-nuxt-account-menu-grid-module .auau-nuxt-account-menu-grid-module__user-info .auau-nuxt-account-menu-grid-module__user-info-right {
    flex-direction: column;
    align-items: start;
    gap: 4px;
}
.auau-nuxt-account-menu-grid-module .auau-nuxt-account-menu-grid-module__user-info .auau-nuxt-account-menu-grid-module__user-info-right .auau-nuxt-image,
.auau-nuxt-account-menu-grid-module .auau-nuxt-account-menu-grid-module__user-info .auau-nuxt-account-menu-grid-module__user-info-right .auau-nuxt-avatar {
    --size: 64px !important;
}
.auau-nuxt-account-menu-grid-module .auau-nuxt-account-menu-grid-module__grid-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 24px;
}
}
.auau-nuxt-qrcode-capture__modal .auau-nuxt-account-menu-grid-module__class-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
.auau-nuxt-qrcode-capture__modal .auau-nuxt-account-menu-grid-module__class-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
.auau-nuxt-qrcode-capture__modal .auau-nuxt-account-menu-grid-module__class-detail {
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr);
}
.auau-nuxt-qrcode-capture__modal .auau-nuxt-account-menu-grid-module__attend-family-label {
  padding-bottom: 8px;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
}
.auau-nuxt-qrcode-capture__modal .auau-nuxt-button-group {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
.auau-nuxt-qrcode-capture__modal .auau-nuxt-account-menu-grid-module__item .auau-nuxt-account-menu-grid-module__item-label {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
}
.auau-nuxt-qrcode-capture__modal .auau-nuxt-account-menu-grid-module__item .auau-nuxt-account-menu-grid-module__item-content {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #2d2d2d;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.auau-nuxt-qrcode-capture__modal .auau-nuxt-account-menu-grid-module__attend-button {
  margin-top: 8px;
}
.auau-nuxt-social-media-grid-module {
  padding: 48px 0;
}
.auau-nuxt-social-media-grid-module .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-social-media-grid-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-social-media-grid-module .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-social-media-grid-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-social-media-grid-module:last-child {
  padding-bottom: 0;
}
.auau-nuxt-social-media-grid-module .auau-nuxt-social-media-grid-module__grid-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 24px;
}
.auau-nuxt-social-media-grid-module .auau-nuxt-social-media-grid-module__card .auau-nuxt-social-media-grid-module__wapper {
  background-color: #d1d1d1;
  border-radius: 8px;
  height: 200px;
}
.auau-nuxt-social-media-grid-module .auau-nuxt-social-media-grid-module__card .auau-nuxt-social-media-grid-module__title {
  margin-top: 8px;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-social-media-grid-module .auau-nuxt-social-media-grid-module__card .auau-nuxt-social-media-grid-module__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-social-media-grid-module {
    padding: 24px 0;
}
.auau-nuxt-social-media-grid-module .auau-nuxt-social-media-grid-module__card .auau-nuxt-social-media-grid-module__wapper {
    height: 150px;
}
}
@media (max-width: 767px) {
.auau-nuxt-social-media-grid-module .auau-nuxt-social-media-grid-module__grid-wrapper {
    display: grid;
    grid-template-columns: 1fr;
}
}
.auau-nuxt-transaction-detail {
  position: relative;
  --max-width: 464px;
}
.auau-nuxt-transaction-detail .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-transaction-detail .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-transaction-detail .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-transaction-detail .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-transaction-detail .auau-nuxt-module-title {
  margin-bottom: 0px;
}
.auau-nuxt-transaction-detail .auau-nuxt-transaction-detail__info-wrapper {
  padding-bottom: 48px;
  padding-top: 24px;
  border-bottom: 1px solid #d1d1d1;
}
.auau-nuxt-transaction-detail .auau-nuxt-transaction-detail__info {
  align-items: flex-start;
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 8px 24px;
  max-width: var(--max-width);
  word-break: break-all;
}
.auau-nuxt-transaction-detail .auau-nuxt-transaction-detail__info .auau-nuxt-transaction-detail__info-label {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  color: #949494;
}
.auau-nuxt-transaction-detail .auau-nuxt-transaction-detail__info .auau-nuxt-transaction-detail__info-value {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-transaction-detail .auau-nuxt-transaction-detail__items-name {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
.auau-nuxt-transaction-detail .auau-nuxt-transaction-detail__items-name .auau-nuxt-icon {
  color: #dc3030;
}
.auau-nuxt-transaction-detail .auau-nuxt-transaction-detail__items-name > div {
  width: max-content;
}
.auau-nuxt-transaction-detail .auau-nuxt-transaction-detail__items-name a {
  display: flex;
  align-items: center;
  text-decoration: unset;
  color: var(--auau-800, #f8b818);
}
.auau-nuxt-transaction-detail .auau-nuxt-transaction-detail__payment {
  padding-top: 48px;
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: baseline;
  gap: 16px 24px;
  max-width: var(--max-width);
  word-break: break-all;
}
.auau-nuxt-transaction-detail .auau-nuxt-transaction-detail__payment .auau-nuxt-transaction-detail__payment-label {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  color: #949494;
}
.auau-nuxt-transaction-detail .auau-nuxt-transaction-detail__payment .auau-nuxt-transaction-detail__payment-value {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-transaction-detail .auau-nuxt-transaction-detail__payment .auau-nuxt-transaction-detail__payment-value {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-transaction-detail .auau-nuxt-transaction-detail__payment .auau-nuxt-transaction-detail__status {
  display: flex;
  align-items: center;
  align-self: center;
}
.auau-nuxt-transaction-detail .auau-nuxt-transaction-detail__payment .auau-nuxt-transaction-detail__status .ellipse {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--color);
}
.auau-nuxt-transaction-detail .auau-nuxt-transaction-detail__payment .auau-nuxt-transaction-detail__status > div {
  margin-left: 8px;
  color: var(--color);
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-transaction-detail .auau-nuxt-transaction-detail__payment .auau-nuxt-transaction-detail__status > div {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-transaction-detail .auau-nuxt-transaction-detail__receipt {
  margin-top: 48px;
  max-width: var(--max-width);
}
.auau-nuxt-transaction-detail .auau-nuxt-transaction-detail__receipt .auau-nuxt-transaction-detail__receipt-acition {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}
.auau-nuxt-transaction-detail .auau-nuxt-transaction-detail__receipt .auau-nuxt-transaction-detail__receipt-acition .auau-nuxt-transaction-detail__upload-limit {
  color: #949494;
}
.auau-nuxt-transaction-detail .auau-nuxt-transaction-detail__actions {
  margin-top: 16px;
  display: flex;
  gap: 16px;
}
@media (max-width: 767px) {
.auau-nuxt-transaction-detail .auau-nuxt-transaction-detail__info {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    padding-top: 24px;
    padding-bottom: 24px;
}
.auau-nuxt-transaction-detail .auau-nuxt-transaction-detail__info .auau-nuxt-transaction-detail__info-value {
    margin-bottom: 16px;
}
.auau-nuxt-transaction-detail .auau-nuxt-transaction-detail__info .auau-nuxt-transaction-detail__info-value:last-child {
    margin-bottom: 0px;
}
.auau-nuxt-transaction-detail .auau-nuxt-transaction-detail__payment {
    padding-top: 24px;
    grid-template-columns: minmax(0, 1fr);
    gap: 0px;
}
.auau-nuxt-transaction-detail .auau-nuxt-transaction-detail__payment .auau-nuxt-transaction-detail__payment-value {
    margin-bottom: 16px;
}
.auau-nuxt-transaction-detail .auau-nuxt-transaction-detail__payment .auau-nuxt-transaction-detail__payment-value:last-child {
    margin-bottom: 0;
}
.auau-nuxt-transaction-detail .auau-nuxt-transaction-detail__actions {
    display: flex;
    flex-direction: column;
}
}
.auau-nuxt-transaction-detail__modal-footer {
  display: flex;
  margin-top: 24px;
  justify-content: flex-end;
  gap: 16px;
}
.auau-nuxt-transaction-grid-module .auau-nuxt-transaction-grid-module__grid-wrapper {
  display: grid;
  grid-row-gap: 16px;
}
.auau-nuxt-transaction-page-header .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-transaction-page-header .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-transaction-page-header .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-transaction-page-header .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-transaction-page-header .auau-nuxt-module-title {
  display: flex;
  align-items: center;
}
.auau-nuxt-transaction-page-header .auau-nuxt-module-title .auau-nuxt-button {
  margin-left: auto;
}
.auau-nuxt-transaction-page-header .auau-nuxt-module-title .auau-nuxt-select {
  margin-left: 16px;
}
@media (max-width: 1127px) {
.auau-nuxt-transaction-page-header .auau-nuxt-module-title {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    align-items: center;
    gap: 24px 0;
}
.auau-nuxt-transaction-page-header .auau-nuxt-module-title .auau-nuxt-select {
    margin-left: 0;
    grid-area: 2/1/3/3;
}
}
@media (max-width: 767px) {
.auau-nuxt-transaction-page-header .auau-nuxt-module-title .auau-nuxt-button .icon-filter {
    margin-top: 6px;
}
}

.auau-nuxt-staff-grid-module {
  padding: 48px 0;
}
.auau-nuxt-staff-grid-module .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-staff-grid-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-staff-grid-module .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-staff-grid-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-staff-grid-module:first-child {
  padding-top: 0;
}
.auau-nuxt-staff-grid-module:last-child {
  padding-bottom: 0;
}
.auau-nuxt-staff-grid-module .auau-nuxt-staff-grid-module__grid-wrapper {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}
.auau-nuxt-staff-grid-module .auau-nuxt-staff-grid-module__card {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  grid-column-gap: 24px;
  grid-template-rows: auto auto;
  position: relative;
}
.auau-nuxt-staff-grid-module .auau-nuxt-staff-grid-module__card .auau-nuxt-staff-grid-module__avatar {
  grid-area: 1/1/3/2;
  margin: auto 0;
}
.auau-nuxt-staff-grid-module .auau-nuxt-staff-grid-module__card .auau-nuxt-staff-grid-module__name {
  grid-area: 1/2/2/3;
  align-self: end;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.auau-nuxt-staff-grid-module .auau-nuxt-staff-grid-module__card .auau-nuxt-staff-grid-module__job-title {
  grid-area: 2/2/3/3;
  color: #949494;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-staff-grid-module .auau-nuxt-staff-grid-module__card > a,
.auau-nuxt-staff-grid-module .auau-nuxt-staff-grid-module__card router-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.auau-nuxt-staff-grid-module .auau-nuxt-staff-grid-module__grid-show-more {
  margin-top: 48px;
  color: var(--auau-800, #f8b818);
  cursor: pointer;
}
@media (max-width: 1127px) {
.auau-nuxt-staff-grid-module {
    padding: 24px 0;
}
.auau-nuxt-staff-grid-module .auau-nuxt-staff-grid-module__grid-wrapper {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.auau-nuxt-staff-grid-module .auau-nuxt-staff-grid-module__grid-show-more {
    margin-top: 24px;
}
.auau-nuxt-staff-grid-module .auau-nuxt-avatar .auau-nuxt-avatar__image {
    --size: 100px !important;
}
}
@media (max-width: 767px) {
.auau-nuxt-staff-grid-module .auau-nuxt-staff-grid-module__grid-wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 16px 0;
}
.auau-nuxt-staff-grid-module .auau-nuxt-avatar .auau-nuxt-avatar__image {
    --size: 80px !important;
}
}
.auau-nuxt-staff-info-module {
  display: grid;
  justify-content: center;
  padding-bottom: 48px;
}
.auau-nuxt-staff-info-module .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-staff-info-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-staff-info-module .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-staff-info-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-staff-info-module .auau-nuxt-staff-info-module__avatar img {
  margin-left: auto;
  margin-right: auto;
}
.auau-nuxt-staff-info-module .auau-nuxt-staff-info-module__name {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  text-align: center;
  margin-top: 24px;
}
@media (max-width: 767px) {
.auau-nuxt-staff-info-module .auau-nuxt-staff-info-module__name {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
.auau-nuxt-staff-info-module .auau-nuxt-staff-info-module__title {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
  text-align: center;
  margin-top: 4px;
}
.auau-nuxt-staff-info-module .auau-nuxt-staff-info-module__introduction {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
  text-align: center;
  margin: 24px auto 0 auto;
  max-width: 800px;
}
.auau-nuxt-user-comment-module .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-user-comment-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-user-comment-module .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-user-comment-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-user-comment-module .auau-nuxt-user-comment-module__wrapper {
  display: grid;
  grid-template-columns: minmax(auto, 55%) minmax(400px, 45%);
  grid-template-rows: 80px auto;
}
.auau-nuxt-user-comment-module .auau-nuxt-user-comment-module__summary {
  grid-area: 1/1/2/2;
  align-items: center;
}
.auau-nuxt-user-comment-module .auau-nuxt-user-comment-module__user-comments {
  grid-area: 2/1/3/2;
}
.auau-nuxt-user-comment-module .auau-nuxt-user-comment-module__form {
  grid-area: 1/2/3/3;
}
.auau-nuxt-user-comment-module .auau-nuxt-user-comment-module__summary {
  display: grid;
  grid-template-columns: max-content max-content;
  grid-template-rows: auto auto;
}
.auau-nuxt-user-comment-module .auau-nuxt-user-comment-module__summary .auau-nuxt-user-comment-module__total-rating {
  grid-area: 1/1/2/3;
}
.auau-nuxt-user-comment-module .auau-nuxt-user-comment-module__total-rating .auau-nuxt-user-comment-module__rate {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-right: 5px;
}
@media (max-width: 767px) {
.auau-nuxt-user-comment-module .auau-nuxt-user-comment-module__total-rating .auau-nuxt-user-comment-module__rate {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
.auau-nuxt-user-comment-module .auau-nuxt-user-comment-module__total-rating .auau-nuxt-user-comment-module__label {
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
}
.auau-nuxt-user-comment-module .auau-nuxt-user-comment-module__total-comments {
  color: #949494;
  margin-left: 20px;
}
.auau-nuxt-user-comment-module .auau-nuxt-user-comment-module__user-comments {
  margin-top: 20px;
}
.auau-nuxt-user-comment-module .auau-nuxt-user-comment-module__user-comments .auau-nuxt-comment-card {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #d1d1d1;
}
.auau-nuxt-user-comment-module .auau-nuxt-user-comment-module__user-comments .auau-nuxt-user-comment-module__more-comments {
  margin-top: -20px;
}
.auau-nuxt-user-comment-module .auau-nuxt-user-comment-module__user-comments .auau-nuxt-user-comment-module__more-comments a {
  color: var(--auau-800, #f8b818);
  text-decoration: none;
}
@media (min-width: 1128px) {
.auau-nuxt-user-comment-module .auau-nuxt-user-comment-module__user-comments .auau-nuxt-comment-card {
    margin-right: 20px;
}
.auau-nuxt-user-comment-module .auau-nuxt-user-comment-module__form .auau-nuxt-comment-form {
    position: sticky;
    top: 10px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-user-comment-module .auau-nuxt-user-comment-module__wrapper {
    grid-template-columns: 100%;
    grid-template-rows: auto auto auto;
}
.auau-nuxt-user-comment-module .auau-nuxt-user-comment-module__summary {
    grid-area: 1/1/2/2;
}
.auau-nuxt-user-comment-module .auau-nuxt-user-comment-module__user-comments {
    grid-area: 2/1/3/2;
}
.auau-nuxt-user-comment-module .auau-nuxt-user-comment-module__form {
    grid-area: 3/1/4/2;
    margin-top: 20px;
}
}
@media (max-width: 767px) {
.auau-nuxt-user-comment-module .auau-nuxt-user-comment-module__form {
    border-top: 1px solid #d1d1d1;
    padding-top: 20px;
}
}

.auau-nuxt-user-course-header .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-user-course-header .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-user-course-header .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-user-course-header .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-user-course-header .auau-nuxt-user-course-header__wrapper {
  display: grid;
  align-items: center;
  grid-template-columns: minmax(0, 1fr) max-content max-content;
  gap: 0 24px;
}
@media (max-width: 1127px) {
.auau-nuxt-user-course-header .auau-nuxt-user-course-header__wrapper {
    grid-template-columns: minmax(0, 1fr) max-content;
    grid-template-rows: max-content max-content;
    gap: 24px 0;
}
.auau-nuxt-user-course-header .auau-nuxt-user-course-header__wrapper .auau-nuxt-user-course-header__history-button {
    width: auto;
    grid-area: 2/1/3/3;
    margin-left: 0px;
}
}
@media (max-width: 767px) {
.auau-nuxt-user-course-header .auau-nuxt-button .icon-filter {
    margin-top: 6px;
}
}
.auau-nuxt-user-course-grid-module .auau-nuxt-user-course-grid-module__grid-wrapper {
  display: grid;
  grid-row-gap: 16px;
}

.auau-nuxt-student-form {
  max-width: 624px;
}
.auau-nuxt-student-form .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-student-form .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-student-form .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-student-form .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-student-form .auau-nuxt-page-header {
  margin-bottom: 24px;
}
.auau-nuxt-student-form .auau-nuxt-student-form__section {
  margin-bottom: 16px;
  background: #ffffff;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.07);
  border-radius: 8px;
  padding: 24px;
}
.auau-nuxt-student-form .auau-nuxt-student-form__section .auau-nuxt-student-form__section-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  color: var(--auau-800, #f8b818);
  padding-bottom: 24px;
  border-bottom: 1px solid #d1d1d1;
}
@media (max-width: 767px) {
.auau-nuxt-student-form .auau-nuxt-student-form__section .auau-nuxt-student-form__section-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-student-form .auau-nuxt-student-form__section .auau-nuxt-student-form__section-wrapper {
  padding-top: 24px;
}
.auau-nuxt-student-form .auau-nuxt-student-form__section .auau-nuxt-student-form__section-wrapper.custom-fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
.auau-nuxt-student-form .auau-nuxt-student-form__section .auau-nuxt-student-form__section-wrapper .auau-nuxt-student-form__avatar-field {
  color: #2d2d2d;
}
.auau-nuxt-student-form .auau-nuxt-student-form__section .auau-nuxt-student-form__section-wrapper .auau-nuxt-text-field input,
.auau-nuxt-student-form .auau-nuxt-student-form__section .auau-nuxt-student-form__section-wrapper .auau-nuxt-select .multiselect__tags,
.auau-nuxt-student-form .auau-nuxt-student-form__section .auau-nuxt-student-form__section-wrapper .auau-nuxt-datepicker .auau-nuxt-datepicker__input-field,
.auau-nuxt-student-form .auau-nuxt-student-form__section .auau-nuxt-student-form__section-wrapper .auau-nuxt-checkbox .auau-nuxt-checkbox__checkbox-checkmark,
.auau-nuxt-student-form .auau-nuxt-student-form__section .auau-nuxt-student-form__section-wrapper .auau-nuxt-image-upload .filepond--drop-label,
.auau-nuxt-student-form .auau-nuxt-student-form__section .auau-nuxt-student-form__section-wrapper .auau-nuxt-custom-field,
.auau-nuxt-student-form .auau-nuxt-student-form__section .auau-nuxt-student-form__section-wrapper .auau-nuxt-multi-select,
.auau-nuxt-student-form .auau-nuxt-student-form__section .auau-nuxt-student-form__section-wrapper .multiselect,
.auau-nuxt-student-form .auau-nuxt-student-form__section .auau-nuxt-student-form__section-wrapper .multiselect__tags,
.auau-nuxt-student-form .auau-nuxt-student-form__section .auau-nuxt-student-form__section-wrapper .auau-nuxt-text-area {
  background-color: #ffffff;
}
.auau-nuxt-student-form .auau-nuxt-student-form__section .auau-nuxt-student-form__section-wrapper .auau-nuxt-student-form__telephone-field {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 8px 16px;
}
.auau-nuxt-student-form .auau-nuxt-student-form__section .auau-nuxt-student-form__section-wrapper .auau-nuxt-student-form__telephone-field .auau-nuxt-select {
  min-width: 85px;
}
.auau-nuxt-student-form .auau-nuxt-student-form__section .auau-nuxt-student-form__section-wrapper .auau-nuxt-student-form__user-info {
  display: grid;
  grid-template-columns: max-content max-content;
  gap: 24px 16px;
  align-items: center;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-student-form .auau-nuxt-student-form__section .auau-nuxt-student-form__section-wrapper > .auau-nuxt-field,
.auau-nuxt-student-form .auau-nuxt-student-form__section .auau-nuxt-student-form__section-wrapper .auau-nuxt-checkbox {
  margin-bottom: 24px;
}
.auau-nuxt-student-form .auau-nuxt-student-form__section .auau-nuxt-student-form__section-wrapper > .auau-nuxt-field:last-child,
.auau-nuxt-student-form .auau-nuxt-student-form__section .auau-nuxt-student-form__section-wrapper .auau-nuxt-checkbox:last-child {
  margin-bottom: 0;
}
.auau-nuxt-student-form .auau-nuxt-student-form__button-group {
  display: flex;
  gap: 16px;
  justify-content: flex-end;
  margin-top: 48px;
}
.auau-nuxt-student-form .custom-checkbox-container {
  margin-bottom: 24px;
}
.auau-nuxt-student-form .custom-checkbox-container:last-child {
  margin-bottom: 0px;
}
@media (max-width: 1127px) {
.auau-nuxt-student-form {
    max-width: 100%;
}
}
@media (max-width: 767px) {
.auau-nuxt-student-form .auau-nuxt-student-form__section {
    padding: 24px 16px;
}
.auau-nuxt-student-form .auau-nuxt-student-form__section .auau-nuxt-student-form__section-wrapper {
    margin-bottom: 16px;
}
.auau-nuxt-student-form .auau-nuxt-student-form__section .auau-nuxt-student-form__section-wrapper .auau-nuxt-student-form__telephone-field {
    grid-template-columns: 85px minmax(0, 1fr);
}
.auau-nuxt-student-form .auau-nuxt-student-form__section .auau-nuxt-student-form__section-wrapper .auau-nuxt-student-form__user-info {
    gap: 16px;
}
.auau-nuxt-student-form .auau-nuxt-student-form__button-group {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: flex-start;
    margin-top: 24px;
}
.auau-nuxt-student-form .auau-nuxt-student-form__button-group > * {
    width: 100%;
}
}
.auau-nuxt-user-package-detail-module .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-user-package-detail-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-user-package-detail-module .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-user-package-detail-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-user-package-detail-module .auau-nuxt-module-title {
  margin-bottom: 24px;
}
.auau-nuxt-user-package-detail-module .auau-nuxt-user-package-detail-module__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 0 16px;
  align-items: center;
  margin-bottom: 48px;
}
.auau-nuxt-user-package-detail-module .auau-nuxt-user-package-detail-module__info-label {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  color: #949494;
}
.auau-nuxt-user-package-detail-module .auau-nuxt-user-package-detail-module__info-value {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}
.auau-nuxt-user-package-detail-module .auau-nuxt-user-package-detail-module__info {
  align-items: center;
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 8px 24px;
}
.auau-nuxt-user-package-detail-module .auau-nuxt-user-package-detail-module__credit-label {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  margin-left: auto;
  color: #949494;
}
.auau-nuxt-user-package-detail-module .auau-nuxt-user-package-detail-module__credit-value {
  color: var(--auau-800, #f8b818);
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
}
@media (max-width: 767px) {
.auau-nuxt-user-package-detail-module .auau-nuxt-user-package-detail-module__credit-value {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
.auau-nuxt-user-package-detail-module .auau-nuxt-user-package-detail-module__credit {
  display: flex;
  flex-direction: column;
  margin-top: auto;
}
.auau-nuxt-user-package-detail-module .auau-nuxt-user-package-detail-module__grid-wrapper {
  margin-top: 24px;
  display: grid;
  gap: 16px;
}
.auau-nuxt-user-package-detail-module .auau-nuxt-user-package-detail-module__detail-info {
  display: grid;
  gap: 24px 0;
  margin-top: 24px;
  max-width: 688px;
}
.auau-nuxt-user-package-detail-module .auau-nuxt-user-package-detail-module__detail-info .auau-nuxt-user-package-detail-module__info-label {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  color: #949494;
}
.auau-nuxt-user-package-detail-module .auau-nuxt-user-package-detail-module__detail-info .auau-nuxt-user-package-detail-module__info-value {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #2d2d2d;
  white-space: pre-line;
}
@media (max-width: 767px) {
.auau-nuxt-user-package-detail-module {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px 0;
}
.auau-nuxt-user-package-detail-module .auau-nuxt-user-package-detail-module__header {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px 0px;
    margin-bottom: 24px;
}
.auau-nuxt-user-package-detail-module .auau-nuxt-user-package-detail-module__credit {
    flex-direction: row;
    align-items: baseline;
}
.auau-nuxt-user-package-detail-module .auau-nuxt-user-package-detail-module__credit-label {
    margin-left: 0;
    margin-right: 16px;
}
.auau-nuxt-user-package-detail-module .auau-nuxt-user-package-detail-module__detail-info {
    max-width: 100%;
}
.auau-nuxt-user-package-detail-module .auau-nuxt-tab-links .auau-nuxt-tab-links__header-items .ps {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.auau-nuxt-user-package-detail-module .auau-nuxt-tab-links .auau-nuxt-tab-links__header-items .ps .auau-nuxt-tab-links__header-item {
    text-align: center;
}
}
.auau-nuxt-user-package-grid-module .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-user-package-grid-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-user-package-grid-module .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-user-package-grid-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-user-package-grid-module .auau-nuxt-user-package-grid-module__package-grid-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.auau-nuxt-user-package-grid-module .auau-nuxt-user-package-grid-module__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1127px) {
.auau-nuxt-user-package-grid-module .auau-nuxt-user-package-grid-module__header {
    margin-bottom: 32px;
}
.auau-nuxt-user-package-grid-module .auau-nuxt-user-package-grid-module__package-grid-wrapper {
    grid-template-columns: 1fr;
    gap: 16px 0;
}
}
@media (max-width: 767px) {
.auau-nuxt-user-package-grid-module .auau-nuxt-user-package-grid-module__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
}
.auau-nuxt-user-package-grid-module .auau-nuxt-user-package-grid-module__header .auau-button {
    width: 100%;
}
}
.auau-nuxt-user-schedule-module .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-user-schedule-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-user-schedule-module .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-user-schedule-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-user-schedule-module .auau-nuxt-user-schedule-module__header {
  display: flex;
  align-items: center;
  margin-bottom: 56px;
}
.auau-nuxt-user-schedule-module .auau-nuxt-user-schedule-module__header > .auau-nuxt-responsive {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr) max-content;
  align-items: center;
  width: 100%;
}
.auau-nuxt-user-schedule-module .auau-nuxt-user-schedule-module__header .auau-nuxt-module-title {
  margin: 0;
}
.auau-nuxt-user-schedule-module .auau-nuxt-user-schedule-module__header .auau-nuxt-user-schedule-module__calendar-icon {
  color: var(--auau-800, #f8b818);
  margin-left: 24px;
}
.auau-nuxt-user-schedule-module .auau-nuxt-user-schedule-module__header .auau-nuxt-user-schedule-module__filter-button {
  margin-left: auto;
}
.auau-nuxt-user-schedule-module .auau-nuxt-user-schedule-module__header .auau-nuxt-user-schedule-module__tabs {
  margin-left: 24px;
}
.auau-nuxt-user-schedule-module .auau-nuxt-datepicker-button .auau-nuxt-datepicker-button__calendar-button {
  --size: 24px !important;
  margin-right: 26px;
}
.auau-nuxt-user-schedule-module .auau-nuxt-datepicker-button .auau-nuxt-datepicker-button__chevron-button {
  --size: 22px !important;
}
.auau-nuxt-user-schedule-module .auau-nuxt-datepicker-button .auau-nuxt-datepicker-button__date-label {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  margin: -2px 12px 0 12px;
}
@media (max-width: 767px) {
.auau-nuxt-user-schedule-module .auau-nuxt-datepicker-button .auau-nuxt-datepicker-button__date-label {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-video-module {
  padding: 48px 0;
}
.auau-nuxt-video-module .auau-nuxt-module-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40.5px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
.auau-nuxt-video-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
}
@media (max-width: 1127px) {
.auau-nuxt-video-module .auau-nuxt-module-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
}
}
@media (max-width: 1127px) and (max-width: 767px) {
.auau-nuxt-video-module .auau-nuxt-module-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-video-module:first-child {
  padding-top: 0;
}
.auau-nuxt-video-module:last-child {
  padding-bottom: 0;
}
.auau-nuxt-video-module .auau-nuxt-video-module__wrapper {
  display: grid;
  padding: 0 48px;
}
.auau-nuxt-video-module .auau-nuxt-video-module__vedio-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.auau-nuxt-video-module .auau-nuxt-video-module__vedio-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.auau-nuxt-video-module .auau-nuxt-video-module__ellipse-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
.auau-nuxt-video-module .auau-nuxt-video-module__ellipse {
  width: 14px;
  height: 14px;
  background-color: #d1d1d1;
  border-radius: 50%;
  display: inline-block;
  margin-left: 24px;
}
.auau-nuxt-video-module .auau-nuxt-video-module__ellipse:first-child {
  margin-left: 0;
}
.auau-nuxt-video-module .auau-nuxt-video-module__ellipse.active {
  background-color: #2d2d2d;
}
@media (max-width: 1127px) {
.auau-nuxt-video-module {
    padding-top: 24px 0;
}
.auau-nuxt-video-module .auau-nuxt-video-module__wrapper {
    padding: 0 16px;
}
}
.auau-nuxt-booking-service-grid-module {
  display: grid;
  gap: 16px 24px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding-bottom: 60px;
  padding-top: 24px;
}
.auau-nuxt-booking-service-grid-module.include-image {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1127px) {
.auau-nuxt-booking-service-grid-module.include-image {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}
}
@media (max-width: 767px) {
.auau-nuxt-booking-service-grid-module.include-image {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.auau-nuxt-multi-class-booking__service-card-grid[data-v-05038334] {
  display: grid;
  gap: 16px 24px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding-bottom: 60px;
  padding-top: 24px;
}
.auau-nuxt-multi-class-booking__service-card-grid.include-image[data-v-05038334] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.auau-nuxt-multi-class-booking__service-card-grid.include-image .auau-nuxt-multi-class-booking__service-card .auau-nuxt-multi-class-booking__service-card-content[data-v-05038334] {
  margin: 16px;
  text-align: start;
}
@media (max-width: 1127px) {
.auau-nuxt-multi-class-booking__service-card-grid.include-image[data-v-05038334] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}
}
@media (max-width: 767px) {
.auau-nuxt-multi-class-booking__service-card-grid[data-v-05038334] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
}
.auau-nuxt-multi-class-booking__service-card-grid .auau-nuxt-multi-class-booking__service-card[data-v-05038334] {
  overflow: hidden;
  align-items: flex-start;
  cursor: pointer;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  height: 100%;
  align-content: center;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.auau-nuxt-multi-class-booking__service-card-grid .auau-nuxt-multi-class-booking__service-card.selected[data-v-05038334] {
  outline: 2px solid var(--auau-800, #f8b818);
}
.auau-nuxt-multi-class-booking__service-card-grid .auau-nuxt-multi-class-booking__service-card .auau-nuxt-multi-class-booking__service-card-content[data-v-05038334] {
  margin: 24px;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  align-items: center;
  align-self: center;
}
@media (max-width: 767px) {
.auau-nuxt-multi-class-booking__service-card-grid .auau-nuxt-multi-class-booking__service-card .auau-nuxt-multi-class-booking__service-card-content[data-v-05038334] {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-booking-family-grid-module {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  padding-top: 24px;
  padding-bottom: 48px;
}
@media (max-width: 1127px) {
.auau-nuxt-booking-family-grid-module {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
}
@media (max-width: 767px) {
.auau-nuxt-booking-family-grid-module {
    grid-template-columns: auto;
}
}
.multi-class-schedule-module[data-v-1f2b92c5] {
  padding-bottom: 64px;
  min-height: 480px;
}
.multi-class-schedule-module .multi-class-schedule-module__loader[data-v-1f2b92c5] {
  margin-top: 48px;
}
.multi-class-schedule-module .multi-class-schedule-module__message[data-v-1f2b92c5] {
  margin: 16px 0;
}
.multi-class-schedule-module .schedule-divider[data-v-1f2b92c5] {
  margin: 24px 0px;
  border-bottom: 1px solid #d1d1d1;
}
@media (max-width: 767px) {
.multi-class-schedule-module .schedule-divider[data-v-1f2b92c5] {
    display: none;
}
}
.multi-class-schedule-module[data-v-1f2b92c5]:first-child {
  padding-top: 0;
}
.multi-class-schedule-module .multi-class-schedule-module-subheader__action[data-v-1f2b92c5] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 24px;
  margin-bottom: 8px;
}
.multi-class-schedule-module .multi-class-schedule-module-header[data-v-1f2b92c5] {
  display: flex;
  align-items: center;
  padding-bottom: 24px;
  gap: 24px;
}
@media (max-width: 767px) {
.multi-class-schedule-module .multi-class-schedule-module-header[data-v-1f2b92c5] {
    flex-direction: column;
    align-items: flex-start;
}
}
.multi-class-schedule-module .multi-class-schedule-module-header .multi-class-schedule-module-header__mobile-tab-links[data-v-1f2b92c5] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.multi-class-schedule-module .multi-class-schedule-module-header .multi-class-schedule-module-header__title[data-v-1f2b92c5] {
  display: flex;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
  font-size: 15px;
  align-items: center;
  flex-shrink: 0;
}
.multi-class-schedule-module .multi-class-schedule-module-header .multi-class-schedule-module-header__title .multi-class-schedule-module-header__title-date-picker[data-v-1f2b92c5] {
  margin-left: 4px;
}
.multi-class-schedule-module .multi-class-schedule-module-header .multi-class-schedule-module-header__action[data-v-1f2b92c5] {
  display: flex;
  align-items: center;
  gap: 24px;
  width: 100%;
  justify-content: flex-end;
}
.multi-class-schedule-module .multi-class-schedule-module-header .multi-class-schedule-module-header__action .multi-class-schedule-module-header__show-available-switch[data-v-1f2b92c5] {
  color: #949494;
}
.multi-class-schedule-module .multi-class-schedule-module-header[data-v-1f2b92c5] .ps {
  background-color: #fafafc;
  border-radius: 40px;
  width: max-content;
}
.multi-class-schedule-module .multi-class-schedule-module-header .multi-class-schedule-module-header__action-price-type[data-v-1f2b92c5] {
  width: max-content;
}
.multi-class-schedule-module .multi-class-schedule-module-header .multi-class-schedule-module-header__action-price-type[data-v-1f2b92c5] .auau-nuxt-tab-links__header-item {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  align-content: center;
}
.multi-class-schedule-module .multi-class-schedule-module-header .multi-class-schedule-module-header__action-price-type[data-v-1f2b92c5] .auau-nuxt-tab-links__header-item:not(.selected) {
  color: #2d2d2d;
}
.multi-class-schedule-module .multi-class-schedule-module-header .multi-class-schedule-module-header__action-selected-count[data-v-1f2b92c5] {
  font-size: 15px;
  color: #dc3030;
}
.multi-class-schedule-module .multi-class-schedule-module-header__week-bar-wrapper[data-v-1f2b92c5] {
  display: flex;
  align-items: center;
  gap: 24px;
}
.multi-class-schedule-module .multi-class-schedule-module-header__week-bar-wrapper .auau-nuxt-week-bar[data-v-1f2b92c5] {
  flex-grow: 1;
  padding-bottom: 0;
}
.multi-class-schedule-module .multi-class-schedule-module__header-wrapper[data-v-1f2b92c5] {
  width: 100%;
  display: grid;
  z-index: 1;
}
.multi-class-schedule-module .multi-class-schedule-module__sticky-wrapper.has-shadow[data-v-1f2b92c5] {
  position: sticky;
  top: var(--header-offset, 72px);
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.07);
  background: rgba(255, 255, 255, 0.93);
  width: auto;
  margin: 0 calc((var(--padding) + var(--margin)) * -1);
  padding: 16px calc(var(--padding) + var(--margin));
}
.multi-class-schedule-module .multi-class-schedule-module__sticky-wrapper.has-shadow .multi-class-schedule-module-header[data-v-1f2b92c5] {
  display: none;
}
@media (max-width: 767px) {
.multi-class-schedule-module .multi-class-schedule-module__sticky-wrapper.has-shadow .multi-class-schedule-module-header[data-v-1f2b92c5] {
    display: flex;
}
}
.multi-class-schedule-module .multi-class-schedule-module__body[data-v-1f2b92c5] {
  min-height: 550px;
}
.multi-class-schedule-module .multi-class-schedule-module__grid-wrapper[data-v-1f2b92c5] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 24px;
  gap: 24px;
  margin-left: 14px;
}
@media (max-width: 1127px) {
.multi-class-schedule-module[data-v-1f2b92c5] {
    padding-top: 24px;
}
.multi-class-schedule-module .multi-class-schedule-module__sticky-wrapper.has-shadow[data-v-1f2b92c5] {
    top: var(--header-offset, 55px);
}
}
@media (max-width: 767px) {
.multi-class-schedule-module .multi-class-schedule-module__grid-wrapper[data-v-1f2b92c5] {
    grid-template-columns: minmax(0, 1fr);
    padding: 0;
    padding-bottom: 88px;
}
}
.multi-class-schedule-module__day-bar[data-v-1f2b92c5] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.confirm-module[data-v-24b414ef] {
  padding-top: 24px;
  padding-bottom: 144px;
}
.confirm-module .confirm-module__bottom-part[data-v-24b414ef] {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  margin-top: 48px;
}
@media (max-width: 767px) {
.confirm-module .confirm-module__bottom-part[data-v-24b414ef] {
    flex-direction: column;
    margin-top: 24px;
    gap: 24px;
}
}
.confirm-module .confirm-module__bottom-part .confirm-module__remark[data-v-24b414ef] {
  max-width: 480px;
}
@media (max-width: 767px) {
.confirm-module .confirm-module__bottom-part .confirm-module__remark[data-v-24b414ef] {
    max-width: 100%;
}
}
.confirm-module .confirm-module__bottom-part .confirm-module__bottom-part-right[data-v-24b414ef] {
  display: flex;
  flex-direction: column;
  gap: 48px;
  margin-left: auto;
}
@media (max-width: 767px) {
.confirm-module .confirm-module__bottom-part .confirm-module__bottom-part-right[data-v-24b414ef] {
    margin-left: 0;
    align-items: center;
}
}
.confirm-module .confirm-module__bottom-part .confirm-module__bottom-part-right .confirm-module__price[data-v-24b414ef] {
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-template-rows: max-content 1fr;
  gap: 16px;
  align-items: center;
}
@media (max-width: 767px) {
.confirm-module .confirm-module__bottom-part .confirm-module__bottom-part-right .confirm-module__price[data-v-24b414ef] {
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
}
}
@media (max-width: 767px) {
.confirm-module .confirm-module__bottom-part .confirm-module__bottom-part-right .confirm-module__price .confirm-module__price-type-title[data-v-24b414ef] {
    margin-bottom: 4px;
}
}
@media (max-width: 767px) {
.confirm-module .confirm-module__bottom-part .confirm-module__bottom-part-right .confirm-module__price .confirm-module__price-type-tab[data-v-24b414ef] {
    margin-bottom: 24px;
}
}
.confirm-module .confirm-module__bottom-part .confirm-module__bottom-part-right .confirm-module__price .confirm-module__price-type-title[data-v-24b414ef],
.confirm-module .confirm-module__bottom-part .confirm-module__bottom-part-right .confirm-module__price .confirm-module__price-total-title[data-v-24b414ef] {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #949494;
  font-weight: 500;
}
.confirm-module .confirm-module__bottom-part .confirm-module__bottom-part-right .confirm-module__price .confirm-module__price-total-title[data-v-24b414ef] {
  align-self: flex-end;
}
@media (max-width: 767px) {
.confirm-module .confirm-module__bottom-part .confirm-module__bottom-part-right .confirm-module__price .confirm-module__price-total-title[data-v-24b414ef] {
    align-self: flex-start;
    margin-bottom: 4px;
}
}
.confirm-module .confirm-module__bottom-part .confirm-module__bottom-part-right .confirm-module__price .confirm-module__price-total-value[data-v-24b414ef] {
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
}
@media (max-width: 767px) {
.confirm-module .confirm-module__bottom-part .confirm-module__bottom-part-right .confirm-module__price .confirm-module__price-total-value[data-v-24b414ef] {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.confirm-module .confirm-module__bottom-part .confirm-module__bottom-part-right .confirm-module__price[data-v-24b414ef] .ps {
  background-color: #fafafc;
  border-radius: 40px;
  width: max-content;
}
.confirm-module .confirm-module__bottom-part .confirm-module__bottom-part-right .confirm-module__price[data-v-24b414ef] .auau-nuxt-tab-links__header-item {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  display: flex;
  align-items: center;
  background: transparent;
  border-radius: 40px;
}
.confirm-module .confirm-module__bottom-part .confirm-module__bottom-part-right .confirm-module__price[data-v-24b414ef] .auau-nuxt-tab-links__header-item:not(.selected) {
  background-color: #fafafc;
  color: #2d2d2d;
}
.confirm-module .confirm-module__bottom-part .confirm-module__bottom-part-right .confirm-module__price[data-v-24b414ef] .auau-nuxt-tab-links__header-item.selected {
  background-color: var(--auau-800, #f8b818);
  color: #ffffff;
}
.confirm-module .confirm-module__bottom-part .confirm-module__bottom-part-right .auau-nuxt-button[data-v-24b414ef] {
  width: 100%;
}
.auau-nuxt-multi-class-booking .index-divider {
  display: none;
  margin: 24px 0px;
  border-bottom: 1px solid #d1d1d1;
}
@media (max-width: 767px) {
.auau-nuxt-multi-class-booking .index-divider {
    display: block;
}
}
.auau-nuxt-multi-class-booking .auau-nuxt-multi-class-booking__header {
  font-size: 24px;
  font-weight: 700;
  line-height: 34.75px;
}
@media (max-width: 767px) {
.auau-nuxt-multi-class-booking .auau-nuxt-multi-class-booking__header {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
}
.auau-nuxt-multi-class-booking .auau-nuxt-multi-class-booking__subheader {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  justify-content: space-between;
  padding-top: 24px;
  color: #949494;
  gap: 24px;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
@media (max-width: 767px) {
.auau-nuxt-multi-class-booking .auau-nuxt-multi-class-booking__subheader {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
}
.auau-nuxt-multi-class-booking .auau-nuxt-multi-class-booking__subheader > span {
  word-break: break-word;
}
.auau-nuxt-multi-class-booking .auau-nuxt-multi-class-booking__subheader-action {
  display: flex;
  gap: 16px;
}
@media (max-width: 767px) {
.auau-nuxt-multi-class-booking .auau-nuxt-multi-class-booking__subheader-action {
    padding: 24px;
}
.auau-nuxt-multi-class-booking .auau-nuxt-multi-class-booking__subheader-action > .auau-nuxt-button {
    width: 100%;
}
}
.auau-nuxt-multi-class-booking .auau-nuxt-multi-class-booking__subheader-mobile-action-wrapper {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  z-index: 10;
}
@media (max-width: 767px) {
.auau-nuxt-multi-class-booking .auau-nuxt-multi-class-booking__subheader {
    padding-top: 0;
}
}
.auau-nuxt-multi-class-booking .auau-nuxt-multi-class-booking__loader {
  padding-top: 92px;
}