.profile-html-body [id^="section-"] {
  scroll-margin-top: 4rem;
}

.profile-nav {
  box-sizing: border-box;
}

.profile-nav *,
.profile-nav *::before,
.profile-nav *::after {
  box-sizing: border-box;
}

.profile-nav-item {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  padding: 0.625rem 1rem;
  color: var(--profile-primary-on-surface-fg, var(--profile-nav-accent));
  text-decoration: none;
  white-space: nowrap;
  border: 1px solid rgb(0 0 0 / 0%);
  border-radius: 5rem;
  background-color: rgb(0 0 0 / 0%);
  box-sizing: border-box;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
  font-family: inherit;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
}

.profile-nav-item:is(a, button) {
  cursor: pointer;
}

.profile-nav-item:focus-visible {
  outline: 2px dashed var(--profile-button-bg, var(--profile-nav-accent));
  outline-offset: 2px;
}

.profile-nav-item--authoring-focus,
.profile-nav-item--active {
  font-weight: 600;
}

.profile-nav--sticky-bar {
  position: sticky;
  top: 0;
  z-index: 30;
  width: 100%;
  background: var(--profile-nav-bg);
  color: var(--profile-nav-text);
  border-bottom: 1px solid color-mix(in srgb, var(--profile-nav-text) 12%, transparent);
}

.profile-nav--sticky-bar .profile-nav-list {
  display: flex;
  gap: 0.25rem;
  margin: 0;
  padding: 0.25rem 0.75rem;
  list-style: none;
  overflow-x: auto;
  scrollbar-width: thin;
}

.profile-nav--sticky-bar .profile-nav-list-item {
  flex: 0 0 auto;
}

.profile-nav--sticky-bar .profile-nav-item {
  max-width: 12rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

.profile-nav--section-tabs .profile-nav-item--active::after {
  content: none;
}

.profile-nav-viewport-layer {
  position: sticky;
  top: 1rem;
  z-index: 40;
  width: 100%;
  height: 0;
  overflow: visible;
  pointer-events: none;
}

.profile-nav--menu-button {
  position: absolute;
  top: 0;
  z-index: 40;
  padding: 0;
  width: auto;
  pointer-events: none;
}

.profile-nav--menu-button.profile-nav--menu-right {
  right: 1rem;
  left: auto;
}

.profile-nav--menu-button.profile-nav--menu-left {
  left: 1rem;
  right: auto;
}

.profile-nav--menu-button .profile-nav-trigger,
.profile-nav--menu-button .profile-nav-backdrop,
.profile-nav--menu-button .profile-nav-drawer {
  pointer-events: auto;
}

.profile-nav-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.75rem;
  min-height: 2.75rem;
  padding: 0.375rem;
  border: 2px solid rgb(0 0 0 / 0%);
  box-sizing: border-box;
  cursor: pointer;
  line-height: 0;
  overflow: visible;
  color: var(--profile-nav-icon-color, inherit);
}

.profile-nav-trigger .profile-nav-trigger__icon {
  display: inline-flex;
  width: 1.5rem;
  height: 1.5rem;
  align-items: center;
  justify-content: center;
  overflow: visible;
  line-height: 1;
}

.profile-nav-trigger .profile-nav-trigger__icon svg {
  width: 1.5rem;
  height: 1.5rem;
  transform: scale(1.82);
  transform-origin: center;
}

.profile-nav-trigger:focus-visible {
  outline: 2px solid var(--profile-button-bg);
  outline-offset: 2px;
}

.profile-nav-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: color-mix(in srgb, var(--profile-nav-text) 50%, transparent);
}

.profile-nav-backdrop[hidden] {
  display: none;
}

.profile-preview-scroll-root {
  position: relative;
}

.profile-preview-scroll-root .profile-nav--menu-button.profile-nav--open {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.profile-preview-scroll-root .profile-nav--menu-button.profile-nav--open.profile-nav--menu-right {
  right: 0;
  left: 0;
}

.profile-preview-scroll-root .profile-nav--menu-button.profile-nav--open.profile-nav--menu-left {
  left: 0;
  right: 0;
}

.profile-preview-scroll-root .profile-nav--menu-button.profile-nav--open .profile-nav-trigger {
  position: absolute;
  top: 0;
  pointer-events: auto;
}

.profile-preview-scroll-root
  .profile-nav--menu-button.profile-nav--open.profile-nav--menu-right
  .profile-nav-trigger {
  right: 1rem;
  left: auto;
}

.profile-preview-scroll-root
  .profile-nav--menu-button.profile-nav--open.profile-nav--menu-left
  .profile-nav-trigger {
  left: 1rem;
  right: auto;
}

.profile-preview-scroll-root .profile-nav-backdrop {
  position: absolute;
  inset: 0;
}

.profile-preview-scroll-root .profile-nav-drawer {
  position: absolute;
  top: 0;
  bottom: 0;
}

.profile-nav-drawer {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 1001;
  width: min(20rem, 85vw);
  display: flex;
  flex-direction: column;
  background: var(--profile-nav-bg);
  color: var(--profile-nav-text);
  box-shadow: 0 0 2rem color-mix(in srgb, var(--profile-nav-text) 28%, transparent);
  overflow-y: auto;
}

.profile-nav-drawer[hidden] {
  display: none;
}

.profile-nav--menu-right .profile-nav-drawer {
  right: 0;
}

.profile-nav--menu-left .profile-nav-drawer {
  left: 0;
}

.profile-nav-drawer-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 2.75rem;
  min-height: 2.75rem;
  border: none;
  background: rgb(0 0 0 / 0%);
  color: var(--profile-primary-on-surface-fg, var(--profile-nav-accent));
  cursor: pointer;
  font-size: 1.1rem;
}

.profile-nav-drawer-close .profile-nav-drawer-close__icon {
  display: inline-flex;
  width: 2.1875rem;
  height: 2.1875rem;
  align-items: center;
  justify-content: center;
  color: inherit;
}

.profile-nav-drawer-close .profile-nav-drawer-close__icon svg {
  width: 2.1875rem;
  height: 2.1875rem;
}

.profile-nav-drawer-close:focus-visible {
  outline: 2px solid var(--profile-nav-accent);
  outline-offset: 2px;
}

.profile-nav-drawer-list {
  list-style: none;
  margin: 0;
  padding: 0.25rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.profile-nav-drawer-list > li {
  display: flex;
  padding: 0;
  margin: 0;
  cursor: default;
  background-color: rgb(0 0 0 / 0%);
}

.profile-nav-drawer-list > li:hover {
  background-color: rgb(0 0 0 / 0%);
}

.profile-nav-drawer-list-heading {
  align-items: center;
  justify-content: space-between;
  gap: 0.25rem;
  margin-bottom: 0.125rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid color-mix(in srgb, var(--profile-nav-text) 12%, transparent);
}

.profile-nav-drawer-title {
  cursor: default;
}

.profile-nav-drawer-item {
  display: inline-flex;
  align-items: center;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
  cursor: pointer;
}

[dir="rtl"] .profile-nav--menu-right {
  right: auto;
  left: 0;
}

[dir="rtl"] .profile-nav--menu-left {
  left: auto;
  right: 0;
}

[dir="rtl"] .profile-nav--menu-right .profile-nav-drawer {
  right: auto;
  left: 0;
}

[dir="rtl"] .profile-nav--menu-left .profile-nav-drawer {
  left: auto;
  right: 0;
}

@media (prefers-reduced-motion: reduce) {
  .profile-nav-item {
    transition: none;
  }

  .profile-nav-trigger .profile-nav-trigger__icon svg {
    transform: none;
  }
}

.profile-preview-scroll-root:not([data-button-style="filled"])
  .profile-nav--menu-button[data-profile-nav-icon-custom="true"]
  .profile-nav-trigger
  .icon,
.profile-preview-scroll-root:not([data-button-style="filled"])
  .profile-nav--menu-button[data-profile-nav-icon-custom="true"]
  .profile-nav-trigger
  .profile-nav-trigger__icon,
.profile-preview-scroll-root:not([data-button-style="filled"])
  .profile-nav--menu-button[data-profile-nav-icon-custom="true"]
  .profile-nav-trigger
  .profile-nav-trigger__icon
  svg,
.profile-html-document:not([data-button-style="filled"])
  .profile-nav--menu-button[data-profile-nav-icon-custom="true"]
  .profile-nav-trigger
  .icon,
.profile-html-document:not([data-button-style="filled"])
  .profile-nav--menu-button[data-profile-nav-icon-custom="true"]
  .profile-nav-trigger
  .profile-nav-trigger__icon,
.profile-html-document:not([data-button-style="filled"])
  .profile-nav--menu-button[data-profile-nav-icon-custom="true"]
  .profile-nav-trigger
  .profile-nav-trigger__icon
  svg {
  color: var(--profile-nav-icon-color) !important;
}

.profile-preview-scroll-root[data-preview-theme="1"] .profile-nav-item {
  border-radius: 5rem;
}

.profile-preview-scroll-root[data-preview-theme="1"] .profile-nav-trigger {
  border-radius: 0.75rem;
}

.profile-preview-scroll-root[data-preview-theme="2"] .profile-nav-trigger,
.profile-preview-scroll-root[data-preview-theme="2"] .profile-nav-item {
  border-radius: 0.5rem;
}

.media.media--full-bleed > .relative,
[data-media-carousel-slide] > .relative {
  position: relative;
  display: block;
  width: 100%;
}

.cropped-image-expand-btn {
  position: absolute;
  z-index: 2;
  inset-block-end: 0.5rem;
  inset-inline-end: 0.5rem;
  display: inline-flex;
  min-width: 2.75rem;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  padding: 0.35rem;
  border: 1px solid hsl(0deg 0% 100% / 45%);
  border-radius: 0.375rem;
  color: #fff;
  background-color: hsl(222deg 47% 11% / 72%);
  font-size: 1rem;
  line-height: 1;
  cursor: pointer;
}

.cropped-image-expand-btn:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.cropped-image-expand-btn--embedded {
  inset-block-end: 0.35rem;
  inset-inline-end: 0.35rem;
}

.profile-html-document[data-button-style="filled"] #cta,
.profile-html-document[data-button-style="filled"] #share,
.profile-html-document[data-button-style="filled"] #show-qr,
.profile-html-document[data-button-style="filled"] #hours-booking-action,
.profile-html-document[data-button-style="filled"] .doc-dl--button-mode .document-download-btn,
.profile-html-document[data-button-style="filled"] .action-btn:not(.sec-btn) a,
.profile-html-document[data-button-style="filled"] .profile-nav-trigger,
body[data-button-style="filled"] #cta,
body[data-button-style="filled"] #share,
body[data-button-style="filled"] #show-qr,
body[data-button-style="filled"] #hours-booking-action,
body[data-button-style="filled"] .doc-dl--button-mode .document-download-btn,
body[data-button-style="filled"] .action-btn:not(.sec-btn) a,
body[data-button-style="filled"] .profile-nav-trigger,
.profile-preview-scroll-root[data-button-style="filled"] #cta,
.profile-preview-scroll-root[data-button-style="filled"] #share,
.profile-preview-scroll-root[data-button-style="filled"] #show-qr,
.profile-preview-scroll-root[data-button-style="filled"] #hours-booking-action,
.profile-preview-scroll-root[data-button-style="filled"]
  .doc-dl--button-mode
  .document-download-btn,
.profile-preview-scroll-root[data-button-style="filled"] .action-btn:not(.sec-btn) a,
.profile-preview-scroll-root[data-button-style="filled"] .profile-nav-trigger {
  background-color: var(--profile-button-bg);
  color: var(--profile-button-fg);
}

.profile-html-document[data-button-style="filled"] #cta .icon,
.profile-html-document[data-button-style="filled"] #cta .icon svg,
.profile-html-document[data-button-style="filled"] #share .icon,
.profile-html-document[data-button-style="filled"] #share .icon svg,
.profile-html-document[data-button-style="filled"] #show-qr .icon,
.profile-html-document[data-button-style="filled"] #show-qr .icon svg,
.profile-html-document[data-button-style="filled"] #hours-booking-action .icon,
.profile-html-document[data-button-style="filled"] #hours-booking-action .icon svg,
.profile-html-document[data-button-style="filled"]
  .doc-dl--button-mode
  .document-download-btn__icon,
.profile-html-document[data-button-style="filled"] .action-btn:not(.sec-btn) .icon,
.profile-html-document[data-button-style="filled"] .action-btn:not(.sec-btn) .icon svg,
.profile-html-document[data-button-style="filled"] .profile-nav-trigger .profile-nav-trigger__icon,
.profile-html-document[data-button-style="filled"]
  .profile-nav-trigger
  .profile-nav-trigger__icon
  svg,
.profile-html-document[data-button-style="filled"] .profile-nav-trigger .icon,
body[data-button-style="filled"] #cta .icon,
body[data-button-style="filled"] #cta .icon svg,
body[data-button-style="filled"] #share .icon,
body[data-button-style="filled"] #share .icon svg,
body[data-button-style="filled"] #show-qr .icon,
body[data-button-style="filled"] #show-qr .icon svg,
body[data-button-style="filled"] #hours-booking-action .icon,
body[data-button-style="filled"] #hours-booking-action .icon svg,
body[data-button-style="filled"] .doc-dl--button-mode .document-download-btn__icon,
body[data-button-style="filled"] .action-btn:not(.sec-btn) .icon,
body[data-button-style="filled"] .action-btn:not(.sec-btn) .icon svg,
body[data-button-style="filled"] .profile-nav-trigger .profile-nav-trigger__icon,
body[data-button-style="filled"] .profile-nav-trigger .profile-nav-trigger__icon svg,
body[data-button-style="filled"] .profile-nav-trigger .icon,
.profile-preview-scroll-root[data-button-style="filled"] #cta .icon,
.profile-preview-scroll-root[data-button-style="filled"] #cta .icon svg,
.profile-preview-scroll-root[data-button-style="filled"] #share .icon,
.profile-preview-scroll-root[data-button-style="filled"] #share .icon svg,
.profile-preview-scroll-root[data-button-style="filled"] #show-qr .icon,
.profile-preview-scroll-root[data-button-style="filled"] #show-qr .icon svg,
.profile-preview-scroll-root[data-button-style="filled"] #hours-booking-action .icon,
.profile-preview-scroll-root[data-button-style="filled"] #hours-booking-action .icon svg,
.profile-preview-scroll-root[data-button-style="filled"]
  .doc-dl--button-mode
  .document-download-btn__icon,
.profile-preview-scroll-root[data-button-style="filled"] .action-btn:not(.sec-btn) .icon,
.profile-preview-scroll-root[data-button-style="filled"] .action-btn:not(.sec-btn) .icon svg,
.profile-preview-scroll-root[data-button-style="filled"]
  .profile-nav-trigger
  .profile-nav-trigger__icon,
.profile-preview-scroll-root[data-button-style="filled"]
  .profile-nav-trigger
  .profile-nav-trigger__icon
  svg,
.profile-preview-scroll-root[data-button-style="filled"] .profile-nav-trigger .icon {
  color: var(--profile-button-fg) !important;
}

.profile-html-document[data-button-style="filled"] .profile-nav-item,
body[data-button-style="filled"] .profile-nav-item,
.profile-preview-scroll-root[data-button-style="filled"] .profile-nav-item {
  color: var(--profile-button-bg);
}

.profile-html-document[data-button-style="filled"]
  a.profile-nav-item:is(:hover, .profile-nav-item--active, .profile-nav-item--authoring-focus),
body[data-button-style="filled"]
  a.profile-nav-item:is(:hover, .profile-nav-item--active, .profile-nav-item--authoring-focus),
.profile-preview-scroll-root[data-button-style="filled"]
  a.profile-nav-item:is(:hover, .profile-nav-item--active, .profile-nav-item--authoring-focus) {
  background-color: var(--profile-button-bg);
  color: var(--profile-button-fg);
}

.profile-html-document[data-button-style="filled"] .action-btn.sec-btn a,
body[data-button-style="filled"] .action-btn.sec-btn a,
.profile-preview-scroll-root[data-button-style="filled"] .action-btn.sec-btn a {
  background: var(--action-color, var(--profile-button-bg));
  color: var(--profile-buttons-fg, var(--profile-button-fg));
}

.profile-html-document[data-button-style="outline"] #cta,
.profile-html-document[data-button-style="outline"] #share,
.profile-html-document[data-button-style="outline"] #show-qr,
.profile-html-document[data-button-style="outline"] #hours-booking-action,
.profile-html-document[data-button-style="outline"] .doc-dl--button-mode .document-download-btn,
.profile-html-document[data-button-style="outline"] .action-btn:not(.sec-btn) a,
.profile-html-document[data-button-style="outline"] .profile-nav-trigger,
body[data-button-style="outline"] #cta,
body[data-button-style="outline"] #share,
body[data-button-style="outline"] #show-qr,
body[data-button-style="outline"] #hours-booking-action,
body[data-button-style="outline"] .doc-dl--button-mode .document-download-btn,
body[data-button-style="outline"] .action-btn:not(.sec-btn) a,
body[data-button-style="outline"] .profile-nav-trigger,
.profile-preview-scroll-root[data-button-style="outline"] #cta,
.profile-preview-scroll-root[data-button-style="outline"] #share,
.profile-preview-scroll-root[data-button-style="outline"] #show-qr,
.profile-preview-scroll-root[data-button-style="outline"] #hours-booking-action,
.profile-preview-scroll-root[data-button-style="outline"]
  .doc-dl--button-mode
  .document-download-btn,
.profile-preview-scroll-root[data-button-style="outline"] .action-btn:not(.sec-btn) a,
.profile-preview-scroll-root[data-button-style="outline"] .profile-nav-trigger {
  background-color: rgb(0 0 0 / 0%);
  border: 2px solid var(--profile-button-bg);
  box-sizing: border-box;
}

.profile-html-document[data-button-style="outline"] #cta,
.profile-html-document[data-button-style="outline"] #share,
.profile-html-document[data-button-style="outline"] #show-qr,
.profile-html-document[data-button-style="outline"] #hours-booking-action,
.profile-html-document[data-button-style="outline"] .doc-dl--button-mode .document-download-btn,
.profile-html-document[data-button-style="outline"] .action-btn:not(.sec-btn) a,
.profile-html-document[data-button-style="outline"] .profile-nav-trigger,
.profile-html-document[data-button-style="outline"] .profile-nav-item,
body[data-button-style="outline"] #cta,
body[data-button-style="outline"] #share,
body[data-button-style="outline"] #show-qr,
body[data-button-style="outline"] #hours-booking-action,
body[data-button-style="outline"] .doc-dl--button-mode .document-download-btn,
body[data-button-style="outline"] .action-btn:not(.sec-btn) a,
body[data-button-style="outline"] .profile-nav-trigger,
body[data-button-style="outline"] .profile-nav-item,
.profile-preview-scroll-root[data-button-style="outline"] #cta,
.profile-preview-scroll-root[data-button-style="outline"] #share,
.profile-preview-scroll-root[data-button-style="outline"] #show-qr,
.profile-preview-scroll-root[data-button-style="outline"] #hours-booking-action,
.profile-preview-scroll-root[data-button-style="outline"]
  .doc-dl--button-mode
  .document-download-btn,
.profile-preview-scroll-root[data-button-style="outline"] .action-btn:not(.sec-btn) a,
.profile-preview-scroll-root[data-button-style="outline"] .profile-nav-trigger,
.profile-preview-scroll-root[data-button-style="outline"] .profile-nav-item {
  color: var(--profile-primary-on-surface-fg, var(--profile-button-bg));
}

.profile-html-document[data-button-style="outline"] #cta .icon,
.profile-html-document[data-button-style="outline"] #cta .icon svg,
.profile-html-document[data-button-style="outline"] #share .icon,
.profile-html-document[data-button-style="outline"] #share .icon svg,
.profile-html-document[data-button-style="outline"] #show-qr .icon,
.profile-html-document[data-button-style="outline"] #show-qr .icon svg,
.profile-html-document[data-button-style="outline"] #hours-booking-action .icon,
.profile-html-document[data-button-style="outline"] #hours-booking-action .icon svg,
.profile-html-document[data-button-style="outline"]
  .doc-dl--button-mode
  .document-download-btn__icon,
.profile-html-document[data-button-style="outline"] .action-btn:not(.sec-btn) .icon,
.profile-html-document[data-button-style="outline"] .action-btn:not(.sec-btn) .icon svg,
.profile-html-document[data-button-style="outline"] .profile-nav-trigger .profile-nav-trigger__icon,
.profile-html-document[data-button-style="outline"]
  .profile-nav-trigger
  .profile-nav-trigger__icon
  svg,
body[data-button-style="outline"] #cta .icon,
body[data-button-style="outline"] #cta .icon svg,
body[data-button-style="outline"] #share .icon,
body[data-button-style="outline"] #share .icon svg,
body[data-button-style="outline"] #show-qr .icon,
body[data-button-style="outline"] #show-qr .icon svg,
body[data-button-style="outline"] #hours-booking-action .icon,
body[data-button-style="outline"] #hours-booking-action .icon svg,
body[data-button-style="outline"] .doc-dl--button-mode .document-download-btn__icon,
body[data-button-style="outline"] .action-btn:not(.sec-btn) .icon,
body[data-button-style="outline"] .action-btn:not(.sec-btn) .icon svg,
body[data-button-style="outline"] .profile-nav-trigger .profile-nav-trigger__icon,
body[data-button-style="outline"] .profile-nav-trigger .profile-nav-trigger__icon svg,
.profile-preview-scroll-root[data-button-style="outline"] #cta .icon,
.profile-preview-scroll-root[data-button-style="outline"] #cta .icon svg,
.profile-preview-scroll-root[data-button-style="outline"] #share .icon,
.profile-preview-scroll-root[data-button-style="outline"] #share .icon svg,
.profile-preview-scroll-root[data-button-style="outline"] #show-qr .icon,
.profile-preview-scroll-root[data-button-style="outline"] #show-qr .icon svg,
.profile-preview-scroll-root[data-button-style="outline"] #hours-booking-action .icon,
.profile-preview-scroll-root[data-button-style="outline"] #hours-booking-action .icon svg,
.profile-preview-scroll-root[data-button-style="outline"]
  .doc-dl--button-mode
  .document-download-btn__icon,
.profile-preview-scroll-root[data-button-style="outline"] .action-btn:not(.sec-btn) .icon,
.profile-preview-scroll-root[data-button-style="outline"] .action-btn:not(.sec-btn) .icon svg,
.profile-preview-scroll-root[data-button-style="outline"]
  .profile-nav-trigger
  .profile-nav-trigger__icon,
.profile-preview-scroll-root[data-button-style="outline"]
  .profile-nav-trigger
  .profile-nav-trigger__icon
  svg {
  color: var(
    --profile-nav-icon-color,
    var(--profile-primary-on-surface-fg, var(--profile-button-bg))
  );
}

.profile-html-document[data-button-style="outline"]
  a.profile-nav-item:is(:hover, .profile-nav-item--active, .profile-nav-item--authoring-focus),
body[data-button-style="outline"]
  a.profile-nav-item:is(:hover, .profile-nav-item--active, .profile-nav-item--authoring-focus),
.profile-preview-scroll-root[data-button-style="outline"]
  a.profile-nav-item:is(:hover, .profile-nav-item--active, .profile-nav-item--authoring-focus) {
  background-color: rgb(0 0 0 / 0%);
  border: 2px solid var(--profile-button-bg);
  color: var(--profile-primary-on-surface-fg, var(--profile-button-bg));
  box-sizing: border-box;
}

.profile-html-document[data-button-style="outline"] .action-btn.sec-btn a,
body[data-button-style="outline"] .action-btn.sec-btn a,
.profile-preview-scroll-root[data-button-style="outline"] .action-btn.sec-btn a {
  background-color: var(--action-color, var(--profile-button-bg));
  border: 2px solid var(--action-color, var(--profile-button-bg));
  color: var(--profile-buttons-fg, var(--profile-button-fg));
  box-sizing: border-box;
}

.profile-html-document[data-button-style="flat"] #cta,
.profile-html-document[data-button-style="flat"] #share,
.profile-html-document[data-button-style="flat"] #show-qr,
.profile-html-document[data-button-style="flat"] #hours-booking-action,
.profile-html-document[data-button-style="flat"] .doc-dl--button-mode .document-download-btn,
.profile-html-document[data-button-style="flat"] .action-btn:not(.sec-btn) a,
.profile-html-document[data-button-style="flat"] .profile-nav-trigger,
body[data-button-style="flat"] #cta,
body[data-button-style="flat"] #share,
body[data-button-style="flat"] #show-qr,
body[data-button-style="flat"] #hours-booking-action,
body[data-button-style="flat"] .doc-dl--button-mode .document-download-btn,
body[data-button-style="flat"] .action-btn:not(.sec-btn) a,
body[data-button-style="flat"] .profile-nav-trigger,
.profile-preview-scroll-root[data-button-style="flat"] #cta,
.profile-preview-scroll-root[data-button-style="flat"] #share,
.profile-preview-scroll-root[data-button-style="flat"] #show-qr,
.profile-preview-scroll-root[data-button-style="flat"] #hours-booking-action,
.profile-preview-scroll-root[data-button-style="flat"] .doc-dl--button-mode .document-download-btn,
.profile-preview-scroll-root[data-button-style="flat"] .action-btn:not(.sec-btn) a,
.profile-preview-scroll-root[data-button-style="flat"] .profile-nav-trigger {
  background-color: rgb(0 0 0 / 0%);
  border-color: rgb(0 0 0 / 0%);
}

.profile-html-document[data-button-style="flat"] #cta,
.profile-html-document[data-button-style="flat"] #share,
.profile-html-document[data-button-style="flat"] #show-qr,
.profile-html-document[data-button-style="flat"] #hours-booking-action,
.profile-html-document[data-button-style="flat"] .doc-dl--button-mode .document-download-btn,
.profile-html-document[data-button-style="flat"] .action-btn:not(.sec-btn) a,
.profile-html-document[data-button-style="flat"] .profile-nav-trigger,
.profile-html-document[data-button-style="flat"] .profile-nav-item,
body[data-button-style="flat"] #cta,
body[data-button-style="flat"] #share,
body[data-button-style="flat"] #show-qr,
body[data-button-style="flat"] #hours-booking-action,
body[data-button-style="flat"] .doc-dl--button-mode .document-download-btn,
body[data-button-style="flat"] .action-btn:not(.sec-btn) a,
body[data-button-style="flat"] .profile-nav-trigger,
body[data-button-style="flat"] .profile-nav-item,
.profile-preview-scroll-root[data-button-style="flat"] #cta,
.profile-preview-scroll-root[data-button-style="flat"] #share,
.profile-preview-scroll-root[data-button-style="flat"] #show-qr,
.profile-preview-scroll-root[data-button-style="flat"] #hours-booking-action,
.profile-preview-scroll-root[data-button-style="flat"] .doc-dl--button-mode .document-download-btn,
.profile-preview-scroll-root[data-button-style="flat"] .action-btn:not(.sec-btn) a,
.profile-preview-scroll-root[data-button-style="flat"] .profile-nav-trigger,
.profile-preview-scroll-root[data-button-style="flat"] .profile-nav-item {
  color: var(--profile-primary-on-surface-fg, var(--profile-button-bg));
}

.profile-html-document[data-button-style="flat"] #cta .icon,
.profile-html-document[data-button-style="flat"] #cta .icon svg,
.profile-html-document[data-button-style="flat"] #share .icon,
.profile-html-document[data-button-style="flat"] #share .icon svg,
.profile-html-document[data-button-style="flat"] #show-qr .icon,
.profile-html-document[data-button-style="flat"] #show-qr .icon svg,
.profile-html-document[data-button-style="flat"] #hours-booking-action .icon,
.profile-html-document[data-button-style="flat"] #hours-booking-action .icon svg,
.profile-html-document[data-button-style="flat"] .doc-dl--button-mode .document-download-btn__icon,
.profile-html-document[data-button-style="flat"] .action-btn:not(.sec-btn) .icon,
.profile-html-document[data-button-style="flat"] .action-btn:not(.sec-btn) .icon svg,
.profile-html-document[data-button-style="flat"] .profile-nav-trigger .profile-nav-trigger__icon,
.profile-html-document[data-button-style="flat"]
  .profile-nav-trigger
  .profile-nav-trigger__icon
  svg,
body[data-button-style="flat"] #cta .icon,
body[data-button-style="flat"] #cta .icon svg,
body[data-button-style="flat"] #share .icon,
body[data-button-style="flat"] #share .icon svg,
body[data-button-style="flat"] #show-qr .icon,
body[data-button-style="flat"] #show-qr .icon svg,
body[data-button-style="flat"] #hours-booking-action .icon,
body[data-button-style="flat"] #hours-booking-action .icon svg,
body[data-button-style="flat"] .doc-dl--button-mode .document-download-btn__icon,
body[data-button-style="flat"] .action-btn:not(.sec-btn) .icon,
body[data-button-style="flat"] .action-btn:not(.sec-btn) .icon svg,
body[data-button-style="flat"] .profile-nav-trigger .profile-nav-trigger__icon,
body[data-button-style="flat"] .profile-nav-trigger .profile-nav-trigger__icon svg,
.profile-preview-scroll-root[data-button-style="flat"] #cta .icon,
.profile-preview-scroll-root[data-button-style="flat"] #cta .icon svg,
.profile-preview-scroll-root[data-button-style="flat"] #share .icon,
.profile-preview-scroll-root[data-button-style="flat"] #share .icon svg,
.profile-preview-scroll-root[data-button-style="flat"] #show-qr .icon,
.profile-preview-scroll-root[data-button-style="flat"] #show-qr .icon svg,
.profile-preview-scroll-root[data-button-style="flat"] #hours-booking-action .icon,
.profile-preview-scroll-root[data-button-style="flat"] #hours-booking-action .icon svg,
.profile-preview-scroll-root[data-button-style="flat"]
  .doc-dl--button-mode
  .document-download-btn__icon,
.profile-preview-scroll-root[data-button-style="flat"] .action-btn:not(.sec-btn) .icon,
.profile-preview-scroll-root[data-button-style="flat"] .action-btn:not(.sec-btn) .icon svg,
.profile-preview-scroll-root[data-button-style="flat"]
  .profile-nav-trigger
  .profile-nav-trigger__icon,
.profile-preview-scroll-root[data-button-style="flat"]
  .profile-nav-trigger
  .profile-nav-trigger__icon
  svg {
  color: var(
    --profile-nav-icon-color,
    var(--profile-primary-on-surface-fg, var(--profile-button-bg))
  );
}

.profile-html-document[data-button-style="flat"]
  a.profile-nav-item:is(:hover, .profile-nav-item--active, .profile-nav-item--authoring-focus),
body[data-button-style="flat"]
  a.profile-nav-item:is(:hover, .profile-nav-item--active, .profile-nav-item--authoring-focus),
.profile-preview-scroll-root[data-button-style="flat"]
  a.profile-nav-item:is(:hover, .profile-nav-item--active, .profile-nav-item--authoring-focus) {
  background-color: rgb(0 0 0 / 0%);
  border-color: rgb(0 0 0 / 0%);
  color: var(--profile-primary-on-surface-fg, var(--profile-button-bg));
}

.profile-html-document[data-button-style="flat"] .action-btn.sec-btn a,
body[data-button-style="flat"] .action-btn.sec-btn a,
.profile-preview-scroll-root[data-button-style="flat"] .action-btn.sec-btn a {
  background-color: var(--action-color, var(--profile-button-bg));
}

.profile-html-document[data-button-style="soft"] #cta,
.profile-html-document[data-button-style="soft"] #share,
.profile-html-document[data-button-style="soft"] #show-qr,
.profile-html-document[data-button-style="soft"] #hours-booking-action,
.profile-html-document[data-button-style="soft"] .doc-dl--button-mode .document-download-btn,
.profile-html-document[data-button-style="soft"] .action-btn:not(.sec-btn) a,
.profile-html-document[data-button-style="soft"] .profile-nav-trigger,
body[data-button-style="soft"] #cta,
body[data-button-style="soft"] #share,
body[data-button-style="soft"] #show-qr,
body[data-button-style="soft"] #hours-booking-action,
body[data-button-style="soft"] .doc-dl--button-mode .document-download-btn,
body[data-button-style="soft"] .action-btn:not(.sec-btn) a,
body[data-button-style="soft"] .profile-nav-trigger,
.profile-preview-scroll-root[data-button-style="soft"] #cta,
.profile-preview-scroll-root[data-button-style="soft"] #share,
.profile-preview-scroll-root[data-button-style="soft"] #show-qr,
.profile-preview-scroll-root[data-button-style="soft"] #hours-booking-action,
.profile-preview-scroll-root[data-button-style="soft"] .doc-dl--button-mode .document-download-btn,
.profile-preview-scroll-root[data-button-style="soft"] .action-btn:not(.sec-btn) a,
.profile-preview-scroll-root[data-button-style="soft"] .profile-nav-trigger {
  border: 1px solid
    var(--profile-button-soft-border, color-mix(in srgb, var(--profile-button-bg) 35%, transparent));
  background-color: var(
    --profile-button-soft-bg,
    color-mix(in srgb, var(--profile-button-bg) 15%, transparent)
  );
  box-sizing: border-box;
}

.profile-html-document[data-button-style="soft"] #cta,
.profile-html-document[data-button-style="soft"] #share,
.profile-html-document[data-button-style="soft"] #show-qr,
.profile-html-document[data-button-style="soft"] #hours-booking-action,
.profile-html-document[data-button-style="soft"] .doc-dl--button-mode .document-download-btn,
.profile-html-document[data-button-style="soft"] .action-btn:not(.sec-btn) a,
.profile-html-document[data-button-style="soft"] .profile-nav-trigger,
.profile-html-document[data-button-style="soft"] .profile-nav-item,
body[data-button-style="soft"] #cta,
body[data-button-style="soft"] #share,
body[data-button-style="soft"] #show-qr,
body[data-button-style="soft"] #hours-booking-action,
body[data-button-style="soft"] .doc-dl--button-mode .document-download-btn,
body[data-button-style="soft"] .action-btn:not(.sec-btn) a,
body[data-button-style="soft"] .profile-nav-trigger,
body[data-button-style="soft"] .profile-nav-item,
.profile-preview-scroll-root[data-button-style="soft"] #cta,
.profile-preview-scroll-root[data-button-style="soft"] #share,
.profile-preview-scroll-root[data-button-style="soft"] #show-qr,
.profile-preview-scroll-root[data-button-style="soft"] #hours-booking-action,
.profile-preview-scroll-root[data-button-style="soft"] .doc-dl--button-mode .document-download-btn,
.profile-preview-scroll-root[data-button-style="soft"] .action-btn:not(.sec-btn) a,
.profile-preview-scroll-root[data-button-style="soft"] .profile-nav-trigger,
.profile-preview-scroll-root[data-button-style="soft"] .profile-nav-item {
  color: var(--profile-primary-on-surface-fg, var(--profile-button-bg));
}

.profile-html-document[data-button-style="soft"] #cta .icon,
.profile-html-document[data-button-style="soft"] #cta .icon svg,
.profile-html-document[data-button-style="soft"] #share .icon,
.profile-html-document[data-button-style="soft"] #share .icon svg,
.profile-html-document[data-button-style="soft"] #show-qr .icon,
.profile-html-document[data-button-style="soft"] #show-qr .icon svg,
.profile-html-document[data-button-style="soft"] #hours-booking-action .icon,
.profile-html-document[data-button-style="soft"] #hours-booking-action .icon svg,
.profile-html-document[data-button-style="soft"] .doc-dl--button-mode .document-download-btn__icon,
.profile-html-document[data-button-style="soft"] .action-btn:not(.sec-btn) .icon,
.profile-html-document[data-button-style="soft"] .action-btn:not(.sec-btn) .icon svg,
.profile-html-document[data-button-style="soft"] .profile-nav-trigger .profile-nav-trigger__icon,
.profile-html-document[data-button-style="soft"]
  .profile-nav-trigger
  .profile-nav-trigger__icon
  svg,
body[data-button-style="soft"] #cta .icon,
body[data-button-style="soft"] #cta .icon svg,
body[data-button-style="soft"] #share .icon,
body[data-button-style="soft"] #share .icon svg,
body[data-button-style="soft"] #show-qr .icon,
body[data-button-style="soft"] #show-qr .icon svg,
body[data-button-style="soft"] #hours-booking-action .icon,
body[data-button-style="soft"] #hours-booking-action .icon svg,
body[data-button-style="soft"] .doc-dl--button-mode .document-download-btn__icon,
body[data-button-style="soft"] .action-btn:not(.sec-btn) .icon,
body[data-button-style="soft"] .action-btn:not(.sec-btn) .icon svg,
body[data-button-style="soft"] .profile-nav-trigger .profile-nav-trigger__icon,
body[data-button-style="soft"] .profile-nav-trigger .profile-nav-trigger__icon svg,
.profile-preview-scroll-root[data-button-style="soft"] #cta .icon,
.profile-preview-scroll-root[data-button-style="soft"] #cta .icon svg,
.profile-preview-scroll-root[data-button-style="soft"] #share .icon,
.profile-preview-scroll-root[data-button-style="soft"] #share .icon svg,
.profile-preview-scroll-root[data-button-style="soft"] #show-qr .icon,
.profile-preview-scroll-root[data-button-style="soft"] #show-qr .icon svg,
.profile-preview-scroll-root[data-button-style="soft"] #hours-booking-action .icon,
.profile-preview-scroll-root[data-button-style="soft"] #hours-booking-action .icon svg,
.profile-preview-scroll-root[data-button-style="soft"]
  .doc-dl--button-mode
  .document-download-btn__icon,
.profile-preview-scroll-root[data-button-style="soft"] .action-btn:not(.sec-btn) .icon,
.profile-preview-scroll-root[data-button-style="soft"] .action-btn:not(.sec-btn) .icon svg,
.profile-preview-scroll-root[data-button-style="soft"]
  .profile-nav-trigger
  .profile-nav-trigger__icon,
.profile-preview-scroll-root[data-button-style="soft"]
  .profile-nav-trigger
  .profile-nav-trigger__icon
  svg {
  color: var(
    --profile-nav-icon-color,
    var(--profile-primary-on-surface-fg, var(--profile-button-bg))
  );
}

.profile-html-document[data-button-style="soft"]
  a.profile-nav-item:is(:hover, .profile-nav-item--active, .profile-nav-item--authoring-focus),
body[data-button-style="soft"]
  a.profile-nav-item:is(:hover, .profile-nav-item--active, .profile-nav-item--authoring-focus),
.profile-preview-scroll-root[data-button-style="soft"]
  a.profile-nav-item:is(:hover, .profile-nav-item--active, .profile-nav-item--authoring-focus) {
  border: 1px solid
    var(--profile-button-soft-border, color-mix(in srgb, var(--profile-button-bg) 35%, transparent));
  background-color: var(
    --profile-button-soft-bg,
    color-mix(in srgb, var(--profile-button-bg) 15%, transparent)
  );
  color: var(--profile-primary-on-surface-fg, var(--profile-button-bg));
  box-sizing: border-box;
}

.profile-html-document[data-button-style="soft"] .action-btn.sec-btn a,
body[data-button-style="soft"] .action-btn.sec-btn a,
.profile-preview-scroll-root[data-button-style="soft"] .action-btn.sec-btn a {
  border: 1px solid var(--action-color, var(--profile-button-bg));
  background-color: var(--action-color, var(--profile-button-bg));
  color: var(--profile-buttons-fg, var(--profile-button-fg));
  box-sizing: border-box;
}

.testimonial-reviewer-header {
  width: 100%;
  min-width: 0;
}

.testimonial-reviewer-header__name-row {
  position: relative;
  width: 100%;
  min-height: 2.5rem;
}

.testimonial-reviewer-header__avatar {
  position: absolute;
  inset-inline-start: 0;
  top: 50%;
  z-index: 1;
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
  transform: translateY(-50%);
}

.testimonial-reviewer-header__avatar .profile-progressive-image,
.testimonial-reviewer-header__avatar .profile-progressive-image--avatar {
  display: block;
  width: 100%;
  height: 100%;
}

.testimonial-reviewer-header__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.testimonial-reviewer-header__name-row > .testimonial-reviewer-name {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.5rem;
  max-width: 100%;
  margin: 0;
  text-align: center;
  overflow-wrap: anywhere;
}

.testimonial-reviewer-header__date {
  width: 100%;
  margin: 0;
  margin-top: 0.125rem;
  text-align: center;
}

.profile-card > header > .flex.items-center.gap-3 {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
}

.profile-card > header > .flex.items-center.gap-3 > img,
.profile-card > header > .flex.items-center.gap-3 > [id^="testimonial-reviewer-"],
.profile-card > header > .flex.items-center.gap-3 > .profile-progressive-image--avatar {
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  z-index: 1;
  width: 2.5rem;
  height: 2.5rem;
  margin: 0;
}

.profile-card > header > .flex.items-center.gap-3 > .flex-1,
.profile-card > header > .flex.items-center.gap-3 > .min-w-0.flex-1 {
  width: 100%;
  flex: none;
  min-width: 0;
  text-align: center;
}

.profile-card > header > .flex.items-center.gap-3 > .flex-1 > .testimonial-reviewer-name,
.profile-card > header > .flex.items-center.gap-3 > .flex-1 > p.testimonial-reviewer-name,
.profile-card > header > .flex.items-center.gap-3 > .flex-1 > p:first-child,
.profile-card > header > .flex.items-center.gap-3 > .min-w-0.flex-1 > .testimonial-reviewer-name,
.profile-card > header > .flex.items-center.gap-3 > .min-w-0.flex-1 > p.testimonial-reviewer-name,
.profile-card > header > .flex.items-center.gap-3 > .min-w-0.flex-1 > p:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.5rem;
  margin: 0;
  text-align: center;
  overflow-wrap: anywhere;
}

.profile-card > header > .flex.items-center.gap-3 > .flex-1 > p.cardColor,
.profile-card > header > .flex.items-center.gap-3 > .flex-1 > p.text-xs,
.profile-card > header > .flex.items-center.gap-3 > .min-w-0.flex-1 > p.cardColor,
.profile-card > header > .flex.items-center.gap-3 > .min-w-0.flex-1 > p.text-xs {
  width: 100%;
  margin: 0;
  margin-top: 0.125rem;
  text-align: center;
}

.profile-rich-text .ql-font-noto-sans {
  font-family: "Noto Sans", sans-serif;
}

.profile-rich-text .ql-font-noto-serif {
  font-family: "Noto Serif", serif;
}

.profile-rich-text .ql-font-inter {
  font-family: Inter, sans-serif;
}

.profile-rich-text .ql-font-roboto {
  font-family: Roboto, sans-serif;
}

.profile-rich-text .ql-font-open-sans {
  font-family: "Open Sans", sans-serif;
}

.profile-rich-text .ql-font-montserrat {
  font-family: Montserrat, sans-serif;
}

.profile-rich-text .ql-font-lato {
  font-family: Lato, sans-serif;
}

.profile-rich-text .ql-font-nunito {
  font-family: Nunito, sans-serif;
}

.profile-rich-text .ql-font-raleway {
  font-family: Raleway, sans-serif;
}

.profile-rich-text .ql-font-oswald {
  font-family: Oswald, sans-serif;
}

.profile-rich-text .ql-font-poppins {
  font-family: Poppins, sans-serif;
}

.profile-rich-text .ql-font-mukta {
  font-family: Mukta, sans-serif;
}

.profile-rich-text .ql-font-playfair-display {
  font-family: "Playfair Display", serif;
}

.profile-rich-text .ql-font-merriweather {
  font-family: Merriweather, serif;
}

.profile-rich-text .ql-font-lora {
  font-family: Lora, serif;
}

.profile-rich-text .ql-font-cairo {
  font-family: Cairo, sans-serif;
}

.profile-rich-text .ql-font-tajawal {
  font-family: Tajawal, sans-serif;
}

.profile-rich-text .ql-font-noto-sans-arabic {
  font-family: "Noto Sans Arabic", sans-serif;
}

.profile-rich-text .ql-font-ibm-plex-sans-arabic {
  font-family: "IBM Plex Sans Arabic", sans-serif;
}

.profile-rich-text .ql-font-noto-sans-jp {
  font-family: "Noto Sans JP", sans-serif;
}

.profile-rich-text .ql-font-noto-sans-sc {
  font-family: "Noto Sans SC", sans-serif;
}

.profile-rich-text .ql-font-noto-sans-kr {
  font-family: "Noto Sans KR", sans-serif;
}

.profile-rich-text .ql-font-noto-sans-tc {
  font-family: "Noto Sans TC", sans-serif;
}

.profile-rich-text .ql-font-sarabun {
  font-family: Sarabun, sans-serif;
}

.profile-rich-text .ql-font-prompt {
  font-family: Prompt, sans-serif;
}

.profile-rich-text .ql-font-pacifico {
  font-family: Pacifico, cursive;
}

.profile-rich-text .ql-font-caveat {
  font-family: Caveat, cursive;
}

.profile-rich-text .ql-font-bebas-neue {
  font-family: "Bebas Neue", sans-serif;
}

.profile-rich-text {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.profile-rich-text :is(strong, b) {
  font-weight: 700;
}

.profile-rich-text :is(em, i) {
  font-style: italic;
}

.profile-rich-text u {
  text-decoration: underline;
}

.profile-rich-text :is(s, strike) {
  text-decoration: line-through;
}

.profile-rich-text a {
  text-decoration: underline;
}

.title.profile-rich-text {
  font-weight: normal;
}

.title.profile-rich-text:not(:has(:is(strong, b, em, i, u, s, strike, a))) {
  font-weight: bold;
}

.profile-rich-text--inline p {
  display: block;
  margin: 0;
}

.profile-rich-text--inline p + p {
  margin-top: 0.25em;
}

.profile-rich-text--inline p:where(:empty, :has(> br:only-child)) {
  display: none;
  margin: 0;
}

.profile-rich-text--block p {
  margin: 0 0 0.5em;
}

.profile-rich-text--block p:last-child {
  margin-bottom: 0;
}

.profile-rich-text--block p:where(:empty, :has(> br:only-child)) {
  display: none;
  margin: 0;
}

.profile-rich-text--block :is(ul, ol) {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
  text-align: start;
  list-style-position: outside;
  margin-block: 0.5em;
  padding: 0;
  padding-inline-start: 1.25em;
}

.profile-rich-text--block :is(ul, ol):last-child {
  margin-block-end: 0;
}

.profile-rich-text--block ul {
  list-style-type: disc;
}

.profile-rich-text--block ol {
  list-style-type: none;
}

.profile-rich-text--block ol > li[data-list="bullet"] {
  list-style-type: disc;
}

.profile-rich-text--block ol > li[data-list="ordered"],
.profile-rich-text--block ol > li:not([data-list]) {
  list-style-type: decimal;
}

.profile-rich-text--block .ql-ui {
  display: none;
}

.profile-rich-text--block li :is(ul, ol) {
  display: block;
  width: auto;
  margin-inline: 0;
}

.profile-rich-text--block li {
  padding: 0;
  margin: 0.25em 0;
  text-align: start;
  cursor: inherit;
}

.profile-rich-text--block li:hover {
  background-color: rgb(0 0 0 / 0%);
}

.profile-rich-text--block li > p {
  margin: 0;
  text-align: start;
}

.profile-rich-text--block li + li {
  margin-top: 0.25em;
}

.text-c.profile-rich-text--block {
  white-space: normal;
  margin-block-end: 0;
}

body {
  margin: 0 auto;
  width: 100%;
  padding: 0;
  max-width: 30rem;
  color: hsl(0deg 0% 93.3%);
  position: relative;
}

p {
  line-height: 1.5;
  margin: 0;
}

h2,
h3 {
  margin: 0;
}

.icon {
  width: 1.5rem;
  height: 1.5rem;
}

.icon-x {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: auto;
  min-width: 2.5rem;
  height: auto;
  min-height: 2.5rem;
  max-width: none;
  white-space: nowrap;
  padding-inline: 0.125rem;
  font-family: inherit;
  font-size: 1rem;
  font-weight: inherit;
  line-height: 1.25;
  text-align: center;
}

a {
  text-decoration: none;
  user-select: none;
}

#modal {
  display: flex;
  flex-direction: column;
  position: fixed;
  z-index: 100;
  width: 100%;
  max-width: 30rem;
  left: 50%;
  transform: translateX(-50%) translateZ(0);
  bottom: 0;
  transition:
    top 0.2s ease-out,
    opacity 0.1s ease-out;
}

#close {
  align-self: end;
  padding: 1rem;
  cursor: pointer;
  line-height: 0;
}

#key-view,
#copy-view,
#qr-view {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 1rem;
  text-align: center;
}

#key-view p,
#copy-view p,
#qr-view p {
  margin: 2rem;
  text-align: center;
}

#copy-url,
#dl-key {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 5rem;
  padding: 1rem 1.5rem;
  border: none;
  outline: none;
  cursor: pointer;
  box-sizing: border-box;
}

#copy-url span,
#dl-key span {
  margin-left: 0.5rem;
}

#qr-view h3 {
  margin: 2rem 2rem 0;
}

#qr-view p {
  margin: 0.5rem 2rem 0;
}

#qr {
  margin: 2rem;
  padding: 2rem;
  background: #fff;
  border-radius: 0.5rem;
}

header {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  position: relative;
  z-index: 0;
  margin: 0;
  padding: 0;
}

.header-img-c {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto;
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 0;
  overflow: hidden;
  position: relative;
  z-index: 0;
  isolation: isolate;
}

#cover {
  grid-column: 1;
  grid-row: 1;
  display: block;
  width: 100%;
  height: 20rem;
  margin: 0;
  object-position: top center;
  object-fit: cover;
  position: relative;
  z-index: 1;
}

#cover.cover-shape-circle,
#cover.cover-shape-square {
  width: 20rem;
  height: 20rem;
  max-width: 100%;
  margin-inline: auto;
  object-fit: contain;
  object-position: center center;
}

#cover.cover-shape-circle {
  border-radius: 50%;
  overflow: hidden;
}

#cover.cover-shape-rectangle {
  object-fit: contain;
  object-position: center center;
}

.header-img-c div#cover.cover-shape-circle,
.header-img-c div#cover.cover-shape-square {
  width: 20rem;
  height: 20rem;
  max-width: 100%;
  margin-inline: auto;
  overflow: hidden;
  background: rgb(0 0 0 / 0%);
}

.header-img-c div#cover.cover-shape-circle {
  border-radius: 50%;
}

#logo {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 6rem;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
  grid-column: 1;
  grid-row: 1;
  place-self: center center;
  position: relative;
  z-index: 20;
}

#logo.logo-shape-circle {
  border-radius: 50%;
  overflow: hidden;
  object-fit: cover;
}

#logo.logo-shape-square {
  border-radius: 0;
  overflow: hidden;
  object-fit: cover;
}

#logo.logo-shape-rectangle {
  border-radius: 0;
  overflow: hidden;
  object-fit: cover;
  height: 4rem;
  width: 6rem;
  aspect-ratio: 3/2;
}

.header-img-c div#logo {
  width: 6rem;
  height: 6rem;
  overflow: hidden;
  background: rgb(0 0 0 / 0%);
}

#top-actions {
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  z-index: 3;
}

#top-actions > div {
  display: flex;
}

#top-actions a {
  padding: 1rem;
  cursor: pointer;
  line-height: 0;
}

main {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  z-index: 1;
  isolation: isolate;
}

.profile-section {
  width: 100%;
  align-self: stretch;
}

#profile-photo {
  width: 10rem;
  height: 10rem;
  border-radius: 100%;
  box-sizing: content-box;
  pointer-events: none;
  user-select: none;
  margin-top: 0;
  position: relative;
  z-index: 30;
  object-fit: cover;
}

#profile-photo.photo-shape-square {
  border-radius: 0;
}

#profile-photo.photo-shape-rectangle {
  border-radius: 0;
  height: 6.67rem;
  aspect-ratio: 3/2;
}

#profile-photo.profile-photo-over-cover {
  margin-top: -6rem;
}

#profile-photo.profile-photo-without-cover {
  margin-top: 0;
}

#info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  line-height: 1.25;
  overflow-wrap: break-word;
}

.name {
  font-weight: bold;
  font-size: 1.5rem;
  margin: 0;
}

.pronouns {
  display: block;
  font-size: 0.9rem;
  opacity: 0.8;
  font-weight: normal;
  margin: 0 0 0.5rem;
}

.bizname {
  font-size: 0.9rem;
  margin: 0.5rem 0 0;
  opacity: 0.8;
}

.bizaddr {
  font-size: 0.8rem;
  opacity: 0.6;
}

.sub,
.text-c {
  font-size: 1rem;
  white-space: pre-line;
  line-height: 1.5;
}

.sub {
  font-size: 0.9rem;
  margin: 0.5rem 0 0;
  opacity: 0.8;
}

.text-c {
  margin: 1rem;
}

#action-buttons-row {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  width: 100%;
  gap: 0.5rem;
  margin-top: 2rem;
}

#cta,
#share,
#show-qr {
  flex: 0 1 auto;
  width: auto;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5rem;
  padding: 1rem 0.75rem;
  cursor: pointer;
  line-height: 0;
  box-sizing: border-box;
  text-decoration: none;
}

#cta .icon,
#cta .document-download-btn__icon,
#share .icon,
#share .document-download-btn__icon,
#show-qr .icon,
#show-qr .document-download-btn__icon {
  margin-right: 0.5rem;
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  font-size: 1.5rem;
  line-height: 1.5rem;
}

#cta p,
#cta .document-download-btn__label,
#share p,
#share .document-download-btn__label,
#show-qr p,
#show-qr .document-download-btn__label {
  margin: 0;
  font-size: 1rem;
  line-height: 1.25;
}

#cta p,
#share p,
#show-qr p {
  white-space: nowrap;
}

@media (width <= 18rem) {
  #cta,
  #share,
  #show-qr {
    flex: 1 1 100%;
    width: 100%;
  }
}

.hours-booking-pill-row {
  display: flex;
  justify-content: center;
  width: 100%;
}

#hours-booking-action,
.hours-booking-pill {
  flex: 0 1 auto;
  width: auto;
  max-width: 100%;
  color: var(--profile-button-fg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5rem;
  padding: 1rem 0.75rem;
  cursor: pointer;
  line-height: 0;
  box-sizing: border-box;
  text-decoration: none;
}

#hours-booking-action .icon,
#hours-booking-action .document-download-btn__icon,
.hours-booking-pill .icon,
.hours-booking-pill .document-download-btn__icon {
  margin-right: 0.5rem;
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  font-size: 1.5rem;
  line-height: 1.5rem;
}

#hours-booking-action p,
#hours-booking-action .document-download-btn__label,
.hours-booking-pill p,
.hours-booking-pill .document-download-btn__label {
  margin: 0;
  font-size: 1rem;
  line-height: 1.25;
}

#hours-booking-action p,
.hours-booking-pill p {
  margin: 0;
  white-space: nowrap;
}

@media (width <= 18rem) {
  #hours-booking-action,
  .hours-booking-pill {
    flex: 1 1 100%;
    width: 100%;
  }
}

.profile-nav-item {
  border-radius: 5rem;
}

.profile-nav-trigger {
  border-radius: 0.75rem;
}

#cta .icon,
#cta .icon svg,
#cta .document-download-btn__icon,
#cta .profile-nav-trigger__icon svg,
#share .icon,
#share .icon svg,
#share .document-download-btn__icon,
#share .profile-nav-trigger__icon svg,
#show-qr .icon,
#show-qr .icon svg,
#show-qr .document-download-btn__icon,
#show-qr .profile-nav-trigger__icon svg,
.doc-dl--button-mode .document-download-btn .icon,
.doc-dl--button-mode .document-download-btn .icon svg,
.doc-dl--button-mode .document-download-btn .document-download-btn__icon,
.doc-dl--button-mode .document-download-btn .profile-nav-trigger__icon svg,
.profile-nav-trigger .icon,
.profile-nav-trigger .icon svg,
.profile-nav-trigger .document-download-btn__icon,
.profile-nav-trigger .profile-nav-trigger__icon svg {
  color: var(--profile-button-fg);
}

#cta .icon svg [fill],
#share .icon svg [fill],
#show-qr .icon svg [fill],
.doc-dl--button-mode .document-download-btn .icon svg [fill],
.profile-nav-trigger .icon svg [fill] {
  fill: currentcolor;
}

#cta .icon svg [fill="none"],
#share .icon svg [fill="none"],
#show-qr .icon svg [fill="none"],
.doc-dl--button-mode .document-download-btn .icon svg [fill="none"],
.profile-nav-trigger .icon svg [fill="none"] {
  fill: none;
}

#cta .icon svg [stroke],
#share .icon svg [stroke],
#show-qr .icon svg [stroke],
.doc-dl--button-mode .document-download-btn .icon svg [stroke],
.profile-nav-trigger .icon svg [stroke] {
  stroke: currentcolor;
}

#cta .icon svg [stroke="none"],
#share .icon svg [stroke="none"],
#show-qr .icon svg [stroke="none"],
.doc-dl--button-mode .document-download-btn .icon svg [stroke="none"],
.profile-nav-trigger .icon svg [stroke="none"] {
  stroke: none;
}

#cta .icon svg [style*="fill:"],
#share .icon svg [style*="fill:"],
#show-qr .icon svg [style*="fill:"],
.doc-dl--button-mode .document-download-btn .icon svg [style*="fill:"],
.profile-nav-trigger .icon svg [style*="fill:"] {
  fill: currentcolor !important;
}

#cta .icon svg [style*="fill:none"],
#cta .icon svg [style*="fill: none"],
#share .icon svg [style*="fill:none"],
#share .icon svg [style*="fill: none"],
#show-qr .icon svg [style*="fill:none"],
#show-qr .icon svg [style*="fill: none"],
.doc-dl--button-mode .document-download-btn .icon svg [style*="fill:none"],
.doc-dl--button-mode .document-download-btn .icon svg [style*="fill: none"],
.profile-nav-trigger .icon svg [style*="fill:none"],
.profile-nav-trigger .icon svg [style*="fill: none"] {
  fill: none !important;
}

#cta .icon svg [style*="stroke:"],
#share .icon svg [style*="stroke:"],
#show-qr .icon svg [style*="stroke:"],
.doc-dl--button-mode .document-download-btn .icon svg [style*="stroke:"],
.profile-nav-trigger .icon svg [style*="stroke:"] {
  stroke: currentcolor !important;
}

#cta .icon svg [style*="stroke:none"],
#cta .icon svg [style*="stroke: none"],
#share .icon svg [style*="stroke:none"],
#share .icon svg [style*="stroke: none"],
#show-qr .icon svg [style*="stroke:none"],
#show-qr .icon svg [style*="stroke: none"],
.doc-dl--button-mode .document-download-btn .icon svg [style*="stroke:none"],
.doc-dl--button-mode .document-download-btn .icon svg [style*="stroke: none"],
.profile-nav-trigger .icon svg [style*="stroke:none"],
.profile-nav-trigger .icon svg [style*="stroke: none"] {
  stroke: none !important;
}

.profile-html-document:not([data-button-style="filled"]) .profile-nav-trigger .icon,
.profile-html-document:not([data-button-style="filled"]) .profile-nav-trigger .icon svg,
.profile-html-document:not([data-button-style="filled"])
  .profile-nav-trigger
  .profile-nav-trigger__icon,
.profile-html-document:not([data-button-style="filled"])
  .profile-nav-trigger
  .profile-nav-trigger__icon
  svg,
.profile-preview-scroll-root:not([data-button-style="filled"]) .profile-nav-trigger .icon,
.profile-preview-scroll-root:not([data-button-style="filled"]) .profile-nav-trigger .icon svg,
.profile-preview-scroll-root:not([data-button-style="filled"])
  .profile-nav-trigger
  .profile-nav-trigger__icon,
.profile-preview-scroll-root:not([data-button-style="filled"])
  .profile-nav-trigger
  .profile-nav-trigger__icon
  svg {
  color: var(--profile-nav-icon-color, var(--profile-button-fg));
}

.actions {
  width: 100%;
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.actions:empty {
  display: none;
  margin: 0;
}

.actions-c {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 33.33%;
  max-width: 33.33%;
  justify-content: center;
}

.actions-c--custom-label {
  flex: 0 1 auto;
  width: auto;
  min-width: 33.33%;
  max-width: 66.67%;
}

.actions.actions-contact--count-1,
.actions.actions-contact--count-2,
.actions.secondary.actions-secondary--count-1,
.actions.secondary.actions-secondary--count-2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.5rem;
  grid-template-columns: unset;
}

.actions.actions-contact--count-1 .actions-c,
.actions.actions-contact--count-2 .actions-c,
.actions.secondary.actions-secondary--count-1 .actions-c,
.actions.secondary.actions-secondary--count-2 .actions-c {
  flex: 0 0 auto;
  width: auto;
  min-width: 4rem;
  max-width: none;
  justify-self: auto;
}

.action-btn {
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.action-btn a {
  border-radius: 100%;
  padding: 1rem;
  line-height: 0;
}

.action-btn:not(.sec-btn) .icon,
.action-btn:not(.sec-btn) .icon svg {
  color: var(--profile-button-fg);
}

.action-btn:not(.sec-btn) .icon svg [fill] {
  fill: currentcolor;
}

.action-btn:not(.sec-btn) .icon svg [fill="none"] {
  fill: none;
}

.action-btn:not(.sec-btn) .icon svg [stroke] {
  stroke: currentcolor;
}

.action-btn:not(.sec-btn) .icon svg [stroke="none"] {
  stroke: none;
}

.action-btn:not(.sec-btn) .icon svg [style*="fill:"] {
  fill: currentcolor !important;
}

.action-btn:not(.sec-btn) .icon svg [style*="fill:none"],
.action-btn:not(.sec-btn) .icon svg [style*="fill: none"] {
  fill: none !important;
}

.action-btn:not(.sec-btn) .icon svg [style*="stroke:"] {
  stroke: currentcolor !important;
}

.action-btn:not(.sec-btn) .icon svg [style*="stroke:none"],
.action-btn:not(.sec-btn) .icon svg [style*="stroke: none"] {
  stroke: none !important;
}

.action-btn.sec-btn a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 4rem;
  min-width: 4rem;
  height: 4rem;
  min-height: 4rem;
  padding: 0.75rem;
}

.action-btn.sec-btn a.custom-action-label-link {
  width: auto;
  min-width: 4rem;
  max-width: 100%;
  height: 4rem;
  min-height: 4rem;
  padding: 0.75rem 1rem;
  border-radius: 5rem;
}

.action-btn.sec-btn a img {
  width: 2.5rem;
  height: 2.5rem;
  object-fit: cover;
  display: block;
}

.action-btn p {
  margin: 0.5rem 0 0;
  font-size: 1rem;
  line-height: 1.25;
  font-family: inherit;
}

.sec-btn {
  padding: 0.5rem;
}

.actions {
  align-items: flex-start;
}

.actions-c {
  align-items: flex-start;
}

.action-btn {
  justify-content: flex-start;
}

.action-btn.sec-btn {
  justify-content: flex-start;
}

.action-btn p.action-caption {
  cursor: pointer;
  user-select: none;
  overflow-wrap: anywhere;
  white-space: normal;
}

.featured {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 2rem 0 0;
  width: 100%;
}

.section {
  font-weight: bold;
  text-align: center;
  font-size: 1.3rem;
  padding: 1rem 0;
}

.media {
  width: 100%;
  overflow: hidden;
  border-radius: 1rem;
  margin-top: 1rem;
}

.media img {
  display: block;
  pointer-events: none;
  user-select: none;
  width: 100%;
}

.media.media--full-bleed {
  width: calc(100% + 2rem);
  max-width: calc(100% + 2rem);
  margin-inline: -1rem;
  border-radius: 0;
}

.media.media--full-bleed .media-c {
  min-height: 14rem;
}

.featured-content-item {
  width: 100%;
  min-width: 0;
  align-self: stretch;
}

.controls {
  min-width: 0;
  overflow-x: clip;
}

.controls .title,
.controls .sub {
  overflow-wrap: anywhere;
  max-width: 100%;
  min-width: 0;
}

.media.media--full-bleed.embedded {
  width: calc(100% + 2rem);
  max-width: calc(100% + 2rem);
  margin-inline: -1rem;
  padding-top: 0;
}

.embedded {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  box-sizing: border-box;
  aspect-ratio: 16/9;
  padding-top: 0;
}

.embedded iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.aspect-video {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
}

[data-media-carousel-slide].aspect-video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.music,
.video {
  width: 100%;
}

.media-c {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}

video {
  width: 100%;
}

.controls {
  padding: 1rem;
  font-size: 0.9rem;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
}

.p-ctrl,
.doc-dl {
  display: none;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.doc-dl {
  display: flex;
}

.seek-bar {
  width: 100%;
  height: 0.5rem;
  margin: 1.5rem 0 0.5rem;
  border-radius: 5rem;
  appearance: none;
  cursor: pointer;
}

.play-pause,
.dl-btn {
  margin: 1rem 0 0.5rem;
  padding: 1rem;
  border-radius: 5rem;
  line-height: 0;
  cursor: pointer;
}

.doc-dl--button-mode {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.doc-dl--button-mode .document-download-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5rem;
  padding: 1rem 0.75rem;
  cursor: pointer;
  line-height: 0;
  box-sizing: border-box;
  text-decoration: none;
}

.doc-dl--button-mode .document-download-btn .icon,
.doc-dl--button-mode .document-download-btn .document-download-btn__icon {
  margin-right: 0.5rem;
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  font-size: 1.5rem;
  line-height: 1.5rem;
}

.doc-dl--button-mode .document-download-btn p,
.doc-dl--button-mode .document-download-btn .document-download-btn__label {
  margin: 0;
  font-size: 1rem;
  line-height: 1.25;
}

.doc-dl--button-mode .document-download-btn {
  flex: 0 1 auto;
  width: auto;
  max-width: 100%;
  margin: 1rem 0 0.5rem;
  color: var(--profile-button-fg);
}

.doc-dl--button-mode .document-download-btn__label {
  white-space: pre-line;
  text-align: center;
}

.pause {
  display: none;
}

.title {
  font-size: 1rem;
  font-weight: bold;
  margin: 0;
}

.prod-info .sub {
  margin: 0.35rem 0 0;
}

.price {
  margin: 1rem 0 0;
  font-size: 1rem;
  font-weight: bold;
}

.label {
  display: inline-block;
  font-size: 1rem;
  margin: 1rem 0 0.5rem;
  border-radius: 5rem;
  letter-spacing: 1px;
  padding: 1rem 1.5rem;
}

.label p {
  margin: 0;
}

footer {
  padding: 4rem 1rem 2rem;
  font-size: 0.9rem;
  text-align: center;
}

footer a {
  text-decoration: underline;
  color: inherit;
}