@charset "UTF-8";
@font-face {
  font-family: "Ginger";
  src: url("https://cdn.abundolive.se/fonts/ginger/Ginger-Regular.otf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Ginger";
  src: url("https://cdn.abundolive.se/fonts/ginger/Ginger-Bold.otf");
  font-weight: 700;
  font-style: normal;
}
.font-ginger {
  font-family: "Ginger", sans-serif;
}

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

input, button, select, textarea, label {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  outline: none;
}

textarea {
  resize: none;
}

a, a:hover, a:focus, a:active {
  color: inherit;
  text-decoration: none;
  outline: none;
}

:focus {
  outline: none;
}

p, h1, h2, h3, h4, h5, h6 {
  color: inherit;
  text-align: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

html {
  overflow-x: hidden;
  overflow-y: auto;
  width: 100vw;
  font-family: "Ginger", sans-serif;
  font-size: 1em;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  line-height: 1.4;
}
html.f-aside {
  overflow: hidden !important;
}

body {
  font-size: 0.9375rem;
  color: var(--ui-fg);
  background: var(--ui-bg);
}

hr {
  width: 100%;
  border-top: 1px solid var(--ui-separator);
  margin: 24px 0;
}
hr.m-short {
  width: 30%;
}

@media not all and (min-width: 750px) {
  * {
    word-wrap: break-word;
  }
  .q-td, .q-t {
    display: none !important;
  }
}
@media (min-width: 750px) and (max-width: 1050px) {
  .q-md {
    display: none !important;
  }
}
@media (max-width: 1050px) {
  .q-d {
    display: none !important;
  }
}
@media (min-width: 750px) {
  .q-m {
    display: none !important;
  }
}
@media not all and (max-width: 1050px) {
  .q-mt, .q-t {
    display: none !important;
  }
}
:root {
  -webkit-tap-highlight-color: transparent;
  --ui-sidebar-bg: #f8f8ff;
  --ui-sidebar-border: #ddddff;
  --ui-backdrop: rgba(0, 0, 0, 0.3);
  --ui-backdrop-hard: rgba(0, 0, 0, 0.7);
  --ui-popup: rgba(255, 255, 255, 0.94);
  --ui-bar-primary: rgba(0, 0, 0, 0.8);
  --ui-bar-primary-text: white;
  --ui-bar-secondary: rgba(255, 239, 239, 0.7);
  --ui-bar-secondary-text: black;
  --ui-bar-secondary-border: rgba(149, 18, 42, 0.3);
  --ui-bar-crumbs: rgba(221, 221, 221, 0.7);
  --ui-bar-crumbs-text: black;
  --ui-bar-crumbs-border: #999;
  --ui-bar-bottom: rgba(251, 251, 251, 0.7);
  --ui-bar-bottom-text: black;
  --ui-bar-bottom-border: #bbb;
  --ui-dropdown-highlight: rgba(149, 18, 42, 0.2);
  --ui-dropdown-selected: rgba(149, 18, 42, 0.4);
  --ui-toast: rgba(0, 0, 0, 0.8);
  --ui-toast-text: rgba(255, 255, 255, 0.9);
  --ui-ripple-opacity: 0.06;
}

.c-light, .c-dark, .c-natural, .c-inverse {
  color: var(--ui-fg);
}

@media not screen and (prefers-color-scheme: dark) {
  .q-dark {
    display: none !important;
  }
}
@media screen and (prefers-color-scheme: dark) {
  .q-light {
    display: none !important;
  }
  :root {
    --ui-sidebar-bg: #333;
    --ui-sidebar-border: #555;
    --ui-backdrop: rgba(0, 0, 0, 0.5);
    --ui-backdrop-hard: rgba(0, 0, 0, 0.7);
    --ui-popup: rgba(63, 63, 63, 0.95);
    --ui-bar-primary: rgba(0, 0, 0, 0.9);
    --ui-bar-primary-text: white;
    --ui-bar-secondary: rgba(100, 100, 100, 0.6);
    --ui-bar-secondary-text: white;
    --ui-bar-secondary-border: rgba(255, 187, 234, 0.3);
    --ui-bar-crumbs: rgba(0, 0, 0, 0.7);
    --ui-bar-crumbs-text: #ddd;
    --ui-bar-crumbs-border: #333;
    --ui-bar-bottom: rgba(251, 251, 251, 0.7);
    --ui-bar-bottom-text: black;
    --ui-bar-bottom-border: #bbb;
    --ui-dropdown-highlight: rgba(255, 187, 234, 0.2);
    --ui-dropdown-selected: rgba(255, 187, 234, 0.4);
    --ui-toast: rgba(255, 255, 255, 0.8);
    --ui-toast-text: rgba(0, 0, 0, 0.9);
  }
}
:root, .c-light, .c-natural {
  --ui-tint: #95122A;
  --ui-tint-20: rgba(149, 18, 42, 0.2);
  --ui-tint-40: rgba(149, 18, 42, 0.4);
  --ui-tint-80: rgba(149, 18, 42, 0.8);
  --ui-on-tint: #ffffff;
  --ui-secondary: #E13F3F;
  --ui-bg-alt: #eee;
  --ui-bg: #fff;
  --ui-bg-40: rgba(255, 255, 255, 0.4);
  --ui-bg-60: rgba(255, 255, 255, 0.6);
  --ui-bg-80: rgba(255, 255, 255, 0.8);
  --ui-bg-95: rgba(255, 255, 255, 0.95);
  --ui-bg-input: #f7f7f7;
  --ui-bg-chart: rgba(255, 255, 255, 0.5);
  --ui-fg-hard: black;
  --ui-fg: #1d1d1d;
  --ui-fg-10: rgba(29, 29, 29, 0.08);
  --ui-fg-20: rgba(29, 29, 29, 0.17);
  --ui-fg-40: rgba(29, 29, 29, 0.4);
  --ui-fg-80: rgba(29, 29, 29, 0.8);
  --ui-fg-12: rgba(0, 0, 0, 0.12);
  --ui-fg-soft: rgba(29, 29, 29, 0.6);
  --ui-fg-input: #555;
  --ui-input-box: rgba(29, 29, 29, 0.5);
  --ui-placeholder: #999;
  --ui-input-line: #ccc;
  --ui-disabled: #888;
  --ui-separator: rgba(0, 0, 0, 0.1);
  --ui-border: #d7d7d7;
  --ui-row-header: #eee;
  --ui-row-highlight: #f7f7f7;
  --ui-row-expansion: #fafafa;
  --ui-link: #95122A;
  --ui-link-hover: rgba(149, 18, 42, 0.7);
}

.c-dark, .c-inverse {
  --ui-tint: #FFBBEA;
  --ui-tint-20: rgba(255, 187, 234, 0.2);
  --ui-tint-40: rgba(255, 187, 234, 0.4);
  --ui-tint-80: rgba(255, 187, 234, 0.8);
  --ui-on-tint: #1E1E1E;
  --ui-secondary: #E13F3F;
  --ui-bg-alt: black;
  --ui-bg: #1d1d1d;
  --ui-bg-40: rgba(29, 29, 29, 0.4);
  --ui-bg-60: rgba(29, 29, 29, 0.6);
  --ui-bg-80: rgba(29, 29, 29, 0.8);
  --ui-bg-95: rgba(29, 29, 29, 0.95);
  --ui-bg-input: #2f2f2f;
  --ui-bg-chart: rgba(0, 0, 0, 0.5);
  --ui-fg-hard: white;
  --ui-fg: #ddd;
  --ui-fg-10: rgba(221, 221, 221, 0.08);
  --ui-fg-20: rgba(221, 221, 221, 0.17);
  --ui-fg-40: rgba(221, 221, 221, 0.4);
  --ui-fg-80: rgba(221, 221, 221, 0.8);
  --ui-fg-12: rgba(255, 255, 255, 0.12);
  --ui-fg-soft: rgba(221, 221, 221, 0.6);
  --ui-fg-input: #bbb;
  --ui-input-box: rgba(221, 221, 221, 0.5);
  --ui-placeholder: #666;
  --ui-input-line: #555;
  --ui-disabled: #777;
  --ui-separator: rgba(255, 255, 255, 0.15);
  --ui-border: #555;
  --ui-row-header: #444;
  --ui-row-highlight: #333;
  --ui-row-expansion: #262626;
  --ui-link: #FFBBEA;
  --ui-link-hover: rgba(255, 187, 234, 0.7);
}

@media screen and (prefers-color-scheme: dark) {
  .c-inverse {
    --ui-tint: #95122A;
    --ui-tint-20: rgba(149, 18, 42, 0.2);
    --ui-tint-40: rgba(149, 18, 42, 0.4);
    --ui-tint-80: rgba(149, 18, 42, 0.8);
    --ui-on-tint: #ffffff;
    --ui-secondary: #E13F3F;
    --ui-bg-alt: #eee;
    --ui-bg: #fff;
    --ui-bg-40: rgba(255, 255, 255, 0.4);
    --ui-bg-60: rgba(255, 255, 255, 0.6);
    --ui-bg-80: rgba(255, 255, 255, 0.8);
    --ui-bg-95: rgba(255, 255, 255, 0.95);
    --ui-bg-input: #f7f7f7;
    --ui-bg-chart: rgba(255, 255, 255, 0.5);
    --ui-fg-hard: black;
    --ui-fg: #1d1d1d;
    --ui-fg-10: rgba(29, 29, 29, 0.08);
    --ui-fg-20: rgba(29, 29, 29, 0.17);
    --ui-fg-40: rgba(29, 29, 29, 0.4);
    --ui-fg-80: rgba(29, 29, 29, 0.8);
    --ui-fg-12: rgba(0, 0, 0, 0.12);
    --ui-fg-soft: rgba(29, 29, 29, 0.6);
    --ui-fg-input: #555;
    --ui-input-box: rgba(29, 29, 29, 0.5);
    --ui-placeholder: #999;
    --ui-input-line: #ccc;
    --ui-disabled: #888;
    --ui-separator: rgba(0, 0, 0, 0.1);
    --ui-border: #d7d7d7;
    --ui-row-header: #eee;
    --ui-row-highlight: #f7f7f7;
    --ui-row-expansion: #fafafa;
    --ui-link: #95122A;
    --ui-link-hover: rgba(149, 18, 42, 0.7);
  }
  :root, .c-natural {
    --ui-tint: #FFBBEA;
    --ui-tint-20: rgba(255, 187, 234, 0.2);
    --ui-tint-40: rgba(255, 187, 234, 0.4);
    --ui-tint-80: rgba(255, 187, 234, 0.8);
    --ui-on-tint: #1E1E1E;
    --ui-secondary: #E13F3F;
    --ui-bg-alt: black;
    --ui-bg: #1d1d1d;
    --ui-bg-40: rgba(29, 29, 29, 0.4);
    --ui-bg-60: rgba(29, 29, 29, 0.6);
    --ui-bg-80: rgba(29, 29, 29, 0.8);
    --ui-bg-95: rgba(29, 29, 29, 0.95);
    --ui-bg-input: #2f2f2f;
    --ui-bg-chart: rgba(0, 0, 0, 0.5);
    --ui-fg-hard: white;
    --ui-fg: #ddd;
    --ui-fg-10: rgba(221, 221, 221, 0.08);
    --ui-fg-20: rgba(221, 221, 221, 0.17);
    --ui-fg-40: rgba(221, 221, 221, 0.4);
    --ui-fg-80: rgba(221, 221, 221, 0.8);
    --ui-fg-12: rgba(255, 255, 255, 0.12);
    --ui-fg-soft: rgba(221, 221, 221, 0.6);
    --ui-fg-input: #bbb;
    --ui-input-box: rgba(221, 221, 221, 0.5);
    --ui-placeholder: #666;
    --ui-input-line: #555;
    --ui-disabled: #777;
    --ui-separator: rgba(255, 255, 255, 0.15);
    --ui-border: #555;
    --ui-row-header: #444;
    --ui-row-highlight: #333;
    --ui-row-expansion: #262626;
    --ui-link: #FFBBEA;
    --ui-link-hover: rgba(255, 187, 234, 0.7);
  }
}
.x-placeholder {
  flex-grow: 0;
  flex-shrink: 0;
}

.x-absolute {
  position: absolute !important;
}

.x-dragging {
  z-index: 1000;
  position: absolute !important;
  margin: 0 !important;
}

.x-drop-inside {
  box-shadow: inset 0 0 2px 3px var(--ui-tint-80);
}

.b + .b {
  margin-top: 24px;
}
.b + .b-block {
  margin-top: 48px;
}
.b + .i-input, .b + .l-input-row, .b + .l-form, .b + .l-button-row, .b + .l-toggle-row {
  margin-top: 12px;
}

.i-input + .b, .l-input-row + .b, .l-toggle-row + .b {
  margin-top: 24px;
}

.b-title + .b {
  margin-top: 36px;
}
.b-title + .b-text {
  margin-top: 24px;
}

.b-subtitle + .b-text {
  margin-top: 8px;
}
.b-subtitle + .b-subtitle {
  margin-top: 12px;
}
.b-subtitle + .b-content {
  margin-top: 12px;
}

.b-content + .b-text {
  margin-top: 18px;
}

.b-block + .b {
  margin-top: 48px;
}

.p-a-left {
  text-align: left !important;
}

.p-a-right {
  text-align: right !important;
}

.p-a-center {
  text-align: center !important;
}

.p-a-justify {
  text-align: justify !important;
}

.p-f-text {
  line-height: 1.6;
}

.p-f-title {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  text-wrap: balance;
}

.p-f-heading {
  font-size: 1.1875rem;
  font-weight: 700;
}

.p-f-subheading {
  font-size: 1rem;
  font-weight: 700;
}

.p-f-subtitle {
  font-size: 1.3125rem;
  font-weight: 700;
  color: var(--ui-tint);
}

.p-l-1 {
  padding-left: 16px;
  text-indent: -16px;
  align-items: baseline;
  margin-bottom: 0.5em;
}
.p-l-1::before {
  box-sizing: border-box;
  display: inline-block;
  content: "•";
  padding-right: 4px;
  width: 16px;
  text-align: right;
  text-indent: 0;
}
.p-l-1 + .p-l-1 {
  margin-top: 8px;
}

.u-clickable {
  cursor: pointer;
}

.u-link, .u-link:focus, .u-link:active {
  color: var(--ui-link);
  cursor: pointer;
}
.u-link:hover, .u-link:focus:hover, .u-link:active:hover {
  color: var(--ui-link-hover);
}

.u-gone {
  display: none !important;
}

.u-hidden {
  visibility: hidden !important;
}

.u-inline {
  display: inline-block;
}

.u-width {
  width: var(--ui-width);
}

.u-height {
  height: var(--ui-height);
}

.u-aspect {
  aspect-ratio: var(--ui-aspect);
}

@media not all and (max-width: 1050px) {
  .u-columns {
    columns: 2;
    column-gap: 60px;
  }
}

.u-pre {
  white-space: pre-wrap;
}

.u-handle {
  cursor: grab;
}
.u-handle.grabbing {
  cursor: grabbing;
}

.ui-fake-input {
  position: fixed;
  left: -9999px;
  top: 0;
}

@keyframes flash-scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes flash-invalid-code {
  0% {
    background-color: transparent;
    box-shadow: 0 0 0 3px transparent;
  }
  25% {
    background-color: rgba(227, 80, 30, 0.12);
    box-shadow: 0 0 0 3px rgba(227, 80, 30, 0.36);
  }
  100% {
    background-color: transparent;
    box-shadow: 0 0 0 3px transparent;
  }
}
@keyframes flash-invalid {
  0% {
    background-color: var(--ui-flash-bg, transparent);
  }
  25% {
    background-color: var(--ui-flash-invalid, rgba(227, 80, 30, 0.12));
  }
  100% {
    background-color: var(--ui-flash-bg, transparent);
  }
}
@keyframes shake {
  12.5% {
    transform: translate(0, 0) rotate(1deg);
  }
  25% {
    transform: translate(3px, 1px) rotate(0deg);
  }
  37.5% {
    transform: translate(-1px, 3px) rotate(1deg);
  }
  50% {
    transform: translate(-2px, -1px) rotate(0deg);
  }
  62.5% {
    transform: translate(-2px, 0) rotate(1deg);
  }
  75% {
    transform: translate(3px, -1px) rotate(0deg);
  }
  87.5% {
    transform: translate(-1px, 0) rotate(0deg);
  }
}
@keyframes flush {
  0% {
    opacity: 1;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0.5;
    transform: scale(0, 0);
  }
}
@keyframes ui-pan {
  0% {
    opacity: 0;
    transform: translateY(-40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes ui-tooltip-in {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes ui-tooltip-out {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0);
  }
}
@keyframes dialog-scale {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.5, 0.5);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1, 1);
  }
}
@keyframes slide-left {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes slide-right {
  0% {
    transform: translate(-100%, 0%);
  }
  100% {
    transform: translate(0%, 0%);
  }
}
@keyframes slide-top {
  0% {
    transform: translate(0, -100%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes slide-bottom {
  0% {
    transform: translate(0, 100%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes pager-to-left {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}
@keyframes pager-to-right {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}
@keyframes pager-from-left {
  0% {
    left: -100%;
  }
  100% {
    left: 0;
  }
}
@keyframes pager-from-right {
  0% {
    left: 100%;
  }
  100% {
    left: 0;
  }
}
@keyframes transition-out {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.95);
  }
}
@keyframes transition-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes sink-text-flash {
  0% {
    background: rgba(255, 255, 255, 0.15);
  }
  50% {
    background: rgba(255, 255, 255, 0);
  }
  100% {
    background: rgba(255, 255, 255, 0.15);
  }
}
@keyframes sink-text-flash-scale {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.007, 1.007);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes open-trash {
  0% {
    margin-bottom: -30px;
  }
  100% {
    margin-bottom: 2px;
  }
}
@keyframes explode {
  0% {
    transform: scale(1, 1);
    opacity: 1;
  }
  100% {
    transform: scale(10, 10);
    opacity: 0;
  }
}
@keyframes rotate-out {
  0% {
    transform: rotateZ(0);
    opacity: 1;
  }
  100% {
    transform: rotateZ(45deg);
    opacity: 0;
  }
}
@keyframes rotate-in {
  0% {
    transform: rotateZ(-45deg);
    opacity: 0;
  }
  100% {
    transform: rotateZ(0);
    opacity: 1;
  }
}
@keyframes zoom-in {
  0% {
    transform: scale(0.5, 0.5);
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}
@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url("https://cdn.abundolive.se/fonts/fa.4/fa-light-300.woff2") format("woff2"), url("https://cdn.abundolive.se/fonts/fa.4/fa-light-300.ttf") format("truetype");
}
@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("https://cdn.abundolive.se/fonts/fa.4/fa-brands-400.woff2") format("woff2"), url("https://cdn.abundolive.se/fonts/fa.4/fa-brands-400.ttf") format("truetype");
}
@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("https://cdn.abundolive.se/fonts/fa.4/fa-solid-900.woff2") format("woff2"), url("https://cdn.abundolive.se/fonts/fa.4/fa-solid-900.ttf") format("truetype");
}
@keyframes ui-icon-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes ui-icon-bounce {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  20% {
    transform: scale(0);
    opacity: 0;
  }
  60% {
    transform: scale(1.3);
    opacity: 1;
  }
  80% {
    transform: scale(0.9);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.ui-icon {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  transform: translate(0, 0);
}
.ui-icon.k-fa {
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
}
.ui-icon.k-fa.m-solid {
  font-weight: 900;
}
.ui-icon.k-fas {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
}
.ui-icon.k-fab {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.ui-icon.n-1::before {
  content: "\f0e0";
}
.ui-icon.n-2::before {
  content: "\f002";
}
.ui-icon.n-3::before {
  content: "\f00e";
}
.ui-icon.n-4::before {
  content: "\f010";
}
.ui-icon.n-5::before {
  content: "\f095";
}
.ui-icon.n-6::before {
  content: "\f015";
}
.ui-icon.n-12::before {
  content: "\f00d";
}
.ui-icon.n-14::before {
  content: "\f017";
}
.ui-icon.n-16::before {
  content: "\f005";
}
.ui-icon.n-17::before {
  content: "\f089";
}
.ui-icon.n-18::before {
  content: "\f00c";
}
.ui-icon.n-23::before {
  content: "\f004";
}
.ui-icon.n-25::before {
  content: "\f133";
}
.ui-icon.n-27::before {
  content: "+";
}
.ui-icon.n-28::before {
  content: "\f055";
}
.ui-icon.n-33::before {
  content: "\f068";
}
.ui-icon.n-34::before {
  content: "\f056";
}
.ui-icon.n-36::before {
  content: "\f303";
}
.ui-icon.n-37::before {
  content: "\f044";
}
.ui-icon.n-38::before {
  content: "\f164";
}
.ui-icon.n-39::before {
  content: "\f165";
}
.ui-icon.n-40::before {
  content: "\f013";
}
.ui-icon.n-41::before {
  content: "\f2ed";
}
.ui-icon.n-43::before {
  content: "\f05a";
}
.ui-icon.n-44::before {
  content: "\f02b";
}
.ui-icon.n-45::before {
  content: "\e027";
}
.ui-icon.n-48::before {
  content: "\e201";
}
.ui-icon.n-49::before {
  content: "\f030";
}
.ui-icon.n-54::before {
  content: "\f10d";
}
.ui-icon.n-55::before {
  content: "\f10e";
}
.ui-icon.n-56::before {
  content: "\f06e";
}
.ui-icon.n-57::before {
  content: "\f30d";
}
.ui-icon.n-61::before {
  content: "\e62a";
}
.ui-icon.n-67::before {
  content: "\f2f1";
}
.ui-icon.n-73::before {
  content: "\f2f6";
}
.ui-icon.n-74::before {
  content: "\f2f5";
}
.ui-icon.n-80::before {
  content: "\f02f";
}
.ui-icon.n-82::before {
  content: "\f03d";
}
.ui-icon.n-85::before {
  content: "\f093";
}
.ui-icon.n-86::before {
  content: "\f019";
}
.ui-icon.n-89::before {
  content: "\f02e";
}
.ui-icon.n-91::before {
  content: "\f08e";
}
.ui-icon.n-96::before {
  content: "\e2ca";
}
.ui-icon.n-98::before {
  content: "\f071";
}
.ui-icon.n-106::before {
  content: "\f064";
}
.ui-icon.n-112::before {
  content: "\f05e";
}
.ui-icon.n-113::before {
  content: "\f1c0";
}
.ui-icon.n-118::before {
  content: "\f1d8";
}
.ui-icon.n-121::before {
  content: "\f04b";
}
.ui-icon.n-122::before {
  content: "\f04c";
}
.ui-icon.n-123::before {
  content: "\f144";
}
.ui-icon.n-126::before {
  content: "\f363";
}
.ui-icon.n-139::before {
  content: "\f04d";
}
.ui-icon.n-144::before {
  content: "\f106";
}
.ui-icon.n-145::before {
  content: "\f107";
}
.ui-icon.n-146::before {
  content: "\f104";
}
.ui-icon.n-147::before {
  content: "\f105";
}
.ui-icon.n-148::before {
  content: "\f102";
}
.ui-icon.n-149::before {
  content: "\f103";
}
.ui-icon.n-150::before {
  content: "\f100";
}
.ui-icon.n-151::before {
  content: "\f101";
}
.ui-icon.n-152::before {
  content: "\f062";
}
.ui-icon.n-153::before {
  content: "\f063";
}
.ui-icon.n-154::before {
  content: "\f060";
}
.ui-icon.n-155::before {
  content: "\f061";
}
.ui-icon.n-164::before {
  content: "\f0d8";
}
.ui-icon.n-165::before {
  content: "\f0d7";
}
.ui-icon.n-166::before {
  content: "\f0d9";
}
.ui-icon.n-167::before {
  content: "\f0da";
}
.ui-icon.n-168::before {
  content: "\f176";
}
.ui-icon.n-169::before {
  content: "\f175";
}
.ui-icon.n-170::before {
  content: "\f177";
}
.ui-icon.n-171::before {
  content: "\f178";
}
.ui-icon.n-172::before {
  content: "\f032";
}
.ui-icon.n-173::before {
  content: "\f033";
}
.ui-icon.n-174::before {
  content: "\f0cd";
}
.ui-icon.n-176::before {
  content: "\f0c1";
}
.ui-icon.n-177::before {
  content: "\f0c6";
}
.ui-icon.n-178::before {
  content: "\f036";
}
.ui-icon.n-179::before {
  content: "\f037";
}
.ui-icon.n-180::before {
  content: "\f038";
}
.ui-icon.n-181::before {
  content: "\f039";
}
.ui-icon.n-183::before {
  content: "\f0c5";
}
.ui-icon.n-184::before {
  content: "\f0ea";
}
.ui-icon.n-185::before {
  content: "\f03e";
}
.ui-icon.n-187::before {
  content: "\f0ca";
}
.ui-icon.n-192::before {
  content: "\f2ea";
}
.ui-icon.n-193::before {
  content: "\f2f9";
}
.ui-icon.n-202::before {
  content: "\f3c5";
}
.ui-icon.n-205::before {
  content: "\e0cc";
}
.ui-icon.n-218::before {
  content: "\f0cc";
}
.ui-icon.n-220::before {
  content: "\f39b";
}
.ui-icon.n-221::before {
  content: "\f39c";
}
.ui-icon.n-241::before {
  content: "\f890";
}
.ui-icon.n-242::before {
  content: "\f073";
}
.ui-icon.n-243::before {
  content: "\f186";
}
.ui-icon.n-244::before {
  content: "\e28f";
}
.ui-icon.n-245::before {
  content: "\f0c0";
}
.ui-icon.n-246::before {
  content: "\f14d";
}
.ui-icon.n-247::before {
  content: "\f5f8";
}
.ui-icon.n-248::before {
  content: "\f3ff";
}
.ui-icon.n-249::before {
  content: "\f153";
}
.ui-icon.n-250::before {
  content: "\f542";
}
.ui-icon.n-251::before {
  content: "\f28d";
}
.ui-icon.n-252::before {
  content: "\f28b";
}
.ui-icon.n-255::before {
  content: "\f0c9";
}
.ui-icon.n-767::before {
  content: "\f09a";
}
.ui-icon.n-514::before {
  content: "\f099";
}
.ui-icon.n-517::before {
  content: "\f16d";
}
.ui-icon.n-538::before {
  content: "\f179";
}
.ui-icon.n-545::before {
  content: "\f167";
}
.ui-icon.n-551::before {
  content: "\f40a";
}
.ui-icon.n-560::before {
  content: "\f1a0";
}
.ui-icon.n-573::before {
  content: "\f1bc";
}
.ui-icon.n-576::before {
  content: "\f1be";
}
.ui-icon.n-592::before {
  content: "\f3ab";
}

.ui-section {
  position: relative;
  display: block;
  contain: layout;
  contain: inline-size layout;
  padding-top: 60px;
  padding-bottom: 60px;
  background: var(--ui-bg);
  color: var(--ui-fg);
}
.ui-section:where(.m-spread) {
  padding-top: 160px;
  padding-bottom: 160px;
}
.ui-section:where(.m-spread-top) {
  padding-top: 160px;
}
.ui-section:where(.m-spread-bottom) {
  padding-bottom: 160px;
}
.ui-section:where(.m-pad-100) {
  padding-top: 100px;
}
.ui-section.m-join-top {
  padding-top: 0;
}
.ui-section.m-join-bottom {
  padding-bottom: 0;
}
.ui-section.m-overflow {
  z-index: 1;
}
.ui-section.m-700 {
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  min-height: 700px;
  justify-content: center;
  flex-direction: column;
  align-items: stretch;
}
.ui-section.m-700.m-with-menu {
  padding-top: 0;
  min-height: 800px;
}
.ui-section.m-full-height {
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  min-height: 100vh;
  justify-content: center;
  flex-direction: column;
  align-items: stretch;
  z-index: 1;
}
@media not all and (min-width: 750px) {
  .ui-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.ui-section-overlap-top {
  margin-top: -42px;
}

.ui-section-overlap-bottom {
  margin-bottom: -42px;
}

.l-v {
  display: flex;
  flex-direction: column;
}
.l-v.m-center {
  align-items: center;
}
.l-v > .i-fill {
  flex: 1 1 0;
}

.l-h {
  display: flex;
}
.l-h.m-right {
  justify-content: flex-end;
}

.l-w {
  display: flex;
  flex-wrap: wrap;
}

.l-b {
  display: block;
}

.l-h-scroll {
  overflow-x: auto;
  overflow-y: hidden;
}
.l-h-scroll::-webkit-scrollbar {
  display: none;
}

.l-input-row {
  display: flex;
  align-items: center;
  gap: 12px;
}
.l-input-row > .i-horizontal {
  flex: 1 1 0;
}
.l-input-row.m-baseline {
  align-items: baseline;
}
.l-input-row.m-top {
  align-items: flex-start;
}
.l-input-row.m-center {
  justify-content: center;
}

.l-toggle-row {
  display: flex;
  align-items: center;
  gap: 12px;
}
.l-toggle-row > .ui-input {
  font-size: 0.875rem;
}

.l-button-row {
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
}
@media not all and (max-width: 1050px) {
  .l-button-row.m-left-d {
    justify-content: flex-start;
  }
}
.l-button-row.m-left {
  justify-content: flex-start;
}
.l-button-row.m-right {
  justify-content: flex-end;
}
.l-button-row.m-column {
  flex-direction: column;
}

.l-over {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-markdown-link:hover {
  text-decoration: underline;
}

.l-input-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 0.875rem;
}
.l-input-bar.m-center {
  justify-content: center;
}

.l-form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.l-form.m-left {
  align-items: flex-start;
}
.l-form.m-center {
  align-items: center;
  text-align: center;
}
.l-form.m-center > .l-form {
  align-self: stretch;
}
.l-form.m-center > .ui-button {
  align-self: center;
}
.l-form.m-center > .ui-input {
  align-self: stretch;
}
.l-form.m-center > .ui-labeled {
  align-self: stretch;
}
.l-form.m-center > .ui-segmented.m-flexible {
  align-self: stretch;
}
.l-form.m-center > .ui-toggles {
  text-align: left;
}
.l-form.m-center.m-300 > .ui-input {
  width: min(300px, 100%);
  align-self: center;
}
.l-form > .ui-button {
  align-self: flex-start;
  margin-top: 15px;
  margin-bottom: 15px;
}
.l-form > .i-input + .i-input, .l-form > .i-input + .l-input-row, .l-form > .i-input + .ui-labeled, .l-form > .i-input + .l-form, .l-form > .i-input + .l-toggle-row, .l-form > .l-input-row + .i-input, .l-form > .l-input-row + .l-input-row, .l-form > .l-input-row + .ui-labeled, .l-form > .l-input-row + .l-form, .l-form > .l-input-row + .l-toggle-row, .l-form > .l-button-row + .i-input, .l-form > .l-button-row + .l-input-row, .l-form > .l-button-row + .ui-labeled, .l-form > .l-button-row + .l-form, .l-form > .l-button-row + .l-toggle-row, .l-form > .ui-labeled + .i-input, .l-form > .ui-labeled + .l-input-row, .l-form > .ui-labeled + .ui-labeled, .l-form > .ui-labeled + .l-form, .l-form > .ui-labeled + .l-toggle-row, .l-form > .l-form + .i-input, .l-form > .l-form + .l-input-row, .l-form > .l-form + .ui-labeled, .l-form > .l-form + .l-form, .l-form > .l-form + .l-toggle-row, .l-form > .l-toggle-row + .i-input, .l-form > .l-toggle-row + .l-input-row, .l-form > .l-toggle-row + .ui-labeled, .l-form > .l-toggle-row + .l-form, .l-form > .l-toggle-row + .l-toggle-row {
  margin-top: 12px;
}
.l-form > .i-input + .l-button-row, .l-form > .l-input-row + .l-button-row, .l-form > .l-button-row + .l-button-row, .l-form > .ui-labeled + .l-button-row, .l-form > .l-form + .l-button-row, .l-form > .l-toggle-row + .l-button-row {
  margin-top: 18px;
}
.l-form > .ui-input-helper + .i-input, .l-form > .ui-input-helper + .l-input-row, .l-form > .ui-input-helper + .ui-labeled, .l-form > .ui-input-helper + .l-form, .l-form > .ui-input-helper + .l-toggle-row {
  margin-top: 12px;
}
.l-form > .ui-labeled > .ui-image-input {
  height: 160px;
}
.l-form > .ui-labeled > .ui-image-input.m-logo {
  width: 200px;
  height: 100px;
}

.l-columns {
  display: flex;
  column-gap: 120px;
  row-gap: 30px;
  justify-content: center;
}
@media not all and (max-width: 1050px) {
  .l-columns > .i-column {
    width: 0;
    flex: 1 0 0;
    --ui-block-padding: 0;
  }
  .l-columns > .i-column.m-540 {
    max-width: 540px;
  }
}
@media (max-width: 1050px) {
  .l-columns {
    flex-direction: column;
    align-items: center;
  }
  .l-columns > .i-column {
    width: 100%;
  }
}

body {
  --ui-block-padding: max(60px, 50% - 720px);
}

.w-block {
  padding-inline: var(--ui-block-padding);
}

@media not all and (max-width: 1050px) {
  .w-block-d {
    padding-inline: var(--ui-block-padding);
  }
}

@media (min-width: 750px) {
  .w-block-td {
    padding-inline: var(--ui-block-padding);
  }
}

@media not all and (min-width: 750px) {
  .w-block-m {
    padding-inline: var(--ui-block-padding);
  }
}

@media (max-width: 1050px) {
  .w-block-mt {
    padding-inline: var(--ui-block-padding);
  }
}

.w-block-1200 {
  padding-inline: max(50% - 600px, var(--ui-block-padding));
}

.w-block-1000 {
  padding-inline: max(50% - 500px, var(--ui-block-padding));
}

.w-form {
  padding-inline: max(50% - 320px, var(--ui-block-padding));
}

.w-narrow-form {
  padding-inline: max(50% - 160px, var(--ui-block-padding));
}

.w-narrow {
  padding-inline: max(50% - 360px, var(--ui-block-padding));
}

.w-hug {
  padding-inline: var(--ui-block-padding);
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
  align-self: center;
}

@media (min-width: 750px) and (max-width: 1050px) {
  body {
    --ui-block-padding: 30px;
  }
}
@media not all and (min-width: 750px) {
  body {
    --ui-block-padding: 16px;
  }
}
.s-tiny {
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
}

.s-small {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}

.s-medium {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
}

.s-section {
  width: 100%;
  height: 60px;
  flex: 0 0 60px;
}

.s-spread {
  width: 100%;
  height: 160px;
  flex: 0 0 160px;
}
@media not all and (min-width: 750px) {
  .s-spread {
    height: 60px;
    flex: 0 0 60px;
  }
}

.s-flex {
  flex-grow: 1;
}

.font-cardo {
  font-family: "Cardo", serif;
  font-style: italic;
}

.font-lato {
  font-family: "Lato", sans-serif;
}

.t-s-italic {
  font-style: italic;
}

.t-s-normal {
  font-style: normal;
}

.t-w-bold {
  font-weight: 700;
}

.t-w-regular {
  font-weight: 400;
}

.t-ellipsize {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.t-capitalized {
  text-transform: capitalize;
}

.t-uppercase {
  text-transform: uppercase;
}

.t-underline {
  text-decoration: underline !important;
}

.t-strike {
  text-decoration: line-through !important;
}

.t-strike.t-underline {
  text-decoration: underline line-through !important;
}

.t-c-fg {
  color: var(--ui-fg);
}

.t-c-soft {
  color: var(--ui-fg-soft);
}

.t-c-hard {
  color: var(--ui-fg-hard);
}

.t-c-tint {
  color: var(--ui-tint);
}

.t-c-secondary {
  color: var(--ui-secondary);
}

.ui-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  height: 100lvh;
  outline: 0;
}
.ui-backdrop.k-dark {
  background: var(--ui-backdrop);
}
.ui-backdrop.k-darker {
  background: var(--ui-backdrop-hard);
}

.ui-presenter {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  outline: 0;
}
.ui-presenter.a-center {
  justify-content: center;
  align-items: center;
}
.ui-presenter.f-dismissing {
  pointer-events: none;
}

.ui-screen {
  --ui-sidebar-l: 0px;
  --ui-sidebar-r: 0px;
  padding: var(--ui-strut-t) calc(var(--ui-strut-r) + var(--ui-sidebar-r)) var(--ui-strut-b) calc(var(--ui-strut-l) + var(--ui-sidebar-l));
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
}
.ui-screen.f-transitioning-out {
  position: fixed;
  top: var(--transition-scroll);
}
.ui-screen.m-fixed {
  height: 100vh;
}
.ui-screen.m-fixed > .ui-content {
  height: 0;
  flex: 1 0 0;
}
@media not all and (min-width: 750px) {
  .ui-screen {
    padding: var(--ui-strut-t) var(--ui-strut-r) var(--ui-strut-b) var(--ui-strut-l);
  }
}

.ui-sidebar {
  padding: 24px;
  position: fixed;
  top: var(--ui-strut-t);
  bottom: var(--ui-strut-b);
  background: var(--ui-sidebar-bg);
  z-index: 50;
  overflow: auto;
}
.ui-sidebar.m-no-padding {
  padding: 24px 0;
}
.ui-sidebar.a-left {
  left: var(--ui-strut-l);
  width: var(--ui-sidebar-l);
  border-right: 1px solid var(--ui-sidebar-border);
}
.ui-sidebar.a-right {
  right: var(--ui-strut-r);
  left: calc(100vw - var(--ui-sidebar-r) - var(--ui-strut-r));
  border-left: 1px solid var(--ui-sidebar-border);
}
@media not all and (min-width: 750px) {
  .ui-sidebar {
    display: none !important;
  }
}

.ui-content {
  position: relative;
  flex-grow: 1;
}

.ui-tint-reverse {
  --ui-tint: var(--ui-fg-hard);
  --ui-tint-20: var(--ui-fg-20);
  --ui-tint-40: var(--ui-fg-40);
  --ui-tint-80: var(--ui-fg-80);
  --ui-on-tint: var(--ui-bg);
}

.ui-tint-fg {
  --ui-tint: var(--ui-fg);
  --ui-tint-20: var(--ui-fg-20);
  --ui-tint-40: var(--ui-fg-40);
  --ui-tint-80: var(--ui-fg-80);
  --ui-on-tint: var(--ui-bg);
}

.ui-tint-bg {
  --ui-tint: var(--ui-bg);
  --ui-tint-20: var(--ui-bg-20);
  --ui-tint-40: var(--ui-bg-40);
  --ui-tint-80: var(--ui-bg-80);
  --ui-on-tint: var(--ui-fg);
}

.ui-tint-fg-20 {
  --ui-tint: var(--ui-fg-20);
  --ui-on-tint: var(--ui-fg);
}

.ui-tint-fg-80 {
  --ui-tint: var(--ui-fg-80);
  --ui-tint-20: var(--ui-fg-20);
  --ui-tint-40: var(--ui-fg-40);
  --ui-tint-80: var(--ui-fg-80);
  --ui-on-tint: var(--ui-bg);
}

.ui-popup {
  background: var(--ui-popup);
  border-radius: 5px;
  position: absolute;
  z-index: 200;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.ui-popup > .r-arrow {
  width: 0;
  height: 0;
  position: absolute;
  border: 5px solid transparent;
  color: var(--ui-popup);
}
.ui-popup.a-above > .r-arrow {
  border-bottom-width: 0;
  border-top-color: currentColor;
  left: calc(50% - 5px);
  top: 100%;
}
.ui-popup.a-below > .r-arrow {
  border-top-width: 0;
  border-bottom-color: currentColor;
  left: calc(50% - 5px);
  bottom: 100%;
}
.ui-popup.a-left > .r-arrow {
  border-right-width: 0;
  border-left-color: currentColor;
  left: 100%;
  top: calc(50% - 5px);
}
.ui-popup.a-right > .r-arrow {
  border-left-width: 0;
  border-right-color: currentColor;
  right: 100%;
  top: calc(50% - 5px);
}

.ui-popup-backdrop {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 199;
}

.ui-bg-layer {
  top: 0;
  right: 0;
  position: fixed;
  width: 100%;
  height: 100%;
}

.ui-dropdown {
  font-size: 1rem;
}
.ui-dropdown.k-mini {
  box-shadow: none;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  border-left: 1px solid #888;
  background: white;
  font-size: 0.75rem;
}
.ui-dropdown.k-mini > .ui-dropdown-item {
  padding: 0.2em 0 0.2em 33px;
}
.ui-dropdown.k-big > .ui-dropdown-item {
  padding: 0.6em 1.2em;
}

.ui-dropdown-info {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  line-height: 1;
  font-size: 0.8125rem;
}
.ui-dropdown-info > .r-small {
  font-size: 0.6875rem;
  color: var(--ui-tint);
  margin-bottom: 0.3em;
}

.ui-dropdown-header {
  padding: 0.5em 1.25em;
  display: block;
  font-weight: 700;
}

.ui-dropdown-item {
  display: block;
  cursor: pointer;
  padding: 0.5em 1.25em;
}
.ui-dropdown-item.m-multiple {
  padding-left: 1.6em;
  position: relative;
}
.ui-dropdown-item.m-sub {
  padding-right: 2em;
  position: relative;
}
.ui-dropdown-item.m-complex {
  display: flex;
  align-items: center;
}
.ui-dropdown-item > .r-check {
  font-size: 0.75em;
  position: absolute;
  height: 1em;
  left: 0.6em;
  top: calc(50% - 0.4em);
  display: none;
}
.ui-dropdown-item > .r-sub {
  font-size: 0.75em;
  position: absolute;
  height: 1em;
  right: 0.6em;
  top: calc(50% - 0.5em);
  display: block;
}
.ui-dropdown-item.f-highlighted {
  font-weight: 700;
}
.ui-dropdown-item.f-checked > .r-check {
  display: block;
}
.ui-dropdown-item:hover {
  background: var(--ui-dropdown-highlight);
}
.ui-dropdown-item.f-selected {
  background: var(--ui-dropdown-selected);
}

.ui-dropdown-separator {
  height: 1px;
  background: var(--ui-separator);
}

@media not all and (min-width: 750px) {
  .ui-dropdown {
    font-size: 1.25rem;
  }
  .ui-dropdown-item {
    padding: 0.3em 1em;
  }
}
.ui-dialog {
  position: relative;
  max-width: calc(100% - 48px);
  max-height: calc(100% - 48px);
  background: var(--ui-bg);
  overflow-y: auto;
  border-radius: 15px;
  --ui-block-padding: 60px;
  color: var(--ui-fg);
}
.ui-dialog > .r-close {
  cursor: pointer;
  z-index: 100;
  padding: 1em;
  font-size: 1rem;
  position: absolute;
  top: 16px;
  right: 16px;
}
.ui-dialog > .r-back {
  position: absolute;
  width: 100%;
}
.ui-dialog.m-flexible-460 {
  max-width: min(100% - 48px, 460px);
}
.ui-dialog.m-600 {
  width: 600px;
}
.ui-dialog.m-550 {
  width: 550px;
}
.ui-dialog.m-500 {
  width: 500px;
}
.ui-dialog.m-440 {
  width: 440px;
}
@media not all and (min-width: 750px) {
  .ui-dialog {
    --ui-block-padding: 16px;
  }
  .ui-dialog > .ui-dialog-content {
    padding: 60px 0 40px;
  }
  .ui-dialog.m-mobile-fs {
    position: fixed;
    width: 100vw;
    height: 100vh;
    max-width: 100vw;
    max-height: 100vh;
    border-radius: 0;
  }
  .ui-dialog.m-mobile-fs.m-at-bottom {
    bottom: 0;
    height: auto;
  }
  .ui-dialog.m-mobile-fs > .ui-dialog-content {
    padding-bottom: 80px;
  }
}
.ui-dialog.m-join-top > .ui-dialog-content {
  padding-top: 0;
}
.ui-dialog.m-join-bottom > .ui-dialog-content {
  padding-bottom: 0;
}

.ui-dialog-content {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding-block: 48px;
}
.ui-dialog-content > .w-block {
  align-self: stretch;
}

.ui-document-dialog {
  width: 760px;
}
.ui-document-dialog > .ui-dialog-content {
  width: 100%;
  height: calc(100vh - 120px);
}
.ui-document-dialog > .ui-dialog-content > iframe {
  width: 100%;
  height: 100%;
}
.ui-document-dialog > .ui-dialog-content > .ui-button {
  flex-shrink: 0;
  align-self: center;
  margin-top: 12px;
  color: white;
}
.ui-document-dialog > .ui-dialog-content > .ui-button.logout {
  position: absolute;
  right: 0;
  bottom: 0;
  color: white;
}

@keyframes ripple-in {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.ui-ripple {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.ui-ripple > circle {
  animation: ripple-in 200ms linear;
  fill: currentColor;
  opacity: var(--ui-ripple-opacity);
  transform: scale(1);
  will-change: transform, opacity;
}
.ui-ripple.f-gone {
  transition: opacity 150ms linear;
  opacity: 0;
}

.ui-fixed-ripple {
  position: absolute;
  background: currentcolor;
  border-radius: 50%;
  transform-origin: center center;
  will-change: transform, opacity;
  pointer-events: none;
  opacity: var(--ui-ripple-opacity);
  transform: scale(1);
  animation: ripple-in 150ms linear;
}
.ui-fixed-ripple.f-gone {
  transition: opacity 150ms linear;
  opacity: 0;
}

.ui-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  border: none;
  border-radius: 0;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
  appearance: none;
  touch-action: manipulation;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  transition: opacity 0.3s;
  padding: 0;
  background: none;
  color: var(--ui-tint);
}
.ui-button.f-disabled {
  cursor: default;
  box-shadow: none;
  opacity: 0.3 !important;
}
.ui-button.f-disabled.m-disabled-clicks {
  cursor: pointer;
}
.ui-button:focus, .ui-button:hover {
  outline: none;
  color: var(--ui-tint);
}
.ui-button > .ui-icon.r-left {
  margin-right: 0.4em;
}
.ui-button > .ui-icon.r-right {
  margin-left: 0.4em;
}
.ui-button.k-default {
  --ui-ripple-opacity: 0.15;
  padding: 0 1.4em;
  height: 3em;
  background: var(--ui-tint);
  color: var(--ui-on-tint);
  border-radius: 2px;
}
.ui-button.k-default.m-hollow {
  --ui-ripple-opacity: 0.1;
  background: none;
  color: var(--ui-tint);
  border: 1px solid;
  padding: 0 calc(1.4em - 2px);
}
.ui-button.k-default.m-hollow.m-larger {
  padding: 0 calc(2em - 2px);
}
.ui-button.k-default.m-compact {
  height: 2.4em;
}
.ui-button.k-default.m-larger {
  padding: 0 2em;
  height: 4em;
}
.ui-button.k-default.m-round {
  border-radius: 1.5em;
}
.ui-button.k-default.m-round.m-compact {
  border-radius: 1.2em;
}
.ui-button.k-square {
  width: 2.5em;
  height: 2.5em;
  opacity: 0.85;
  background: var(--ui-tint);
  color: var(--ui-on-tint);
}
.ui-button.k-square > .ui-icon {
  line-height: 2.5em;
}
.ui-button.k-square:hover {
  opacity: 1;
}
.ui-button.k-square.m-bigger {
  height: 3em;
  width: 3em;
  font-size: 1.1em;
}
.ui-button.k-square.m-compact {
  height: 2em;
  width: 2em;
}
.ui-button.k-square.m-compact > .ui-icon {
  line-height: 2em;
}
.ui-button.k-square.m-hollow {
  border: 1px solid;
  background: none;
  color: var(--ui-tint);
}
.ui-button.k-square.m-transparent {
  background: none;
  color: inherit;
}
.ui-button.k-square.m-toggle {
  background: none;
  color: var(--ui-tint);
}
.ui-button.k-square.m-toggle.f-checked {
  background: var(--ui-tint);
  color: var(--ui-on-tint);
}
.ui-button.k-square.m-action {
  font-size: 1.25rem;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  border-radius: 0.5em;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100;
}
.ui-button.k-square.m-round {
  border-radius: 50%;
}
.ui-button.k-toolbar {
  color: var(--ui-fg-soft);
  height: 36px;
  min-width: 36px;
  border-radius: 6px;
}
.ui-button.k-toolbar > .r-text {
  margin: 0 12px;
}
.ui-button.k-toolbar:hover {
  background: var(--ui-fg-10);
}
.ui-button.k-toolbar.m-check {
  color: var(--ui-placeholder);
}
.ui-button.k-toolbar.f-checked {
  color: var(--ui-fg);
  text-shadow: 0 0 0.2em rgba(255, 255, 255, 0.4), 0 0 0.2em rgba(255, 255, 255, 0.4);
}
.ui-button.k-menubar {
  padding: 0 20px;
  text-transform: uppercase;
  height: 48px;
  font-weight: 400;
  color: inherit;
  opacity: 0.6;
  transition: text-shadow 0.3s ease;
}
.ui-button.k-menubar.m-vertical {
  padding: 0;
  height: 60px;
  justify-content: flex-start;
}
.ui-button.k-menubar.m-vertical > .r-left {
  font-size: 1.2em;
  text-align: center;
  width: 86px;
}
.ui-button.k-menubar.m-vertical.f-highlighted {
  background: var(--ui-fg-10);
}
.ui-button.k-menubar.m-vertical.f-highlighted > .r-left.ui-icon.k-fa {
  font-weight: 900;
}
.ui-button.k-menubar:hover, .ui-button.k-menubar.f-highlighted {
  opacity: 1;
}
.ui-button.k-menubar.f-highlighted {
  text-shadow: 0 0 0.2em rgba(255, 255, 255, 0.4), 0 0 0.2em rgba(255, 255, 255, 0.4);
}
.ui-button.k-text {
  padding: 0.5em;
  line-height: 0;
}
.ui-button.k-text > .r-text {
  line-height: 1em;
}
.ui-button.k-text.m-default {
  font-weight: 700;
}
.ui-button.k-text.m-small {
  color: var(--ui-fg-soft);
  font-size: 0.8125rem;
}
.ui-button.k-text.m-extra-padding {
  padding: 1.2em;
}
.ui-button.k-text.m-inline {
  padding: 0;
  line-height: inherit;
}
.ui-button.k-text.m-inline > .r-text {
  line-height: inherit;
}
.ui-button.k-text.m-underline {
  color: var(--ui-fg);
  text-decoration: underline;
}
.ui-button.k-hamburger {
  font-size: 1.25rem;
  padding-left: 2.5em;
  height: 2.5em;
  border-radius: 3px;
}
.ui-button.k-hamburger > .r-text {
  margin-right: 0.6em;
}
.ui-button.k-hamburger > svg {
  fill: currentcolor;
  position: absolute;
  width: 2em;
  top: 0.25em;
  left: 0.25em;
  transition: all 0.5s;
}
.ui-button.k-hamburger > svg.r-top {
  transform: translate3d(0, -0.4em, 0);
}
.ui-button.k-hamburger > svg.r-middle {
  transform: translate3d(0, 0, 0);
}
.ui-button.k-hamburger > svg.r-bottom {
  transform: translate3d(0, 0.4em, 0);
}
.ui-button.k-hamburger.f-checked > svg.r-top {
  transform: rotateZ(135deg);
}
.ui-button.k-hamburger.f-checked > svg.r-middle {
  opacity: 0;
}
.ui-button.k-hamburger.f-checked > svg.r-bottom {
  transform: rotateZ(-135deg);
}
.ui-button.f-spin > .r-text, .ui-button.f-okay > .r-text {
  opacity: 0;
}
.ui-button.f-spin > .ui-icon, .ui-button.f-okay > .ui-icon {
  opacity: 0;
}
.ui-button.f-spin::after, .ui-button.f-okay::after {
  position: absolute;
  left: calc(50% - 0.5em);
  top: calc(50% - 0.5em);
  font: normal normal normal 14px/1 "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.ui-button.f-spin::after {
  animation: ui-icon-spin 2s infinite linear;
  content: "\e62a";
  font-weight: 900;
}
.ui-button.f-okay::after {
  animation: ui-icon-bounce 0.5s;
  content: "\f00c";
  font-weight: 400;
}
.ui-button.m-shadow {
  transition: box-shadow 0.2s ease;
}
.ui-button:hover.m-shadow {
  box-shadow: 0 4px 20px var(--ui-tint-20), 0 8px 40px var(--ui-tint-40);
}
.ui-button.m-spaces {
  align-items: center;
  display: inline-flex;
  padding-left: 1em;
  padding-right: 1em;
  width: min(400px, 100%);
}
.ui-button > .r-fb {
  position: absolute;
  left: calc(100% + 12px);
}

.ui-inkbar {
  background: var(--ui-tint);
}
.ui-inkbar.f-to-right {
  transition: left 0.15s cubic-bezier(0.35, 0, 0.25, 1) 0.05s, right 0.15s cubic-bezier(0.35, 0, 0.25, 1), background-color 0.25s;
}
.ui-inkbar.f-to-left {
  transition: left 0.15s cubic-bezier(0.35, 0, 0.25, 1), right 0.15s cubic-bezier(0.35, 0, 0.25, 1) 0.05s, background-color 0.25s;
}

.ui-tabs {
  display: block;
}
.ui-tabs.k-default > .r-tabs > .ui-button.k-text {
  background: var(--ui-bg);
  color: #999;
}
.ui-tabs.k-default > .r-tabs > .ui-button.k-text.f-active {
  color: var(--ui-tint);
}
.ui-tabs.k-flat > .r-tabs > .ui-button.k-text {
  color: var(--ui-on-tint);
  background: var(--ui-tint);
  font-weight: 300;
}
.ui-tabs.k-flat > .r-tabs > .ui-button.k-text.f-active {
  color: var(--ui-tint);
  background: var(--ui-bg);
  font-weight: 700;
}
.ui-tabs > .r-tabs {
  display: flex;
  position: relative;
}
.ui-tabs > .r-tabs > .ui-button.k-text {
  flex: 1 0 0px;
  padding: 1em 0;
}
.ui-tabs > .r-tabs > .ui-inkbar {
  position: absolute;
  bottom: 0;
  height: 2px;
}

.ui-input {
  position: relative;
  display: flex;
  padding: 0;
  color: var(--ui-fg-input);
  min-width: 0;
}
.ui-input > .r-core {
  cursor: text;
  position: relative;
  flex: 1 1 0;
  width: 200px;
  display: flex;
}
.ui-input > .r-core > .r-title {
  position: absolute;
  left: 0;
  top: 16px;
  pointer-events: none;
  color: var(--ui-placeholder);
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: top 0.2s ease, padding-left 0.2s ease;
}
.ui-input > .r-core > .r-field {
  width: 100%;
  border: none;
  border-radius: 0;
  background: none;
  transition: 0.2s ease;
  color: inherit;
  caret-color: currentcolor;
  -webkit-tap-highlight-color: transparent;
}
.ui-input > .r-core > .r-field:disabled {
  color: var(--ui-disabled);
  -webkit-text-fill-color: var(--ui-disabled);
}
.ui-input > .r-core > .r-field.f-placeholder, .ui-input > .r-core > .r-field::placeholder {
  color: var(--ui-placeholder);
}
.ui-input > .r-core > .r-field > .r-placeholder {
  position: absolute;
  color: var(--ui-placeholder);
  pointer-events: none;
}
.ui-input > .r-ldeco, .ui-input > .r-rdeco {
  color: var(--ui-tint);
  align-self: center;
}
.ui-input > .r-core > .r-field:-webkit-autofill ~ .r-title {
  font-weight: 600;
  font-size: 0.625rem;
  top: 3px;
  text-transform: uppercase;
}
.ui-input.f-notempty > .r-core > .r-title, .ui-input > .r-core > .r-field:autofill ~ .r-title {
  font-weight: 600;
  font-size: 0.625rem;
  top: 3px;
  text-transform: uppercase;
}
.ui-input.f-notempty > .r-core > .r-field > .r-placeholder {
  display: none;
}
.ui-input:hover > .r-deco-up, .ui-input:hover > .r-deco-down {
  display: block;
}
.ui-input > .r-deco-up, .ui-input > .r-deco-down {
  display: none;
  text-align: center;
  position: absolute;
  right: 0;
  height: 1.4em;
  width: 1.5em;
  line-height: 1em;
  font-size: 0.6em;
  color: var(--ui-link);
}
.ui-input > .r-deco-up:hover, .ui-input > .r-deco-down:hover {
  color: var(--ui-link-hover);
}
.ui-input > .r-deco-up {
  bottom: 1.5em;
  padding: 0.4em 0 0 0;
}
.ui-input > .r-deco-down {
  bottom: 0;
  padding: 0 0 0.4em 0;
}
.ui-input > .r-invalid-message {
  position: absolute;
  top: 100%;
  left: 0;
  color: #e3501e;
  opacity: 0;
  transition: opacity 0.3s ease;
  font-size: 0.625rem;
}
.ui-input.f-invalid > .r-invalid-message {
  opacity: 1;
}
.ui-input.k-line {
  transition: border-color 0.2s ease;
  border-bottom: 1px solid var(--ui-input-line);
}
.ui-input.k-line.f-focus {
  border-color: var(--ui-fg-input);
}
.ui-input.k-line.f-invalid {
  border-color: #EA5455;
}
.ui-input.k-line > .r-core > .r-field {
  padding: 4px 0 0;
}
.ui-input.k-line > .r-core > .r-field:-webkit-autofill {
  text-indent: 8px;
}
.ui-input.k-line > .r-core > .r-field:focus, .ui-input.k-line > .r-core > .r-field:autofill {
  text-indent: 8px;
}
.ui-input.k-line > .r-core > .r-field:-webkit-autofill ~ .r-title {
  padding-left: 8px;
}
.ui-input.k-line > .r-core > .r-field:focus ~ .r-title, .ui-input.k-line > .r-core > .r-field:autofill ~ .r-title {
  padding-left: 8px;
}
.ui-input.k-line.f-ldeco > .r-core > .r-field {
  text-indent: 0 !important;
}
.ui-input.k-line.f-ldeco > .r-core > .r-field ~ .r-title {
  padding-left: 0 !important;
}
.ui-input.k-line > .r-ldeco {
  margin-right: 8px;
}
.ui-input.k-line > .r-rdeco {
  margin-left: 8px;
}
.ui-input.k-line.f-notempty.f-focus > .r-core > .r-title {
  color: var(--ui-tint);
}
.ui-input.k-line.f-title > .r-core > .r-field {
  padding-top: 16px;
}
.ui-input.k-frame {
  transition: border-color 0.2s ease;
  border: 1px solid var(--ui-border);
  border-radius: 5px;
}
.ui-input.k-frame.f-focus {
  border-color: var(--ui-tint);
  box-shadow: 0 0 0 3px var(--ui-tint-20);
}
.ui-input.k-frame.f-focus > .r-core > .r-title {
  color: var(--ui-tint);
}
.ui-input.k-frame.f-invalid {
  border-color: #EA5455;
}
.ui-input.k-frame > .r-core > .r-placeholder {
  left: 8px;
  top: 0.5em;
}
.ui-input.k-frame > .r-core > .r-title {
  font-size: 0.625rem;
  top: 8px;
  left: 8px;
  color: inherit;
  text-transform: none;
  font-weight: 700;
}
.ui-input.k-frame > .r-core > .r-field {
  padding: 0.5em 8px;
  border-radius: 5px;
}
.ui-input.k-frame > .r-ldeco {
  margin-left: 8px;
}
.ui-input.k-frame > .r-rdeco {
  margin-right: 8px;
}
.ui-input.k-frame.f-title > .r-core > .r-field {
  padding-top: 24px;
}
.ui-input.k-flat {
  padding: 6px;
}
.ui-input.k-flat:hover {
  background: var(--ui-fg-10);
}
.ui-input.k-flat.f-focus {
  background: var(--ui-fg-20);
}
.ui-input.k-flat.m-compact > .r-core > .r-field {
  padding: 2px 4px;
}
.ui-input.k-flat > .r-ldeco {
  margin-left: 4px;
  margin-right: 6px;
}
.ui-input.k-flat > .r-rdeco {
  margin-left: 6px;
  margin-right: 4px;
}
.ui-input.k-flat.m-transparent {
  color: inherit;
}
.ui-input.k-flat.m-transparent > .r-ldeco, .ui-input.k-flat.m-transparent > .r-rdeco {
  color: inherit;
}
.ui-input.k-flat.m-transparent > .r-rdeco {
  color: inherit;
}
.ui-input.k-flat.m-transparent:hover, .ui-input.k-flat.m-transparent.f-focus {
  background: none;
}
.ui-input.k-flat.m-transparent > .r-core > .r-field {
  color: inherit;
}
.ui-input.k-flat.m-round {
  border-radius: 100px;
}
.ui-input.k-subtle {
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  background: var(--ui-fg-20);
  border: 1px solid transparent;
  border-radius: 8px;
}
.ui-input.k-subtle.m-harder {
  background: var(--ui-fg-20);
}
.ui-input.k-subtle.f-focus {
  border-color: var(--ui-tint);
  box-shadow: 0 0 0 3px var(--ui-tint-20);
}
.ui-input.k-subtle.f-focus > .r-core > .r-title {
  color: var(--ui-tint);
}
.ui-input.k-subtle.f-invalid {
  border-color: #EA5455;
}
.ui-input.k-subtle > .r-core > .r-placeholder {
  left: 8px;
  top: 0.7em;
}
.ui-input.k-subtle > .r-core > .r-title {
  font-size: 0.625rem;
  top: 8px;
  left: 8px;
  color: inherit;
  text-transform: none;
  font-weight: 700;
}
.ui-input.k-subtle > .r-core > .r-field {
  padding: 0.7em 8px;
  border-radius: 5px;
}
.ui-input.k-subtle > .r-ldeco {
  margin-left: 8px;
}
.ui-input.k-subtle > .r-rdeco {
  margin-right: 8px;
}
.ui-input.k-subtle > .r-ldeco, .ui-input.k-subtle > .r-rdeco {
  color: var(--ui-fg);
}
.ui-input.k-subtle.f-title > .r-core > .r-field {
  padding-top: 24px;
}
.ui-input.k-toolbar {
  height: 36px;
  padding: 0 8px;
  border-radius: 6px;
}
.ui-input.k-toolbar:hover {
  background: var(--ui-fg-10);
}
.ui-input.k-toolbar > .r-core {
  align-items: center;
}
.ui-input.k-toolbar > .r-rdeco {
  margin-left: 10px;
}
.ui-input.k-inline > .r-rdeco {
  margin-left: 6px;
}
.ui-input.m-resizeable {
  overflow: hidden;
  resize: vertical;
}
.ui-input.m-sized > .r-core {
  height: 100%;
}
.ui-input.m-sized > .r-core > .r-field {
  height: 100%;
}
.ui-input.f-disabled {
  opacity: 0.6;
}

.ui-toolbar > .ui-input:not(:last-child) {
  margin-right: 1em;
}

.ui-input.ui-stripe-input.k-line > .r-field:-webkit-autofill {
  text-indent: 0;
  padding-left: 8px;
}

.ui-input.ui-stripe-input.k-line > .r-field:focus, .ui-input.ui-stripe-input.k-line > .r-field:autofill {
  text-indent: 0;
  padding-left: 8px;
}
.ui-input.ui-stripe-input.k-line > .r-field:-webkit-autofill ~ .r-title {
  padding-left: 8px;
}
.ui-input.ui-stripe-input.k-line > .r-field:focus ~ .r-title, .ui-input.ui-stripe-input.k-line > .r-field:autofill ~ .r-title {
  padding-left: 8px;
}

.ui-required-star {
  color: #EA5455;
  font-weight: 900;
  padding-left: 2px;
}

.ui-input-status {
  text-align: center;
  width: 2em;
  display: inline-block;
}
.ui-input-status > .ui-icon {
  padding: 0 0 0.2em;
  vertical-align: bottom !important;
}
.ui-input-status > .ui-icon.r-good {
  display: none;
  color: #44bf3a;
}
.ui-input-status > .ui-icon.r-bad {
  visibility: hidden;
  color: #e3501e;
}
.ui-input-status.s-good > .ui-icon.r-good {
  display: inline-block;
}
.ui-input-status.s-good > .ui-icon.r-bad {
  display: none;
}
.ui-input-status.s-bad > .ui-icon.r-bad {
  visibility: visible;
}

.ui-i18n-input {
  display: flex;
  flex-direction: column;
}
.ui-i18n-input > .r-top {
  display: flex;
  margin: 0 6px;
}
.ui-i18n-input > .r-top > .ui-segmented {
  align-self: flex-end;
}
.ui-i18n-input > .r-top > .ui-button {
  font-size: 0.75rem;
}
.ui-i18n-input > .r-top > .ui-button.r-plus {
  font-size: 0.625rem;
  margin-left: 6px;
}

.ui-input-helper {
  font-size: 0.75rem;
}

.ui-select {
  cursor: pointer;
}
.ui-select > .r-arrow {
  font-size: 0.7em;
}
.ui-select > .r-core {
  cursor: pointer;
  text-align: start;
  min-width: 0;
}
.ui-select > .r-core > .r-field {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ui-select.m-hug > .r-core {
  width: auto;
}

.ui-labeled {
  flex-grow: 1;
  display: flex;
}
.ui-labeled.m-horizontal {
  align-items: baseline;
}
.ui-labeled.m-vertical {
  flex-direction: column;
}
.ui-labeled > .r-label {
  flex-shrink: 0;
  margin-right: 12px;
}
.ui-labeled > .r-label.r-above {
  color: var(--ui-placeholder);
  font-weight: 600;
  font-size: 0.625rem;
  top: 3px;
  text-transform: uppercase;
  margin-bottom: 2px;
}
.ui-labeled > .r-label.r-below {
  color: var(--ui-placeholder);
  font-weight: 600;
  font-size: 0.625rem;
}
.ui-labeled > .ui-input {
  flex-grow: 1;
}

@keyframes ui-progress-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes ui-progress-spinner-circle {
  0% {
    stroke-dashoffset: 238.76103;
    transform: rotate(0);
  }
  12.5% {
    stroke-dashoffset: 50.26548;
    transform: rotate(0);
  }
  12.5001% {
    stroke-dashoffset: 50.26548;
    transform: rotateX(180deg) rotate(72.5deg);
  }
  25% {
    stroke-dashoffset: 238.76103;
    transform: rotateX(180deg) rotate(72.5deg);
  }
  25.0001% {
    stroke-dashoffset: 238.76103;
    transform: rotate(270deg);
  }
  37.5% {
    stroke-dashoffset: 50.26548;
    transform: rotate(270deg);
  }
  37.5001% {
    stroke-dashoffset: 50.26548;
    transform: rotateX(180deg) rotate(161.5deg);
  }
  50% {
    stroke-dashoffset: 238.76103;
    transform: rotateX(180deg) rotate(161.5deg);
  }
  50.0001% {
    stroke-dashoffset: 238.76103;
    transform: rotate(180deg);
  }
  62.5% {
    stroke-dashoffset: 50.26548;
    transform: rotate(180deg);
  }
  62.5001% {
    stroke-dashoffset: 50.26548;
    transform: rotateX(180deg) rotate(251.5deg);
  }
  75% {
    stroke-dashoffset: 238.76103;
    transform: rotateX(180deg) rotate(251.5deg);
  }
  75.0001% {
    stroke-dashoffset: 238.76103;
    transform: rotate(90deg);
  }
  87.5% {
    stroke-dashoffset: 50.26548;
    transform: rotate(90deg);
  }
  87.5001% {
    stroke-dashoffset: 50.26548;
    transform: rotateX(180deg) rotate(341.5deg);
  }
  100% {
    stroke-dashoffset: 238.76103;
    transform: rotateX(180deg) rotate(341.5deg);
  }
}
.ui-progress-wheel {
  width: 2em;
  height: auto;
  display: inline-block;
}
.ui-progress-wheel > svg {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  transform: rotate(-90deg);
}
.ui-progress-wheel > svg > .r-back {
  stroke: var(--ui-fg-10);
  stroke-width: 10;
  fill: none;
}
.ui-progress-wheel > svg > .r-progress {
  transform: rotate(0);
  stroke: var(--ui-tint);
  stroke-width: 10;
  fill: none;
  stroke-dasharray: 251.3274;
  transform-origin: center;
  transition: stroke-dashoffset 80ms linear;
}
.ui-progress-wheel > svg > path {
  fill: var(--ui-tint);
}
.ui-progress-wheel.f-undefined > svg {
  animation: ui-progress-spinner 2s linear infinite;
}
.ui-progress-wheel.f-undefined > svg > circle {
  transition: none;
  stroke-dashoffset: 100;
  animation: ui-progress-spinner-circle 4s cubic-bezier(0.35, 0, 0.25, 1) infinite;
}

.ui-image {
  display: inline-block;
}

ui-image {
  display: inline-block;
  flex-shrink: 0;
  max-width: 100%;
  width: var(--ui-width);
  aspect-ratio: var(--ui-aspect);
}

.ui-image-input {
  position: relative;
}
.ui-image-input.f-disabled {
  opacity: 0.5;
}
.ui-image-input.f-disabled > .r-buttons {
  display: none;
}
.ui-image-input > .r-empty {
  display: none;
  border: 1px solid transparent;
  background: var(--ui-fg-10);
  padding: 0 0.5em;
  color: var(--ui-fg-40);
}
.ui-image-input > .r-empty > .ui-icon {
  font-size: 2.4em;
}
.ui-image-input > .r-empty > .r-text {
  margin-top: 0.5em;
  text-align: center;
}
.ui-image-input > .r-buttons {
  z-index: 1;
  opacity: 0;
  color: var(--ui-bg);
  border-radius: inherit;
  display: flex;
  align-items: center;
  transition: opacity 0.3s ease;
  background-color: var(--ui-fg-40);
}
.ui-image-input > .r-buttons:hover {
  opacity: 1;
}
.ui-image-input > .r-buttons > .ui-button {
  font-size: 1.25rem;
  opacity: 0.8;
}
.ui-image-input > .r-buttons > .ui-button:hover {
  opacity: 1;
}
.ui-image-input > .r-progress {
  z-index: 2;
  display: none;
}
.ui-image-input > .r-progress > .ui-progress-wheel {
  width: 30%;
}
.ui-image-input.m-200 {
  width: 200px;
  height: 200px;
}
.ui-image-input.f-empty > .r-empty {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.ui-image-input.f-progress > .r-empty {
  display: none;
}
.ui-image-input.f-progress > .r-progress {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui-image-input.f-invalid > .r-empty {
  border-color: #e3501e;
}

.ui-tooltip {
  --ui-popup: var(--ui-toast);
  pointer-events: none;
  color: var(--ui-toast-text);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  padding: 6px 10px;
  width: auto;
  max-width: 300px;
  z-index: 100;
  font-size: 0.75rem;
}
.ui-tooltip.k-chart {
  border: none;
  font-weight: 400;
  padding: 3px 6px;
}
.ui-tooltip.k-table {
  color: var(--ui-fg-soft);
  background: none;
  border: none;
  box-shadow: none;
  font-size: 0.875rem;
}
.ui-tooltip.k-table > .r-arrow {
  display: none;
}
.ui-tooltip.a-above {
  transform-origin: 50% 110%;
}
.ui-tooltip.a-below {
  transform-origin: 50% -10%;
}
.ui-tooltip.a-right {
  transform-origin: -10% 50%;
}
.ui-tooltip.a-left {
  transform-origin: 110% 50%;
}
.ui-tooltip.m-clickable {
  pointer-events: initial;
}

.ui-table-wrapper {
  overflow-x: auto;
}

.ui-table-element {
  margin: 0;
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  position: relative;
}

.ui-sort-indicator {
  display: inline-block;
  opacity: 0;
  transition: transform 0.3s, opacity 0.3s;
  transform: translateY(-20%);
}
.ui-sort-indicator > svg {
  fill: var(--ui-fg-soft);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: transform 0.3s;
}
.ui-sort-indicator > svg.r-left {
  transform: translateY(33%) rotate(45deg);
}
.ui-sort-indicator > svg.r-right {
  transform: translateY(33%) rotate(-45deg);
}
.ui-sort-indicator.f-sorted {
  opacity: 1;
  transform: none;
}
.ui-sort-indicator.f-up > svg.r-left {
  transform: translateY(-33%) rotate(-45deg);
}
.ui-sort-indicator.f-up > svg.r-right {
  transform: translateY(-33%) rotate(45deg);
}

.ui-table-head {
  text-align: left;
  font-size: 0.8125rem;
  color: var(--ui-fg-soft);
}
.ui-table-head > tr {
  background: var(--ui-row-header);
}
.ui-table-head > tr:empty {
  display: none;
}
.ui-table-head > tr > th {
  padding: 0 0 0 12px;
  height: 3em;
  vertical-align: middle;
  position: relative;
  text-transform: uppercase;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-table-head > tr > th > .r-title {
  display: inline-block;
  position: relative;
}
.ui-table-head > tr > th > .r-title > .ui-sort-indicator {
  position: absolute;
  top: calc(50% - 0.5em);
  left: calc(100% - 1em);
  width: 1em;
  height: 1em;
}
.ui-table-head > tr > th.m-sortable {
  cursor: pointer;
}
.ui-table-head > tr > th.m-sortable > .r-title {
  padding: 0 1.5em 0 0;
}
.ui-table-head > tr > th.m-sortable:hover > .r-title {
  color: var(--ui-link-hover);
}
.ui-table-head > tr > th.m-right {
  padding: 0 12px 0 0;
  text-align: right;
}
.ui-table-head > tr > th.m-right > .r-title > .ui-sort-indicator {
  left: 0;
}
.ui-table-head > tr > th.m-right.m-sortable > .r-title {
  padding: 0 0 0 1.5em;
}
.ui-table-head > tr > th.m-center {
  padding: 0 6px;
  text-align: center;
}
.ui-table-head > tr > th.r-checkbox {
  padding: 4px 0 4px 4px;
}
.ui-table-head.m-no-header > tr > th {
  padding: 0;
  height: 0;
}
.ui-table-head.m-no-header > tr > th > .r-title {
  display: none;
}

.ui-table-button {
  font-size: 1.1875rem;
  display: none;
  padding: 5px;
  cursor: pointer;
}
.ui-table-button:hover {
  color: var(--ui-link-hover);
}
.ui-table-button.m-always {
  display: inline-block;
}
.ui-table-button.ui-icon {
  width: 1.5em;
  text-align: center;
  padding: 5px 0;
}
.ui-table-button.ui-icon.f-spin::before {
  display: inline-block;
  animation: ui-icon-spin 2s infinite linear;
  content: "\f03d";
  font-weight: 900;
}
.ui-table-button.ui-icon.f-okay::before {
  display: inline-block;
  animation: ui-icon-bounce 0.5s;
  content: "\f012";
  font-weight: 400;
}
.ui-table-button.ui-icon.f-green {
  color: #44bf3a;
}

.ui-table-body {
  font-size: 0.8125rem;
}

.ui-table-row {
  color: var(--ui-fg);
}
.ui-table-row:hover, .ui-table-row.f-editing, .ui-table-row.f-expanded, .ui-table-row.f-dragging {
  background: var(--ui-row-highlight);
}
.ui-table-row:hover > td > .ui-table-button, .ui-table-row.f-editing > td > .ui-table-button, .ui-table-row.f-expanded > td > .ui-table-button, .ui-table-row.f-dragging > td > .ui-table-button {
  display: inline-block;
}
.ui-table-row.f-dragging {
  z-index: 100;
  position: absolute;
}
.ui-table-row.f-dragging > td {
  border-bottom: none;
}
.ui-table-row.f-expanded > td {
  border-bottom-color: transparent;
}
.ui-table-row > td {
  border-bottom: 1px solid var(--ui-separator);
  padding: 4px 0 4px 12px;
  height: 3em;
  vertical-align: middle;
  overflow-wrap: break-word;
}
.ui-table-row > td.m-right {
  padding: 4px 12px 4px 12px;
  text-align: right;
}
.ui-table-row > td.m-center {
  padding: 4px 6px;
  text-align: center;
}
.ui-table-row > td.r-buttons {
  padding: 4px 0;
  color: var(--ui-link);
  text-align: right;
}
.ui-table-row > td.r-checkbox {
  padding: 4px 0 4px 4px;
}

.ui-table-placeholder > td {
  border-bottom: 1px solid var(--ui-separator);
}

.ui-table-value-expansion {
  background: var(--ui-row-expansion);
}

.ui-table-expansion {
  background: var(--ui-row-highlight);
}
.ui-table-expansion > td {
  overflow: hidden;
  border-bottom: 1px solid var(--ui-separator);
}

@media (max-width: 1050px) {
  .ui-table-button {
    font-size: 1rem;
    display: inline-block;
  }
}
.ui-menu-header {
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  width: 100vw;
  white-space: nowrap;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
          backdrop-filter: saturate(180%) blur(20px);
}
@media not all and (max-width: 1050px) {
  .ui-menu-header.m-left {
    -webkit-backdrop-filter: none;
            backdrop-filter: none;
    width: 264px;
    height: 100%;
    background: var(--ui-bg-alt);
    overflow: auto;
    scrollbar-width: none;
  }
}
@media not all and (min-width: 750px) {
  .ui-menu-header {
    position: absolute;
  }
}

.ui-menu-bar {
  position: relative;
  height: 54px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
}
.ui-menu-bar > .k-hamburger {
  display: none;
}
.ui-menu-bar.f-steps > .r-item {
  cursor: default;
}
.ui-menu-bar.k-primary {
  background-color: var(--ui-bar-primary);
  color: var(--ui-bar-primary-text);
}
.ui-menu-bar.k-secondary {
  background-color: var(--ui-bar-secondary);
  border-bottom: 1px solid var(--ui-bar-secondary-border);
  align-content: center;
  color: var(--ui-bar-secondary-text);
}
.ui-menu-bar.k-secondary > .ui-button.k-menubar {
  height: 54px;
  line-height: 51px;
  padding: 0 36px;
  border-bottom: 3px solid transparent;
}
.ui-menu-bar.k-secondary > .ui-button.k-menubar.f-highlighted {
  border-bottom: 3px solid var(--ui-tint);
}
@media not all and (max-width: 1050px) {
  .ui-menu-bar.m-vertical {
    height: auto;
    flex-direction: column;
    padding: 59px 0;
    background: none;
    align-items: stretch;
    font-size: 1rem;
  }
  .ui-menu-bar.m-vertical > .s-flex {
    display: none;
  }
  .ui-menu-bar.m-vertical > .ui-button.k-menubar {
    text-transform: none;
  }
}
@media not all and (min-width: 750px) {
  .ui-menu-bar {
    height: auto;
    min-height: 54px;
    flex-direction: column;
  }
  .ui-menu-bar > .s-flex {
    display: none;
  }
  .ui-menu-bar > .ui-button.k-menubar {
    display: none;
  }
  .ui-menu-bar > .ui-button.k-hamburger {
    color: white;
    font-size: 20px;
    display: block;
    position: absolute;
    right: 4px;
    top: 4px;
  }
  .ui-menu-bar.f-open {
    padding-top: 54px;
  }
  .ui-menu-bar.f-open > .ui-button.k-menubar {
    display: initial;
  }
}

.ui-bread-crumbs {
  position: relative;
  height: 54px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  background-color: var(--ui-bar-crumbs);
  border-bottom: 1px solid var(--ui-bar-crumbs-border);
}
.ui-bread-crumbs > .r-option {
  cursor: pointer;
  height: 100%;
  text-transform: uppercase;
  line-height: 54px;
  font-weight: 400;
  padding: 0 20px;
  color: var(--ui-bar-crumbs-text);
  opacity: 0.6;
}
.ui-bread-crumbs > .r-option:hover, .ui-bread-crumbs > .r-option.highlighted, .ui-bread-crumbs > .r-option:last-child {
  opacity: 1;
}
.ui-bread-crumbs > .r-option:last-child {
  cursor: default;
}
.ui-bread-crumbs > .r-option.r-back {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-bread-crumbs > .r-separator {
  height: 1px;
  background: var(--ui-bar-crumbs-text);
  width: 75px;
}

.ui-bottom-bar {
  height: 54px;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  background-color: var(--ui-bar-bottom);
  border-bottom: 1px solid var(--ui-bar-bottom-border);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
          backdrop-filter: saturate(180%) blur(20px);
}
.ui-bottom-bar > .ui-input {
  width: 200px;
  margin: 0 0 4px 16px;
}
.ui-bottom-bar > .r-fields {
  display: flex;
}
.ui-bottom-bar > .r-fields > .ui-input:not(:last-of-type) {
  margin-right: 20px;
}
.ui-bottom-bar > .r-option {
  cursor: pointer;
  height: 100%;
  text-transform: uppercase;
  line-height: 54px;
  font-weight: 400;
  padding: 0 20px;
  color: var(--ui-bar-bottom-text);
  opacity: 0.6;
}
.ui-bottom-bar > .r-option:hover, .ui-bottom-bar > .r-option.highlighted {
  opacity: 1;
}

.ui-screen > nav.ui-bottom-bar {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
}

@media not all and (min-width: 750px) {
  .ui-bread-crumbs {
    height: 48px;
  }
  .ui-bread-crumbs > .r-option {
    line-height: 47px;
  }
  .ui-bread-crumbs > .r-option.r-back > .r-text {
    display: none;
  }
  .ui-bread-crumbs > .r-option.r-crumb {
    max-width: calc(100% - 72px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .ui-bread-crumbs > .r-option.r-crumb:not(:last-child) {
    display: none;
  }
  .ui-bread-crumbs > .r-separator {
    display: none;
  }
}
.ui-banner {
  position: fixed;
  z-index: 210;
  padding: 0 8px;
  width: 100vw;
  top: 0;
  left: 0;
  height: 44px;
  color: white;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
@media not all and (min-width: 750px) {
  .ui-banner .ui-banner {
    position: absolute;
    height: 54px;
    font-size: 0.8125rem;
  }
}

.ui-switcher {
  overflow: hidden;
  display: block;
  width: 100%;
  position: relative;
}
.ui-switcher > .r-container {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ui-switcher > .r-container.f-previous {
  left: -100%;
}
.ui-switcher > .r-container.f-next {
  left: 100%;
}

.ui-ribbon {
  position: fixed;
  width: 8em;
  height: 1.7em;
  top: 1em;
  left: -2.2em;
  transform: rotate(-45deg);
  z-index: 300;
  background-color: white;
  font-size: 1.125rem;
  text-align: center;
  color: black;
  font-weight: 700;
  line-height: 1.7;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.ui-ribbon.m-absolute {
  position: absolute;
  z-index: auto;
}

@keyframes toast-in {
  0% {
    opacity: 0;
    transform: translate3d(0, calc(100% + 16px), 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes toast-out {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(0.6);
  }
}
.ui-toast {
  position: fixed;
  padding: 0 16px;
  display: flex;
  width: 100%;
  bottom: 16px;
  justify-content: center;
  font-size: 0.875rem;
  z-index: 2147483200;
  pointer-events: none;
}
.ui-toast > .r-container {
  padding: 1em 1.5em;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  background: var(--ui-toast);
  color: var(--ui-toast-text);
  max-width: 540px;
}

.ui-pager-dots {
  text-align: center;
  line-height: 0;
}
.ui-pager-dots > .r-dot {
  margin: 0 5px;
  display: inline-block;
  padding: 3px;
  opacity: 0.2;
  cursor: pointer;
}
.ui-pager-dots > .r-dot > .r-circle {
  width: 10px;
  height: 10px;
  background: currentColor;
  border-radius: 5px;
}
.ui-pager-dots > .r-dot.f-selected {
  opacity: 0.7;
}
.ui-pager-dots.m-light > .r-dot > .r-circle {
  background: white;
}

.ui-toggle {
  position: relative;
  display: flex;
  align-items: flex-start;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  line-height: 1.5;
  cursor: pointer;
}
.ui-toggle > .r-box {
  width: 1.5em;
  height: 1.5em;
}
.ui-toggle > .r-box > .r-tick {
  fill: none;
  stroke: var(--ui-tint);
  stroke-width: 2.8;
  stroke-dasharray: 20;
  stroke-dashoffset: 20;
  opacity: 0;
  transition: stroke-dashoffset 150ms cubic-bezier(0.4, 0, 0.6, 1), opacity 50ms linear;
}
.ui-toggle > .r-box > .r-dot {
  fill: none;
  stroke: var(--ui-tint);
  stroke-linecap: round;
  stroke-width: 0;
  opacity: 0;
  transition: stroke-width 120ms cubic-bezier(0.4, 0, 0.6, 1), opacity 50ms linear;
}
.ui-toggle > .r-box > .r-frame {
  fill: none;
  stroke: var(--ui-input-box);
  stroke-width: 1;
}
.ui-toggle > .r-box > .r-fill-frame {
  fill: none;
  stroke: var(--ui-fg);
  stroke-width: 1;
}
.ui-toggle > .r-box > .r-fill-circle {
  fill: var(--ui-fg);
  opacity: 0;
  transition: opacity 100ms linear;
}
.ui-toggle > .r-box .r-fill-tick {
  fill: none;
  stroke: var(--ui-bg);
  stroke-width: 2.8;
}
.ui-toggle.f-checked > .r-box > .r-tick {
  stroke-dashoffset: 0;
  opacity: 1;
}
.ui-toggle.f-checked > .r-box > .r-dot {
  stroke-width: 10;
  opacity: 1;
}
.ui-toggle.f-checked > .r-box > .r-fill-circle {
  opacity: 1;
}
.ui-toggle.f-disabled {
  opacity: 0.6;
}
.ui-toggle.f-disabled.f-checked > .r-box > .r-tick, .ui-toggle.f-disabled.f-checked > .r-box > .r-dot {
  opacity: 0.6;
}
.ui-toggle > .r-label {
  margin-left: 4px;
}
.ui-toggle > .r-label > .r-subtitle {
  font-size: 0.75rem;
  color: var(--ui-fg-soft);
}
.ui-toggle.m-small {
  font-size: 0.875rem;
}
.ui-toggle > .ui-fixed-ripple {
  --ui-ripple-opacity: 0.08;
  background: var(--ui-tint);
  top: calc(50% - 1.1em);
  left: -0.35em;
  width: 2.2em;
  height: 2.2em;
}

.ui-segmented {
  display: inline-block;
  border-radius: 100px;
  border: 1px solid;
  padding: 1px;
  position: relative;
}
.ui-segmented.m-light-border {
  border-color: var(--ui-border);
}
.ui-segmented.m-compact > .r-segment {
  padding: 4px 12px;
}
.ui-segmented.m-flexible {
  display: flex;
}
.ui-segmented.m-flexible > .r-segment {
  flex: 1 1 0;
  padding: 10px 10px;
  text-align: center;
}
.ui-segmented > .ui-inkbar {
  border-radius: 100px;
  position: absolute;
  top: 1px;
  bottom: 1px;
}
.ui-segmented > .r-segment {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding: 10px 60px;
  border-radius: 100px;
  transition: color 0.15s;
}
.ui-segmented > .r-segment.f-checked {
  color: var(--ui-on-tint);
}
.ui-segmented.k-under {
  border: none;
  padding: 0;
  border-radius: initial;
}
.ui-segmented.k-under > .ui-inkbar {
  border-radius: 0;
  bottom: 0;
  top: initial;
  height: 3px;
  background: var(--ui-tint);
}
.ui-segmented.k-under > .r-segment {
  padding: 10px 0;
  margin: 0 15px;
  opacity: 0.4;
}
.ui-segmented.k-under > .r-segment.f-checked {
  color: var(--ui-tint);
  opacity: 1;
}
.ui-segmented.k-under > .r-segment.f-active {
  opacity: 1;
}
.ui-segmented.k-under.m-compact > .r-segment {
  padding: 3px 0;
  margin: 0 8px;
  font-size: 0.75rem;
  text-transform: uppercase;
}
.ui-segmented.k-under.m-compact > .r-segment:first-of-type {
  margin-left: 0;
}
.ui-segmented.k-under.m-compact > .r-segment:last-of-type {
  margin-right: 0;
}

@media not all and (min-width: 750px) {
  .ui-segmented > .r-segment {
    padding: 10px 36px;
  }
}
.ui-switch {
  display: inline-block;
  width: 44px;
  height: 23px;
  border-radius: 11px;
  background-color: var(--ui-fg-20);
  transition: background-color 0.2s;
  position: relative;
  vertical-align: middle;
  padding: 2px 3px 3px 3px;
  cursor: default;
  text-align: left;
}
.ui-switch > .r-thumb {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: inherit;
  background: var(--ui-bg);
  left: 0;
  display: inline-block;
  transition: left 0.2s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.ui-switch > .r-thumb:hover {
  left: 2px;
}
.ui-switch > .r-thumb.ui-draggable-dragging {
  transition: none;
}
.ui-switch.f-disabled {
  opacity: 0.5;
}
.ui-switch.f-disabled > .r-thumb:hover {
  left: 0;
}
.ui-switch.f-checked {
  background-color: var(--ui-tint);
}
.ui-switch.f-checked > .r-thumb {
  left: 20px;
}
.ui-switch.f-checked > .r-thumb:hover {
  left: 18px;
}
.ui-switch.f-checked.f-disabled > .r-thumb:hover {
  left: 20px;
}
.ui-switch.m-label {
  width: 70px;
  height: 29px;
  border-radius: 14px;
}
.ui-switch.m-label > .r-thumb {
  width: 24px;
  height: 24px;
}
.ui-switch.m-label > .r-label {
  margin: 0;
  padding: 0;
  position: absolute;
  line-height: 29px;
  font-size: 0.8125rem;
  top: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
}
.ui-switch.m-label > .r-label.r-left {
  left: 8px;
  color: #fff;
  opacity: 0;
}
.ui-switch.m-label > .r-label.r-right {
  right: 8px;
  color: #fff;
  opacity: 1;
}
.ui-switch.m-label.f-checked > .r-label.r-right {
  opacity: 0;
}
.ui-switch.m-label.f-checked > .r-label.r-left {
  opacity: 1;
}
.ui-switch.m-label.f-checked > .r-thumb {
  left: 40px;
}
.ui-switch.m-label.f-checked > .r-thumb:hover {
  left: 38px;
}
.ui-switch.m-label.f-checked.f-disabled > .r-thumb:hover {
  left: 40px;
}

.ui-toggles.f-invalid {
  --ui-input-box: #e3501e;
}

.ui-toggle-buttons > .ui-button {
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin-right: 3px;
  margin-bottom: 3px;
  text-transform: uppercase;
}
.ui-toggle-buttons > .ui-button.k-default {
  margin-right: 3px;
  border-radius: 0;
}
.ui-toggle-buttons > .ui-button.k-default:focus {
  border-color: transparent;
}
.ui-toggle-buttons > .ui-button.k-default.f-checked {
  background: #aaa;
}

.ui-video-dialog {
  background: black;
  width: 900px;
}
.ui-video-dialog > .ui-dialog-content {
  padding: 0;
}
.ui-video-dialog > .ui-dialog-content > .ui-player {
  display: flex;
  width: 100%;
  aspect-ratio: 16/9;
}
.ui-video-dialog > .ui-dialog-content > .ui-player > video {
  width: 100%;
  height: 100%;
}

.ui-date-picker {
  font-size: 0.875rem;
  padding: 1em;
}
.ui-date-picker > .r-bar {
  font-size: 1.125rem;
  font-weight: 700;
  display: flex;
  margin-bottom: 0.5em;
  justify-content: space-between;
  align-items: center;
}
.ui-date-picker > .r-confirm {
  font-size: 0.8125rem;
  margin: 12px 4px 4px;
  width: 100%;
}

.ui-calendar {
  display: grid;
  grid-template-columns: repeat(7, minmax(3em, 1fr));
  grid-auto-rows: calc(2.5em + 2px);
  align-items: center;
  justify-items: center;
}
.ui-calendar > .r-weekday {
  color: var(--ui-fg-soft);
  font-weight: 700;
  text-transform: uppercase;
}
.ui-calendar > .r-day {
  cursor: pointer;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 1.25em;
  text-align: center;
}
.ui-calendar > .r-day:hover {
  background: var(--ui-fg-10);
}
.ui-calendar > .r-day.f-today {
  font-weight: 700;
  color: var(--ui-fg-hard);
}
.ui-calendar > .r-day.f-other {
  color: var(--ui-fg-40);
}
.ui-calendar > .r-day.f-selected {
  color: var(--ui-on-tint);
  background: var(--ui-tint-80);
}
.ui-calendar > .r-day.f-extend-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-left: calc(50% - 1.25em);
  width: calc(50% + 1.25em);
  justify-self: start;
}
.ui-calendar > .r-day.f-extend-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding-right: calc(50% - 1.25em);
  width: calc(50% + 1.25em);
  justify-self: end;
}
.ui-calendar > .r-day.f-extend-left.f-extend-right {
  width: 100%;
}

.ui-date-input > .r-core > .r-field {
  text-align: start;
}
.ui-date-input > .r-core > .r-field > .r-input {
  width: calc(2ch + 4px);
  padding: 0 0 0 2px;
  background: none;
  color: inherit;
  text-align: center;
}
.ui-date-input > .r-core > .r-field > .r-input.r-year {
  width: calc(4ch + 4px);
}
.ui-date-input.f-empty > .r-core > .r-field > .r-input, .ui-date-input.f-empty > .r-core > .r-field > .r-separator {
  visibility: hidden;
}

.ui-chip {
  display: inline-flex;
  align-items: center;
  height: 1.5em;
  background: var(--ui-fg-20);
  border-radius: 0.75em;
}
.ui-chip > .r-text {
  margin-left: 0.8em;
  font-size: 0.8em;
  margin-right: 0.1em;
}
.ui-chip > .ui-icon {
  cursor: pointer;
  font-size: 8px;
  padding: 4px 8px;
}

.ui-chip-input > .r-core > .r-field {
  display: block;
  margin-top: -7px;
  margin-bottom: -7px;
}
.ui-chip-input > .r-core > .r-field > .r-placeholder {
  margin-top: 7px;
}
.ui-chip-input > .r-core > .r-field > .r-chips {
  display: inline;
  vertical-align: middle;
}
.ui-chip-input > .r-core > .r-field > .r-chips > .ui-chip {
  margin-top: 6px;
  margin-bottom: 6px;
  margin-right: 0.6em;
  vertical-align: middle;
}
.ui-chip-input > .r-core > .r-field > .r-wrapper {
  vertical-align: middle;
}
.ui-chip-input > .r-core > .r-field > .r-wrapper::after, .ui-chip-input > .r-core > .r-field > .r-wrapper::before {
  content: "";
  display: inline-block;
  margin-top: 6px;
  margin-bottom: 6px;
  width: 0;
  height: 1.5em;
  vertical-align: middle;
}
.ui-chip-input > .r-core > .r-field > .r-wrapper > .r-input {
  line-height: 1.2em;
  vertical-align: middle;
}
.ui-chip-input > .r-core > .r-field > .r-wrapper > .r-input > br {
  display: none;
}

.ui-slideshow {
  display: block;
  position: relative;
}
.ui-slideshow > .r-wrapper {
  display: block;
  position: absolute;
  width: calc(100% - 100px);
  height: 100%;
  left: 50%;
  top: 0;
  transition: transform 0.8s ease;
}
.ui-slideshow > .r-wrapper.f-empty {
  transition: none;
}
.ui-slideshow > .r-wrapper.a-0 {
  transform: translateX(-250%);
}
.ui-slideshow > .r-wrapper.a-1 {
  transform: translateX(-150%);
}
.ui-slideshow > .r-wrapper.a-2 {
  transform: translateX(-50%);
}
.ui-slideshow > .r-wrapper.a-3 {
  transform: translateX(50%);
}
.ui-slideshow > .r-wrapper.a-4 {
  transform: translateX(150%);
}
.ui-slideshow > .r-wrapper > .r-page {
  width: 100%;
  height: 100%;
}
.ui-slideshow > .r-wrapper.m-tap.a-1, .ui-slideshow > .r-wrapper.m-tap.a-3 {
  cursor: pointer;
}
.ui-slideshow > .ui-button {
  font-size: 5rem;
  position: absolute;
}
.ui-slideshow > .ui-button.r-left {
  left: 0;
  top: calc(50% - 100px);
}
.ui-slideshow > .ui-button.r-right {
  right: 0;
  top: calc(50% - 100px);
}

@media not all and (min-width: 750px) {
  .ui-slideshow > .r-wrapper {
    width: calc(100% - 30px);
    left: 15px;
  }
}
.ui-code {
  position: relative;
  text-align: center;
  font-size: 2rem;
  display: flex;
  gap: 0.375em;
  width: fit-content;
  max-width: fit-content;
}
.ui-code.m-stretch {
  width: 100%;
  max-width: initial;
}
.ui-code.m-stretch > .ui-code-digit {
  flex-grow: 1;
}

.ui-code-digit {
  width: 1.125em;
  height: calc(1.375em + 2px);
  line-height: 1.375em;
  border: none;
  border-radius: 8px;
  background: var(--ui-fg-10);
  cursor: text;
}
.ui-code-digit.f-focus {
  box-shadow: 0 0 0 3px var(--ui-tint-20);
}

.ui-code-input {
  top: 1px;
  z-index: 2;
  position: absolute;
  line-height: 1.375em;
  width: 1.125em;
  height: 1.375em;
  background: none;
  text-align: center;
  color: var(--ui-fg);
  caret-color: currentColor;
}

.ui-youtube-player {
  display: block;
  background: black;
  aspect-ratio: 16/9;
}
.ui-youtube-player > .r-player {
  display: block;
  width: 100%;
  height: 100%;
}

.ui-map > .r-map {
  width: 100%;
  height: 100%;
}

.ui-map-popup {
  position: absolute;
  transform: translate(-50%, calc(-100% - 12px));
  pointer-events: none;
  /* The max width of the info window. */
}
.ui-map-popup.f-hidden {
  display: none;
}

.ui-toggle-buttons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}
.ui-toggle-buttons.m-vertical {
  width: 100%;
  flex-direction: column;
  align-items: stretch;
  gap: 20px;
}
.ui-toggle-buttons > .ui-button.k-default {
  padding-left: 15px;
  padding-right: 15px;
  margin-right: 0;
  margin-bottom: 0;
  font-size: 0.75rem;
  font-weight: 700;
  height: 50px;
  border-radius: 25px;
  background: none;
  border: 1px solid var(--ui-border);
  color: var(--ui-fg-soft);
}
.ui-toggle-buttons > .ui-button.k-default:focus {
  border-color: var(--ui-border);
}
.ui-toggle-buttons > .ui-button.k-default.f-checked {
  background: var(--ui-tint);
  color: var(--ui-on-tint);
  border-color: transparent;
}
.ui-toggle-buttons > .ui-button.k-default.f-checked:focus {
  border-color: var(--ui-tint);
}
.ui-toggle-buttons > .ui-button.k-default.m-calendar {
  width: 50px;
  padding-left: 0;
  padding-right: 0;
  font-size: 1.375rem;
}

.ui-banner {
  background: #E13F3F;
}

.ui-button.m-fb {
  --ui-tint: #1A5EBA;
  --ui-on-tint: white;
}

.ui-button.m-apple {
  --ui-tint: #444444;
  --ui-on-tint: white;
}

.ui-input.k-line > .r-core > .r-field {
  padding: 1em 0;
  text-indent: 0 !important;
}

.ui-input.k-frame.m-round {
  background: white;
  border-color: white;
  border-radius: 10px;
  font-size: 0.9375rem;
  --ui-flash-bg: white;
  --ui-flash-invalid: rgb(252.76, 241, 237);
}
.ui-input.k-frame.m-round > .r-core > .r-field {
  padding: 1.25em 8px 1.25em 26px;
}

.tl-not-bold {
  font-weight: 400;
}

.ui-input.ui-select.k-frame.xx-new {
  border: none;
  padding: 0.5em 0.5em;
  border-radius: 10px;
  background: var(--ui-separator);
  box-shadow: none;
}
.ui-input.ui-select.k-frame.xx-new.f-notempty.m-tint-notempty {
  background: var(--ui-tint);
  color: var(--ui-on-tint);
}
.ui-input.ui-select.k-frame.xx-new > .r-rdeco {
  color: inherit;
}
.ui-input.ui-select.k-frame.xx-new > .r-core > .r-field {
  color: inherit;
}

.ui-input.k-frame.xx-search {
  border: none;
  border-radius: 3em;
  background: var(--ui-separator);
  box-shadow: none;
  padding-inline: 6px;
}
.ui-input.k-frame.xx-search.f-notempty.m-tint-notempty {
  background: var(--ui-tint);
  color: var(--ui-on-tint);
}
.ui-input.k-frame.xx-search > .r-ldeco {
  color: inherit;
}
.ui-input.k-frame.xx-search > .r-rdeco {
  color: inherit;
}
.ui-input.k-frame.xx-search > .r-core > .r-field {
  color: inherit;
}

.ui-payment-form {
  border-radius: 15px;
  padding: 30px;
  border: 1px solid var(--ui-fg-20);
  width: 600px;
  max-width: 100%;
}
.ui-payment-form.m-trustly {
  padding: 0;
  background: white;
}
.ui-payment-form.m-trustly > iframe {
  border-radius: 15px;
  width: 100%;
  min-height: 340px;
}
.ui-payment-form.m-braintree {
  padding: 0;
  border: none;
}
@media not all and (min-width: 750px) {
  .ui-payment-form {
    border-radius: none;
    border: none;
    width: 100%;
    padding: 0;
  }
  .ui-payment-form.m-trustly > iframe {
    height: 600px;
  }
}

.ui-button.k-default {
  border-radius: 15px;
  border-color: var(--ui-tint-40);
}

.p-f-hero-title {
  font-size: 3.125rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
  text-wrap: balance;
}
@media not all and (min-width: 750px) {
  .p-f-hero-title {
    font-size: 2.25rem;
    text-align: center;
  }
}

.p-f-signup-title {
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 2.5625rem;
  text-align: left;
  text-wrap: balance;
}

.p-f-signup-title + .b-text {
  margin-top: 16px;
}

.p-f-events-title {
  font-size: 1.625rem;
}
@media not all and (min-width: 750px) {
  .p-f-events-title {
    font-size: 1.3125rem;
  }
}

.p-f-narrow {
  font-size: 1.125rem;
  text-align: center;
  max-width: 645px;
  margin-inline: auto;
  text-wrap: balance;
}

.p-f-bigtitle {
  font-size: 3.75rem;
  color: var(--ui-tint);
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
  text-wrap: balance;
}
@media not all and (min-width: 750px) {
  .p-f-bigtitle {
    font-size: 1.875rem;
  }
}

.p-f-event-title {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 20px;
  text-wrap: balance;
}
@media (min-width: 750px) and (max-width: 1050px) {
  .p-f-event-title {
    font-size: 2rem;
  }
}
@media not all and (min-width: 750px) {
  .p-f-event-title {
    font-size: 2rem;
    margin-bottom: 16px;
  }
}

.p-f-input-hint {
  font-size: 0.75rem;
}

.b + .p-f-input-hint {
  margin-top: 4px;
}

.p-f-title + .p-f-info {
  margin-top: 4px;
}
.p-f-title + .p-f-narrow {
  margin-top: 12px;
}
@media not all and (min-width: 750px) {
  .p-f-title {
    font-size: 1.5rem;
  }
}

.p-f-info {
  font-size: 0.9375rem;
  text-align: center;
  padding: 0 calc(50% - 320px);
}

.p-f-small {
  font-size: 0.8125rem;
  color: var(--ui-fg-soft);
}

.p-f-screen-title {
  font-size: 2.125rem;
  font-weight: 700;
  text-align: start;
  text-wrap: balance;
}

@media not all and (max-width: 1050px) {
  .tl-hover-zoom {
    transition: transform 0.2s;
    transform: scale(1);
    will-change: transform;
  }
  .tl-hover-zoom:hover {
    transform: perspective(1px) scale(var(--tl-hover-zoom, 1.02));
  }
}
@media not all and (min-width: 750px) {
  .ui-tooltip {
    max-width: 120px;
    text-align: center;
  }
}
.ui-segmented.xx-new {
  font-size: 1.1875rem;
  border: none;
  cursor: default;
  padding: 0;
  border-radius: initial;
}
.ui-segmented.xx-new > .ui-inkbar {
  border-radius: 0;
  bottom: 0;
  top: initial;
  height: 3px;
  background: var(--ui-tint);
}
.ui-segmented.xx-new > .r-segment {
  color: var(--ui-fg);
  cursor: pointer;
  padding: 10px 0;
  margin: 0 15px;
  opacity: 0.4;
}
.ui-segmented.xx-new > .r-segment.f-checked {
  opacity: 1;
}

:root, .c-light, .c-natural {
  --tl-card-border: rgba(0, 0, 0, 0.12);
  --tl-logo: url("https://cdn.abundolive.se/images/logos/black.svg");
}

.c-dark, .c-inverse {
  --tl-card-border: rgba(255, 255, 255, 0.12);
  --tl-logo: url("https://cdn.abundolive.se/images/logos/white.svg");
}

@media screen and (prefers-color-scheme: dark) {
  .c-inverse {
    --tl-card-border: rgba(0, 0, 0, 0.12);
    --tl-logo: url("https://cdn.abundolive.se/images/logos/black.svg");
  }
  :root, .c-natural {
    --tl-card-border: rgba(255, 255, 255, 0.12);
    --tl-logo: url("https://cdn.abundolive.se/images/logos/white.svg");
  }
}
.tl-tint-green {
  --ui-tint: #004B3C;
  --ui-tint-20: rgba(0, 75, 60, 0.25);
  --ui-tint-40: rgba(0, 75, 60, 0.5);
  --ui-tint-80: rgba(0, 75, 60, 0.8);
  --ui-on-tint: white;
}

.tl-tint-gray {
  --ui-tint: #ECECEC;
  --ui-tint-20: rgba(236, 236, 236, 0.25);
  --ui-tint-40: rgba(236, 236, 236, 0.5);
  --ui-tint-80: rgba(236, 236, 236, 0.8);
  --ui-on-tint: #1E1E1E;
}

.tl-tint-midred {
  --ui-tint: #E13F3F;
  --ui-tint-20: rgba(225, 63, 63, 0.25);
  --ui-tint-40: rgba(225, 63, 63, 0.5);
  --ui-tint-80: rgba(225, 63, 63, 0.8);
  --ui-on-tint: white;
}

.tl-tint-darkred {
  --ui-tint: #95122A;
  --ui-tint-20: rgba(149, 18, 42, 0.25);
  --ui-tint-40: rgba(149, 18, 42, 0.5);
  --ui-tint-80: rgba(149, 18, 42, 0.8);
  --ui-on-tint: white;
}

.grecaptcha-badge {
  visibility: hidden;
}

.tl-logo {
  margin-inline: 20px;
  width: 100px;
  aspect-ratio: 106/24;
  background: var(--tl-logo) center/contain no-repeat;
  cursor: pointer;
}

.ui-menu-bar.m-vertical > .tl-logo {
  margin-block: 16px;
  width: 106px;
  align-self: flex-start;
}

@media not all and (min-width: 750px) {
  .ui-menu-bar.k-primary.c-dark.f-open {
    padding-top: 0;
  }
  .ui-menu-bar.k-primary.c-dark.f-open > .tl-logo {
    margin-top: 16px;
    margin-bottom: 48px;
  }
}
.ui-content > .tl-infinity-loader {
  position: absolute;
  width: 200px;
  height: 100px;
  top: calc(50% - 50px);
  left: calc(50% - 100px);
}

.tl-action-button {
  font-size: 1.5rem;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100;
}

.tl-login-screen {
  background: #FFBBEA;
}
.tl-login-screen > .ui-content > .r-logo {
  display: block;
  margin: 14px auto 0;
  width: 120px;
}

.tl-footer {
  background: #1d1d1d;
  color: white;
  display: flex;
  align-items: center;
  font-size: 0.9375rem;
  contain: content;
}
.tl-footer > .r-col {
  display: flex;
  flex-direction: column;
}
.tl-footer > .r-col > .r-big-logo {
  width: 397px;
  max-width: calc(100vw - 40px);
}
.tl-footer > .r-col > .ui-button.k-text {
  color: white;
}
.tl-footer > .r-col > .ui-button.k-text:not(:first-child) {
  margin-top: 32px;
}
.tl-footer > .r-col > .r-social > a {
  display: inline-block;
  font-size: 1.5rem;
  margin: 0 10px;
  width: 42px;
  height: 42px;
  line-height: 38px;
  text-align: center;
}
.tl-footer > .r-col > span {
  margin-top: 12px;
}
.tl-footer > .r-col > .r-contact {
  margin-top: 6px;
}
.tl-footer > .r-col > .ui-select {
  margin: 12px 0;
  align-self: stretch;
}
@media (min-width: 750px) {
  .tl-footer > .r-col {
    justify-content: flex-start;
    align-items: flex-start;
  }
  .tl-footer > .r-col > .r-social > a:first-child {
    margin-left: 0;
  }
}
@media not all and (max-width: 1050px) {
  .tl-footer {
    padding: 100px var(--ui-block-padding);
  }
}
@media (min-width: 750px) and (max-width: 1050px) {
  .tl-footer {
    padding: 36px 20px;
  }
}
@media not all and (min-width: 750px) {
  .tl-footer {
    padding: 36px 0 54px;
    flex-direction: column;
  }
  .tl-footer > .r-col {
    align-items: center;
  }
  .tl-footer > .r-col.m-last {
    order: -1;
    margin-bottom: 18px;
  }
}

.tl-account-button {
  margin-left: 30px;
  width: 70px;
  height: 40px;
  border-radius: 20px;
  background: var(--ui-tint);
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.tl-account-button > .tl-friend-circle {
  margin-left: 6px;
  width: 28px;
  height: 28px;
  border: none;
}
.tl-account-button > .ui-icon {
  font-size: 1rem;
  margin-right: 12px;
  color: var(--ui-on-tint);
}
@media not all and (min-width: 750px) {
  .tl-account-button {
    display: none;
  }
}

.tl-menu {
  --banner-height: 0px;
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  padding: 0 var(--ui-block-padding);
  height: calc(100px + var(--banner-height));
  font-size: 0.9375rem;
  --ui-tint: var(--ui-fg);
  --ui-tint-20: var(--ui-fg-20);
  --ui-tint-40: var(--ui-fg-40);
  --ui-tint-80: var(--ui-fg-80);
  --ui-border: var(--ui-fg-40);
  --ui-on-tint: var(--ui-bg);
}
.tl-menu > .r-logo {
  width: 106px;
  height: 40px;
  background: var(--tl-logo) center/contain no-repeat;
  cursor: pointer;
}
.tl-menu.m-green {
  background: #004B3C;
}
.tl-menu.m-red {
  background: #3D0A16;
}
.tl-menu.m-black {
  background: #1E1E1E;
}
.tl-menu.m-white {
  background: white;
}
.tl-menu.m-pink {
  background: #FFBBEA;
}
.tl-menu.m-pink > .tl-account-button {
  --ui-tint: white;
  --ui-on-tint: black;
}
.tl-menu.m-account > .tl-account-button {
  --ui-tint: #FFBBEA;
  --ui-on-tint: black;
}
.tl-menu.f-banner {
  --banner-height: 54px;
  padding-top: 54px;
}
.tl-menu > .r-banner {
  cursor: pointer;
  padding: 0 12px;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 54px;
  background: #E13F3F;
  color: white;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.tl-menu > .r-banner.m-pink {
  background: #FFBBEA;
  color: black;
}
.tl-menu > .ui-button.k-hamburger {
  font-size: 1rem;
}
.tl-menu > .ui-button.k-hamburger > span.r-text {
  display: none;
}
.tl-menu > .ui-button.r-link {
  margin-left: calc(50px - 1em);
}
.tl-menu > .ui-button.r-nav {
  margin-left: 24px;
  font-size: 1.125rem;
}
.tl-menu > .ui-button.r-nav > .ui-icon {
  font-size: 1rem;
}
.tl-menu > .ui-button.r-nav > .r-text > .tl-icon {
  vertical-align: -2px;
}
.tl-menu > .ui-button.r-nav.f-dim {
  opacity: 0.5;
}
.tl-menu > .ui-button.r-icon {
  font-size: 1.25rem;
}
.tl-menu > .ui-button.r-search {
  font-size: 1.25rem;
  color: inherit;
  transition: right 0.3s ease-in-out;
}
.tl-menu > .ui-input {
  padding-left: 6px;
  margin-right: 16px;
  width: 240px;
  height: 40px;
  border-radius: 20px;
}
.tl-menu > .ui-input > .r-ldeco {
  color: inherit;
}
@media (min-width: 750px) {
  .tl-menu > .r-logo {
    margin-right: 30px;
  }
  .tl-menu > .ui-button.k-hamburger {
    display: none;
  }
  .tl-menu > .ui-button.r-search {
    font-size: 1rem;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border: 1px solid var(--ui-tint-40);
    margin-left: 30px;
    position: relative;
  }
  .tl-menu > .ui-button.r-bookings {
    font-weight: 400;
    font-size: 0.9375rem;
    padding-inline: 0.8em;
    height: 40px;
    border-radius: 20px;
    border: 1px solid var(--ui-tint-40);
    position: relative;
  }
  .tl-menu > .ui-button.r-bookings > .r-text > .tl-icon {
    vertical-align: -3px;
    font-size: 1.0625rem;
  }
  @media not all and (max-width: 1050px) {
    .tl-menu > .ui-button.r-bookings {
      margin-left: 30px;
    }
  }
}
@media not all and (min-width: 750px) {
  .tl-menu {
    height: 60px;
    padding: 0 8px;
  }
  .tl-menu.f-hamburger > .ui-button.k-hamburger {
    z-index: 400;
  }
  .tl-menu.f-search > .ui-button.r-search {
    z-index: 400;
  }
  .tl-menu.f-banner {
    padding-top: 54px;
    height: 108px;
  }
  .tl-menu > .r-banner {
    height: 54px;
    font-size: 0.8125rem;
  }
  .tl-menu > .r-logo {
    width: 80px;
  }
  .tl-menu > .r-nav {
    display: none;
  }
  .tl-menu > .r-link {
    display: none;
  }
  .tl-menu > .r-bookings {
    display: none;
  }
}

.tl-search-card {
  position: relative;
  contain: strict;
  content-visibility: auto;
  cursor: pointer;
  display: flex;
  width: 100%;
  height: 150px;
  border-radius: 15px;
  background: var(--ui-bg);
}
.tl-search-card > .ui-image {
  width: 150px;
  border-radius: 15px 0 0 15px;
  border-width: 1px;
  border-color: var(--tl-card-border);
  border-style: solid none solid solid;
  background-origin: border-box !important;
}
.tl-search-card > .tl-date-corner {
  position: absolute;
  left: 0;
  bottom: 0;
}
.tl-search-card > .r-texts {
  width: 0;
  flex: 1 0 0;
  padding: 10px;
  border-radius: 0 15px 15px 0;
  border-width: 1px;
  border-color: var(--tl-card-border);
  border-style: solid solid solid none;
  background-origin: border-box !important;
  display: flex;
  flex-direction: column;
}
.tl-search-card > .r-texts > .r-title {
  line-height: 1.2em;
  height: 2.4em;
  overflow: hidden;
  display: -webkit-box;
  font-size: 1.25rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 6px;
}
.tl-search-card > .r-texts > .r-info {
  text-transform: uppercase;
  margin-top: 7px;
  font-size: 0.875rem;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tl-search-card > .r-texts > .r-info > .tl-icon {
  vertical-align: -2px;
}
.tl-search-card > .r-texts > .r-info > .ui-icon {
  width: 1em;
  text-align: center;
  margin-right: 8px;
}
.tl-search-card > .r-texts > .r-info.m-genre {
  color: var(--ui-tint);
}
@media not all and (min-width: 750px) {
  .tl-search-card {
    height: 140px;
  }
  .tl-search-card > .ui-image {
    width: 110px;
  }
  .tl-search-card > .r-texts > .r-title {
    font-size: 1rem;
  }
}

.tl-search-overlay {
  width: 100%;
  height: 100%;
  padding-top: 0;
  background: var(--ui-bg-95);
  position: relative;
  overflow-y: scroll;
}
.tl-search-overlay.f-has-query > .ui-section > .l-form > .p-f-heading, .tl-search-overlay.f-has-query > .ui-section > .l-form > .r-options {
  display: none;
}
.tl-search-overlay > .ui-section {
  padding-top: 148px;
  background: none;
}
.tl-search-overlay > .ui-section > .l-form > .ui-input {
  font-size: 5rem;
  margin-bottom: 60px;
}
.tl-search-overlay > .ui-section > .l-form > .ui-input > .r-core > input {
  text-align: center;
}
.tl-search-overlay > .ui-section > .l-form > .r-options {
  max-width: 800px;
  margin-bottom: 50px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
.tl-search-overlay > .ui-section > .l-form > .r-options > .ui-button {
  padding-left: 15px;
  padding-right: 15px;
  margin-right: 0;
  margin-bottom: 0;
  font-size: 0.75rem;
  font-weight: 700;
  height: 50px;
  border-radius: 25px;
  background: none;
  border: 1px solid var(--ui-border);
  color: var(--ui-fg-soft);
  text-transform: uppercase;
}
.tl-search-overlay > .ui-section > .l-form > .r-options > .ui-button.m-calendar {
  width: 50px;
  padding-left: 0;
  padding-right: 0;
  font-size: 1.375rem;
}
.tl-search-overlay > .ui-section > .l-form > .r-options > .ui-button:focus {
  border-color: var(--ui-border);
}
.tl-search-overlay > .ui-button {
  position: absolute;
  right: 11px;
  top: 11px;
  color: inherit;
  z-index: 2;
}
@media not all and (min-width: 750px) {
  .tl-search-overlay > .ui-section {
    padding-top: 80px;
  }
  .tl-search-overlay > .ui-section > .l-form > .ui-input {
    font-size: 1.25rem;
    margin-bottom: 30px;
  }
  .tl-search-overlay > .ui-button {
    right: unset;
    left: 11px;
  }
}

.tl-search-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 430px), 1fr));
  gap: 20px;
}

.tl-hamburger-menu {
  width: fit-content;
  height: 100%;
  overflow-y: auto;
  background: var(--ui-bg-95);
}
.tl-hamburger-menu > .r-buttons {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  padding: 70px 0 80px;
}
.tl-hamburger-menu > .r-buttons > .ui-button.k-text {
  text-align: left;
  padding-left: 16px;
  padding-right: 100px;
  height: 60px;
  color: var(--ui-fg);
  font-size: 1.0625rem;
  font-weight: 700;
  justify-content: flex-start;
}

.tl-email-check {
  display: inline-block;
  font-size: 0.625rem;
  position: absolute;
  top: 100%;
}
.tl-email-check.m-left {
  left: 0;
}
.tl-email-check.m-right {
  right: 0;
}

.tl-input-suggestions {
  color: #999;
}
.tl-input-suggestions > .ui-button {
  margin-right: 12px;
}

.tl-object-count > .count {
  font-weight: 700;
}
.tl-object-count > .name {
  font-size: 0.75em;
  text-transform: uppercase;
  font-weight: 300;
}

.tl-time-or-place {
  font-size: 0.9375rem;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.tl-time-or-place > .ui-icon {
  width: 1em;
  text-align: center;
  margin-right: 8px;
}
.tl-time-or-place > .tl-icon {
  width: 1em;
  text-align: center;
  margin-right: 8px;
}

.b-title + .tl-time-or-place {
  margin-top: 20px;
}

.tl-or-dots {
  margin-top: 20px;
  margin-bottom: 35px !important;
  color: var(--ui-fg-soft);
}

.tl-red-number {
  font-size: 0.9375rem;
  text-transform: uppercase;
  color: #E13F3F;
}

.tl-big-number {
  font-size: 3.75rem;
  font-weight: 700;
  color: var(--ui-tint);
}

.tl-membership-box {
  padding: 30px 30px 15px;
  border-radius: 15px;
  background: var(--ui-fg-10);
  width: fit-content;
  max-width: 480px;
}

@keyframes tl-infinity-anim {
  12.5% {
    stroke-dasharray: 33.9887319946px, 242.7766571045px;
    stroke-dashoffset: -26.7054322815px;
  }
  43.75% {
    stroke-dasharray: 84.9718299866px, 242.7766571045px;
    stroke-dashoffset: -84.9718299866px;
  }
  100% {
    stroke-dasharray: 2.427766571px, 242.7766571045px;
    stroke-dashoffset: -240.3488905334px;
  }
}
.tl-infinity-loader {
  align-self: center;
  justify-self: center;
  width: 240px;
  height: 120px;
}
.tl-infinity-loader > path {
  fill: none;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.tl-infinity-loader > .r-back {
  stroke: var(--ui-fg-10);
}
.tl-infinity-loader > .r-front {
  stroke: var(--ui-tint);
  stroke-dasharray: 2.427766571px, 242.7766571045px;
  stroke-dashoffset: 0;
  animation: tl-infinity-anim 1.6s linear infinite;
}

.tl-safe-payment {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3cb29a;
  color: white;
  font-size: 0.875rem;
  width: 100%;
  padding: 6px 8px;
}
.tl-safe-payment > .ui-icon {
  font-size: 1.2em;
  margin-right: 8px;
  padding-bottom: 2px;
}

.tl-progress-view {
  display: flex;
  position: relative;
  width: 160px;
  height: 160px;
  padding: 24px;
  justify-content: center;
  align-items: center;
}
.tl-progress-view > .ui-progress-wheel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tl-progress-view > .r-text {
  font-size: 0.75rem;
  text-align: center;
}

.tl-steps {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 0.9375rem;
}
.tl-steps > .r-number {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  line-height: 50px;
  color: var(--ui-tint);
  border: 1px solid var(--ui-tint-20);
}
.tl-steps > .r-number.f-checked {
  color: var(--ui-bg);
  background: var(--ui-tint);
}

.tl-availability {
  display: inline-block;
}
.tl-availability > .r-dot {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background: #DDD;
}
.tl-availability > .r-dot.n-1, .tl-availability > .r-dot.n-2, .tl-availability > .r-dot.n-3 {
  margin-right: 4px;
}
.tl-availability.f-unset > .r-dot {
  background: transparent;
}
.tl-availability.f-a1 {
  --dot-color: #E86136;
}
.tl-availability.f-a1 > .n-1 {
  background: var(--dot-color);
}
.tl-availability.f-a2 {
  --dot-color: #e87736;
}
.tl-availability.f-a2 > .n-2 {
  background: var(--dot-color);
}
.tl-availability.f-a3 {
  --dot-color: #e8d636;
}
.tl-availability.f-a3 > .n-3 {
  background: var(--dot-color);
}
.tl-availability.f-a4 {
  --dot-color: #5BC685;
}
.tl-availability.f-a4 > .n-4 {
  background: var(--dot-color);
}

.tl-date-corner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 0 15px 0 15px;
  width: 70px;
  height: 70px;
  line-height: 1.1;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  background: var(--ui-fg-hard);
  color: var(--ui-bg);
}
.tl-date-corner.m-pink {
  background: #FFBBEA;
  color: black;
}
.tl-date-corner.m-pink-reverse {
  background: #1E1E1E;
  color: #FFBBEA;
}
.tl-date-corner > .r-big {
  font-size: 1.75rem;
  font-weight: 700;
}
@media not all and (min-width: 750px) {
  .tl-date-corner.m-mobile-small {
    width: 58px;
    height: 58px;
    font-size: 0.75rem;
  }
  .tl-date-corner.m-mobile-small > .r-big {
    font-size: 1.3125rem;
  }
}

@keyframes tl-scroll-anim {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(0, 11px);
  }
  40% {
    transform: translate(0, 0);
  }
}
.tl-friends-widget {
  display: flex;
  justify-content: flex-end;
}
.tl-friends-widget > .tl-friend-circle {
  margin-left: -6px;
  cursor: pointer;
}

.tl-friend-circle {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  border: 1px solid var(--ui-border);
  font-size: 0.75rem;
  line-height: 32px;
  text-align: center;
  background: #ddd;
  color: #1f1f1f;
  text-transform: uppercase;
}
.tl-friend-circle.m-profile {
  width: 215px;
  height: 215px;
  border-radius: 50%;
  line-height: 215px;
  font-size: 70px;
}
.tl-friend-circle.m-signup {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  line-height: 120px;
  font-size: 40px;
}

.tl-hero-block {
  position: relative;
  padding: 0 var(--ui-block-padding);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.tl-hero-block > .r-button {
  width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.tl-hero-block > .r-button > .r-sub {
  font-size: 0.75rem;
  align-self: center;
  margin-top: 12px;
  color: var(--ui-fg-soft);
}
.tl-hero-block > .r-reviews {
  display: flex;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 30px;
  gap: 30px;
}
.tl-hero-block > .r-reviews > .r-review {
  display: flex;
  align-items: center;
}
.tl-hero-block > .r-reviews > .r-review > .r-score {
  color: #95122A;
  font-size: 2.0625rem;
}
.tl-hero-block > .r-reviews > .r-review > .r-block {
  font-size: 0.9375rem;
  margin-left: 8px;
  padding-bottom: 6px;
}
.tl-hero-block > .r-reviews > .r-review > .r-block > .tl-stars {
  margin-top: 2px;
}
.tl-hero-block > .r-text {
  width: 100%;
  max-width: 720px;
}
@media not all and (min-width: 750px) {
  .tl-hero-block {
    align-items: center;
  }
  .tl-hero-block > .r-text {
    text-align: center;
  }
}

.tl-mailchimp-block {
  position: relative;
  padding: 0 var(--ui-block-padding);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding-top: 12px;
}
.tl-mailchimp-block > .l-input-row {
  width: 100%;
  max-width: 330px;
}
.tl-mailchimp-block > .l-input-row > .ui-input > .r-rdeco {
  --ui-tint: #1E1E1E;
  --ui-on-tint: white;
  color: var(--ui-on-tint);
}
@media not all and (min-width: 750px) {
  .tl-mailchimp-block {
    align-items: center;
  }
}

.tl-image {
  flex-shrink: 0;
  width: var(--ui-width);
  height: var(--ui-height, auto);
}
.tl-image.m-aspect {
  height: auto;
  aspect-ratio: var(--ui-aspect);
}

.tl-images-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.tl-images-block.m-flow {
  gap: 48px;
}
.tl-images-block.m-row {
  flex-wrap: nowrap;
  gap: 40px;
}
.tl-images-block.m-multiply {
  mix-blend-mode: multiply;
}
.tl-images-block:empty {
  min-height: 100px;
}
@media not all and (min-width: 750px) {
  .tl-images-block.m-mobile-scale.m-flow {
    gap: 20px;
  }
  .tl-images-block.m-mobile-scale > .tl-image {
    width: calc(var(--ui-width) * 0.6);
    height: calc(var(--ui-height) * 0.6);
  }
  .tl-images-block.m-mobile-scale > .tl-image.m-aspect {
    height: auto;
    aspect-ratio: var(--ui-aspect);
  }
}

.tl-info-table {
  border-collapse: collapse;
  font-size: 1.125rem;
  text-align: center;
}

.tl-info-row > th {
  font-size: 1.0625rem;
  padding: 13px 20px;
}
.tl-info-row > td {
  padding: 13px 20px;
  border-top: 1px solid var(--ui-fg-20);
}

.tl-info-block {
  display: grid;
  padding: 0 max(60px, 50% - 660px);
  gap: 60px;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: auto;
}
.tl-info-block.m-two {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1050px) {
  .tl-info-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 20px;
    width: 100%;
  }
}

.tl-info-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tl-info-item.m-extend {
  grid-column: 3;
  grid-row: 1/3;
}
.tl-info-item.m-flip > .r-text {
  order: 1;
}
.tl-info-item.m-flip > .tl-image {
  order: 2;
}
.tl-info-item > .tl-image {
  margin: 35px 0;
  max-width: 320px;
}
@media (min-width: 1440px) {
  .tl-info-item > .tl-image {
    max-width: 401px;
  }
}
@media (min-width: 750px) and (max-width: 1050px) {
  .tl-info-item > .tl-image {
    max-width: 401px;
  }
}
.tl-info-item > .r-text {
  text-align: center;
  width: 401px;
  max-width: 100%;
}
@media not all and (max-width: 1050px) {
  .tl-info-item > .r-text {
    max-width: calc(33vw - 60px);
  }
}
@media not all and (min-width: 750px) {
  .tl-info-item > .r-text {
    width: 100%;
  }
}

.tl-genre-card {
  position: relative;
  padding: 12px 24px;
  background: var(--ui-tint);
  color: var(--ui-on-tint);
  cursor: pointer;
  text-transform: uppercase;
  border-radius: 100px;
}
@media not all and (min-width: 750px) {
  .tl-genre-card {
    padding: 12px 20px;
    font-size: 0.75rem;
  }
}

.tl-genres-block {
  padding-inline: max(var(--ui-block-padding), 50% - 450px);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.tl-faq-item > .r-q {
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
.tl-faq-item > .r-q > .r-text {
  flex: 1 0 0;
  padding: 12px 0;
}
.tl-faq-item > .r-q > .r-arrow {
  width: 24px;
  height: 24px;
  position: relative;
}
.tl-faq-item > .r-q > .r-arrow > svg {
  fill: currentColor;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: transform 0.3s;
}
.tl-faq-item > .r-q > .r-arrow > svg.r-left {
  transform: translateY(8%) rotate(45deg);
}
.tl-faq-item > .r-q > .r-arrow > svg.r-right {
  transform: translateY(8%) rotate(-45deg);
}
.tl-faq-item > .r-q > .r-arrow.f-up > svg.r-left {
  transform: translateY(-8%) rotate(-45deg);
}
.tl-faq-item > .r-q > .r-arrow.f-up > svg.r-right {
  transform: translateY(-8%) rotate(45deg);
}
.tl-faq-item > .r-a {
  color: var(--ui-fg-soft);
}
.tl-faq-item > .r-a > .r-box {
  padding: 6px 0 24px;
}

.tl-faq-group > .r-title {
  color: var(--ui-tint);
  font-size: 1.0625rem;
  font-weight: 700;
  padding: 12px 0;
}
.tl-faq-group + .tl-faq-group {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid var(--ui-separator);
}

.tl-more-events {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 48px;
  background: #FFBBEA;
  color: #1E1E1E;
  border-radius: 15px;
}
.tl-more-events > .r-title {
  font-size: 1.875rem;
}
.tl-more-events > .r-text {
  font-size: 1.125rem;
  margin-top: 24px;
  max-width: 700px;
  margin-bottom: 18px;
}
.tl-more-events > .ui-button {
  margin-top: 18px;
  margin-bottom: 12px;
}
@media (max-width: 1050px) {
  .tl-more-events {
    width: 320px;
  }
  .tl-more-events > .r-text {
    font-size: 0.9375rem;
  }
}

.tl-events-block > .r-header {
  height: 48px;
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.tl-events-block > .r-header > .r-text {
  flex-grow: 1;
  margin-right: 18px;
}
.tl-events-block + .tl-events-block {
  margin-top: 60px;
}
.tl-events-block + .tl-carousels-block {
  margin-top: 60px;
}

.tl-carousels-block + .tl-events-block {
  margin-top: 60px;
}
.tl-carousels-block + .tl-carousels-block {
  margin-top: 60px;
}

.tl-carousel-block {
  width: 100%;
  height: 320px;
  margin: 40px 0;
}
.tl-carousel-block > .r-wrapper {
  width: max(1080px, min(1440px, 100% - 120px));
}
.tl-carousel-block > .r-wrapper > .tl-more-events {
  margin: 0 12px;
  width: calc(100% - 24px);
}
.tl-carousel-block > .r-wrapper > .r-events {
  display: flex;
}
.tl-carousel-block > .r-wrapper > .r-events > .tl-event-card {
  flex: 1 0 0;
  margin: 0 12px;
}
.tl-carousel-block > .ui-button {
  z-index: 100;
}

.tl-options-block {
  margin-top: 40px;
  width: 100%;
}
.tl-options-block > .ui-toggles {
  width: 100%;
  display: flex;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
}
@media not all and (min-width: 750px) {
  .tl-options-block > .ui-toggles.r-kind, .tl-options-block > .ui-toggles.r-delivery {
    margin-top: 0;
    flex-direction: column;
  }
  .tl-options-block > .ui-toggles.r-kind > .tl-card, .tl-options-block > .ui-toggles.r-delivery > .tl-card {
    margin-top: 15px;
    max-width: calc(100% - 30px);
  }
}
.tl-options-block > .ui-toggles > .tl-card {
  margin: 0 15px;
}
.tl-options-block > .r-discount {
  width: 100%;
  text-align: center;
  padding: 0 30px;
  margin-top: 20px;
  color: #E13F3F;
}
.tl-options-block > .r-discount:empty {
  margin-top: 0;
}

.tl-option-buttons > .r-button {
  cursor: pointer;
  border: 1px solid var(--ui-fg-20);
  margin: 0 5px;
  height: 60px;
  border-radius: 30px;
  text-align: center;
  line-height: 58px;
  padding: 0 30px;
  color: #004B3C;
}
.tl-option-buttons > .r-button.m-round {
  width: 60px;
  padding: 0;
}
.tl-option-buttons > .r-button.f-checked {
  color: white;
  background: #004B3C;
  border-color: transparent;
}

.tl-plans-block {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 30px;
  padding: 0 15px;
}
.tl-plans-block.m-vertical {
  flex-direction: column;
  align-items: center;
}
@media not all and (min-width: 750px) {
  .tl-plans-block {
    flex-direction: column;
    align-items: center;
  }
}

.tl-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: default;
  width: 500px;
  text-align: left;
}
@media not all and (min-width: 750px) {
  .tl-card {
    width: 360px;
    max-width: 100%;
  }
}
.tl-card > .r-card {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  border-radius: 20px;
  padding: 28px;
  border: 2px solid transparent;
  width: 100%;
  height: 270px;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}
.tl-card > .r-card > .r-title {
  font-size: 2.125rem;
  color: var(--ui-tint);
  font-weight: 700;
  text-transform: uppercase;
}
.tl-card > .r-card > .r-big {
  font-size: 2.4375rem;
  font-weight: 700;
}
.tl-card > .r-card > .r-subtitle {
  font-size: 1.25rem;
  font-weight: 700;
}
.tl-card > .r-card > .r-strike {
  text-decoration: line-through;
  opacity: 0.6;
}
.tl-card > .r-card > .r-small {
  font-size: 0.75rem;
  opacity: 0.6;
}
.tl-card > .r-card > ul {
  margin-top: 8px;
  padding-left: 24px;
  opacity: 0.8;
}
.tl-card > .r-card > .r-checkmark {
  border-radius: 25px;
  display: none;
  text-align: center;
  line-height: 50px;
  width: 50px;
  height: 50px;
  background: white;
  color: #004B3C;
  position: absolute;
  right: 30px;
  bottom: 30px;
}
.tl-card > .r-card > .r-subscription-image {
  position: absolute;
  top: -2px;
  right: 30px;
}
.tl-card > .r-card > .r-subscription-image.k-standard {
  -webkit-mask: url("https://cdn.abundolive.se/images/assets/xx-subscription-standard.png") center/contain no-repeat;
          mask: url("https://cdn.abundolive.se/images/assets/xx-subscription-standard.png") center/contain no-repeat;
  background: var(--ui-tint);
  width: 158px;
  height: 118px;
}
.tl-card > .r-card > .r-subscription-image.k-plusone {
  -webkit-mask: url("https://cdn.abundolive.se/images/assets/xx-subscription-plusone.png") center/contain no-repeat;
          mask: url("https://cdn.abundolive.se/images/assets/xx-subscription-plusone.png") center/contain no-repeat;
  background: var(--ui-tint);
  width: 150px;
  height: 128px;
}
@media (max-width: 1050px) {
  .tl-card > .r-card > .r-subscription-image {
    display: none;
  }
}
.tl-card > .r-subtitle {
  font-weight: 700;
  font-size: 1.25rem;
  margin-top: 30px;
}
.tl-card > .r-info {
  margin-top: 10px;
}
.tl-card.f-checked > .r-card > .r-checkmark {
  display: block;
}
.tl-card.k-choose > .r-card {
  border-color: var(--ui-fg-20);
}
.tl-card.k-choose > .r-card > .ui-button {
  --ui-tint: var(--ui-bg);
  --ui-tint-20: var(--ui-fg-10);
  --ui-tint-40: var(--ui-fg-20);
  --ui-tint-80: var(--ui-fg-80);
  color: var(--ui-fg);
  position: absolute;
  right: 30px;
  bottom: 30px;
}
.tl-card.k-choose.f-checked > .r-card {
  border-color: transparent;
  background: #004B3C;
  color: white;
}
.tl-card.k-choose.f-checked > .r-card > .ui-button {
  display: none;
}
.tl-card.k-choose.f-checked > .r-card > .ui-icon {
  display: block;
}
.tl-card.k-choose.m-pink.f-checked > .r-card {
  background: #FFBBEA;
  color: black;
  --ui-tint: #95122A;
}
.tl-card.k-subscription > .r-card {
  background: #FFBBEA;
  color: #1E1E1E;
  height: 250px;
}
.tl-card.k-subscription > .r-card > .ui-button {
  --ui-tint: white;
  --ui-tint-20: var(--ui-fg-10);
  --ui-tint-40: var(--ui-fg-20);
  --ui-tint-80: var(--ui-fg-80);
  color: #1d1d1d;
  position: absolute;
  right: 30px;
  bottom: 30px;
}
.tl-card.k-booking > .r-card {
  height: 240px;
  background: var(--ui-fg-20);
}
.tl-card.k-credit > .r-card {
  height: 250px;
  border: 1px solid var(--ui-border);
  align-items: center;
}
.tl-card.k-credit > .r-card > img {
  margin-top: -20px;
  width: 200px;
}
.tl-card.k-credit > .r-card > .ui-button {
  margin-top: 18px;
}
.tl-card.k-img-choose > .r-card {
  border: 14px solid transparent;
  background-origin: border-box !important;
}
.tl-card.k-img-choose.f-checked > .r-card {
  border-color: #004B3C;
}
@media not all and (min-width: 750px) {
  .tl-card > .r-card {
    border-radius: 15px;
    padding: 16px;
    height: fit-content;
    min-height: 210px;
  }
  .tl-card > .r-card > .r-big {
    font-size: 1.75rem;
  }
  .tl-card > .r-card > .r-subtitle {
    font-size: 1.1875rem;
  }
  .tl-card.k-choose > .r-card {
    padding-bottom: 90px;
  }
  .tl-card.k-subscription > .r-card {
    height: auto;
  }
  .tl-card.k-subscription > .r-card > .ui-button {
    position: relative;
    right: initial;
    bottom: initial;
    margin-top: 15px;
    align-self: flex-end;
  }
}

.tl-layout-campaign {
  padding: 0 var(--ui-block-padding);
  font-size: 3.125rem;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.tl-layout-campaign > .r-left {
  flex: 1 0 0;
}
.tl-layout-campaign > .r-left > .r-top {
  margin-bottom: 20px;
}
.tl-layout-campaign > .r-left > .r-bottom {
  display: flex;
}
.tl-layout-campaign > .r-left > .r-bottom > .r-left {
  margin-inline: 100px;
}
.tl-layout-campaign > .r-left > .r-bottom > .r-right {
  --ui-block-padding: 0;
  padding-top: 24px;
  flex: 1 0 0;
}
.tl-layout-campaign > .r-left > .r-bottom > .r-right > .r-container {
  justify-content: flex-start;
}
.tl-layout-campaign > .r-right {
  margin-left: 24px;
}
@media (max-width: 1050px) {
  .tl-layout-campaign {
    display: flex;
    flex-direction: column;
    font-size: 1.5rem;
  }
  .tl-layout-campaign > .r-left {
    align-self: stretch;
  }
  .tl-layout-campaign > .r-left > .r-top {
    text-align: center;
  }
  .tl-layout-campaign > .r-left > .r-bottom {
    padding: 0 24px;
    flex-direction: column;
  }
  .tl-layout-campaign > .r-left > .r-bottom > .r-left {
    display: none;
  }
  .tl-layout-campaign > .r-left > .r-bottom > .r-right {
    margin-top: 24px;
    flex: 0 0 180px;
    margin-bottom: 24px;
  }
}

.tl-layout-grid {
  display: grid;
  padding: 0 max(var(--ui-block-padding), 50% - 420px);
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-items: center;
}
@media (max-width: 1050px) {
  .tl-layout-grid {
    display: flex;
    flex-direction: column;
  }
  .tl-layout-grid > .r-text {
    margin-top: 18px;
  }
}

.tl-map-block {
  margin-top: 40px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tl-map-block > .ui-map {
  margin-top: 60px;
  width: 100%;
  height: 462px;
}

.tl-newsletter-block {
  display: flex;
  align-items: center;
  margin-top: 24px;
  padding: 0 max(32px, 50% - 350px);
}
@media not all and (min-width: 750px) {
  .tl-newsletter-block {
    flex-direction: column;
  }
  .tl-newsletter-block > .ui-input {
    width: 100%;
    margin-bottom: 18px;
  }
}
@media (min-width: 750px) {
  .tl-newsletter-block > .ui-input {
    width: 190px;
    flex-grow: 1;
    margin-right: 18px;
  }
}

.tl-map-popup {
  font-family: "Ginger", sans-serif;
  display: block;
  margin-bottom: 12px;
  line-height: 36px;
  height: 36px;
  font-size: 0.9375rem;
  font-weight: 400;
  border-radius: 18px;
  background: var(--ui-bg);
  color: var(--ui-fg);
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
  padding: 0 20px;
  pointer-events: none;
}

.tl-dialog-top-image {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  width: 100%;
  height: 189px;
  margin-bottom: 30px;
}

.tl-onboarding-switcher {
  width: 100%;
  padding: 60px 0;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
}
.tl-onboarding-switcher > .l-form {
  width: 100%;
  grid-area: 1/1/1/1;
  z-index: 1;
  visibility: hidden;
  pointer-events: none;
}
.tl-onboarding-switcher > .l-form.f-selected {
  visibility: visible;
  pointer-events: unset;
  z-index: 2;
}

.tl-testimonial {
  display: flex;
  width: 700px;
  max-width: 100%;
  align-items: flex-end;
}
.tl-testimonial > .r-image {
  width: 130px;
  height: 130px;
  border-radius: 65px;
  background: #aaa;
}
.tl-testimonial > .r-data {
  background: white;
  border-radius: 48px;
  padding: 35px;
  font-size: 0.9375rem;
  color: #1E1E1E;
}
.tl-testimonial > .r-data > .r-header {
  color: #95122A;
  margin-bottom: 6px;
  font-weight: 700;
}
.tl-testimonial:nth-child(2n+1) {
  justify-content: flex-end;
}
.tl-testimonial:nth-child(2n+1) > .r-data {
  margin-left: 85px;
  order: 2;
  border-bottom-left-radius: 48px;
  border-bottom-right-radius: 0;
}
.tl-testimonial:nth-child(2n) {
  justify-content: flex-start;
}
.tl-testimonial:nth-child(2n) > .r-data {
  margin-right: 85px;
  order: 1;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 48px;
}

.tl-testimonial-block {
  width: 100%;
  padding: 0 var(--ui-block-padding);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.tl-testimonial-block.m-editor > .tl-testimonial > .r-data {
  min-width: 200px;
}
.tl-testimonial-block.m-pink > .tl-testimonial > .r-data {
  background: #FFF2F8;
}

.tl-stars {
  line-height: 0;
}
.tl-stars > .r-star {
  position: relative;
  display: inline-block;
  font-size: 0.625rem;
  margin-right: 2px;
}
@media not all and (min-width: 750px) {
  .tl-stars > .r-star {
    font-size: 8px;
  }
}
.tl-stars > .r-star > .r-half {
  opacity: 0.2;
  position: absolute;
  top: 0;
  left: 0;
}

.tl-popup-number {
  font-size: 1.25rem;
  display: inline-block;
  width: 2.4em;
  height: 2.4em;
  text-align: center;
  line-height: 2.4em;
  background: #FFBBEA;
  color: #1E1E1E;
  border-radius: 1.2em;
  margin-bottom: 10px;
}

.tl-hubspot-block {
  margin: 0 auto;
  padding: 48px;
  width: calc(100% - 20px);
  max-width: 800px;
  margin-top: 20px;
  border: 1px solid var(--ui-separator);
  border-radius: 12px;
}

.tl-page-switcher {
  height: 160px;
  text-align: center;
}
.tl-page-switcher > .r-container {
  flex-direction: column;
  align-items: stretch;
}

.tl-bg-events {
  background: linear-gradient(#95122A, #B91633);
}

.tl-bg-lightpink {
  background: #FFF2F8;
}

.tl-bg-lightgreen {
  background: #EAF4EE;
}

.tl-c-green {
  --ui-secondary: #BCE8CE;
  --ui-tint: #BCE8CE;
  --ui-tint-20: rgba(188, 232, 206, 0.25);
  --ui-tint-40: rgba(188, 232, 206, 0.5);
  --ui-tint-80: rgba(188, 232, 206, 0.8);
  --ui-on-tint: #1E1E1E;
}

.tl-c-lgreen {
  --ui-secondary: #004B3C;
  --ui-tint: #004B3C;
  --ui-tint-20: rgba(0, 75, 60, 0.25);
  --ui-tint-40: rgba(0, 75, 60, 0.5);
  --ui-tint-80: rgba(0, 75, 60, 0.8);
  --ui-on-tint: white;
}

.tl-amount-buttons {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  font-weight: 700;
}
.tl-amount-buttons > .r-number {
  display: inline-block;
  text-align: center;
  width: 160px;
}
.tl-amount-buttons > .ui-button {
  width: 80px;
  height: 80px;
  font-size: 1.25rem;
}
.tl-amount-buttons > .ui-button.disabled {
  --ui-tint: var(--ui-fg-40);
}

.tl-pause-bookings {
  font-size: 0.8125rem;
  color: var(--ui-fg-soft);
}

.tl-input-grid {
  display: grid;
  width: min(100%, 660px);
  grid-template-columns: 1fr 1fr;
  gap: 0 60px;
  align-items: center;
}
.tl-input-grid.m-col {
  width: min(100%, 300px);
  grid-template-columns: 1fr;
}
.tl-input-grid > .ui-input {
  width: 100%;
  margin-bottom: 16px;
}
@media not all and (min-width: 750px) {
  .tl-input-grid {
    display: flex;
    flex-direction: column;
  }
}

.tl-friends-table {
  width: 100%;
}
.tl-friends-table > .r-row {
  align-items: center;
  font-size: 0.875rem;
  display: flex;
  width: 100%;
  margin-top: 6px;
}
.tl-friends-table > .r-row > .tl-friend-circle {
  flex-shrink: 0;
  margin-right: 8px;
}
.tl-friends-table > .r-row > .r-time {
  margin-left: 12px;
  color: #888;
  flex-shrink: 0;
}

.tl-payment-info-row.m-failed {
  color: #e3501e;
}
.tl-payment-info-row > td.m-pre {
  white-space: pre-wrap;
}

.tl-asset-referral {
  width: 264px;
  height: 163px;
  background: url("https://cdn.abundolive.se/images/assets/xx-invited-illu.png") center/cover no-repeat;
  margin: -20px auto 40px;
}

.tl-asset-onboarding {
  width: 129px;
  height: 233px;
  background: url("https://cdn.abundolive.se/images/assets/xx-onboarding-illu.png") center/cover no-repeat;
  margin: -20px auto 40px;
}

.ui-section > .r-deco {
  display: none;
  position: absolute;
  pointer-events: none;
  width: var(--ui-width);
  aspect-ratio: var(--ui-aspect);
  background: var(--ui-image) center/contain no-repeat;
}

@media not all and (max-width: 1050px) {
  .ui-section.tl-decorated-edges {
    padding-top: 181px;
    padding-bottom: 321px;
  }
  .ui-section.tl-decorated-edges > .r-deco-1 {
    display: block;
    top: 20px;
    bottom: 60px;
    left: 0;
    width: 40vw;
    aspect-ratio: initial;
    background-position: left;
  }
  .ui-section.tl-decorated-edges > .r-deco-2 {
    display: block;
    top: 20px;
    bottom: 60px;
    right: 0;
    width: 40vw;
    aspect-ratio: initial;
    background-position: right;
  }
}
@media (max-width: 1050px) {
  .ui-section.tl-decorated-edges {
    padding-top: 250px;
    padding-bottom: 330px;
  }
  .ui-section.tl-decorated-edges > .r-deco-3 {
    display: block;
    top: 0;
    left: calc(50% - var(--ui-width) / 2);
  }
  .ui-section.tl-decorated-edges > .r-deco-4 {
    display: block;
    bottom: 60px;
    left: calc(50% - var(--ui-width) / 2);
  }
}

.ui-section.tl-decorated-corners > .r-deco-1 {
  display: block;
  left: 0;
  top: 16px;
}
.ui-section.tl-decorated-corners > .r-deco-2 {
  display: block;
  right: 0;
  top: 22px;
}
.ui-section.tl-decorated-corners > .r-deco-3 {
  display: block;
  left: 88px;
  bottom: 44px;
}
.ui-section.tl-decorated-corners > .r-deco-4 {
  display: block;
  right: 20px;
  bottom: 30px;
}
@media not all and (min-width: 750px) {
  .ui-section.tl-decorated-corners > .r-deco {
    width: calc(0.5 * var(--ui-width));
  }
  .ui-section.tl-decorated-corners > .r-deco-3 {
    left: 44px;
    bottom: 42px;
  }
  .ui-section.tl-decorated-corners > .r-deco-4 {
    right: 10px;
    bottom: 35px;
  }
}

@media (min-width: 750px) {
  .ui-section.tl-decorated-hero > .r-deco-1 {
    display: block;
    top: 0;
    bottom: -160px;
    left: max(560px, 50% - 120px);
    width: clamp(600px, 50% + 120px, var(--ui-width));
    aspect-ratio: initial;
  }
}

@keyframes tl-inbox-after {
  0% {
    transform: scale(0.5, 0.5);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
.tl-inbox-block.m-custom > ul {
  text-align: left;
}
.tl-inbox-block > .l-button-row {
  position: relative;
}
.tl-inbox-block > .l-button-row > .r-message {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.tl-inbox-block > .l-button-row > .r-message.f-error {
  color: #e3501e;
}
.tl-inbox-block > .l-button-row > .ui-button {
  transition: opacity 0.5s ease;
}
.tl-inbox-block > .r-question {
  transform: translate(0, 0);
  will-change: opacity, transform;
  transition-property: transform, opacity;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tl-inbox-block.f-chosen > .r-question {
  transform: scale(0.5, 0.5);
  opacity: 0;
}
.tl-inbox-block.f-chosen > .l-button-row > .ui-button {
  opacity: 0;
  pointer-events: none;
}
.tl-inbox-block.f-chosen > .l-button-row > .r-message {
  opacity: 1;
}

.tl-inbox-thumbs {
  position: relative;
  padding: 20px 0;
  display: flex;
  margin-bottom: 24px;
  justify-content: center;
  gap: 60px;
  width: 100%;
}
.tl-inbox-thumbs > .r-after {
  display: none;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.tl-inbox-thumbs > .r-after > .r-thanks {
  font-size: 2.5rem;
  font-weight: 700;
}
.tl-inbox-thumbs > .r-up, .tl-inbox-thumbs > .r-down {
  text-align: center;
  transform: translate3d(0, 0, 0);
  will-change: opacity, transform;
  transition-property: transform, opacity;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tl-inbox-thumbs > .r-up > .ui-button, .tl-inbox-thumbs > .r-down > .ui-button {
  font-size: 1.125rem;
  color: #494949;
  transition-property: background-color, border-color;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tl-inbox-thumbs.f-up > .r-after, .tl-inbox-thumbs.f-down > .r-after {
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translate(0, 0);
  opacity: 1;
  animation: tl-inbox-after 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tl-inbox-thumbs.f-up > .r-up {
  transform: translate(calc(50% + 30px), -180%) scale(1.3, 1.3);
}
.tl-inbox-thumbs.f-up > .r-up > .ui-button {
  background: #FFBBEA;
  border-color: #FFBBEA;
  color: black;
  cursor: default;
}
.tl-inbox-thumbs.f-up > .r-down {
  transform: scale(0.5, 0.5);
  cursor: default;
  opacity: 0;
}
.tl-inbox-thumbs.f-up > .r-down > .ui-button {
  cursor: default;
}
.tl-inbox-thumbs.f-down > .r-down {
  transform: translate(calc(-50% - 30px), -180%) scale(1.3, 1.3);
  cursor: default;
}
.tl-inbox-thumbs.f-down > .r-down > .ui-button {
  background: #FFBBEA;
  border-color: #FFBBEA;
  color: black;
  cursor: default;
}
.tl-inbox-thumbs.f-down > .r-up {
  transform: scale(0.5, 0.5);
  cursor: default;
  opacity: 0;
}
.tl-inbox-thumbs.f-down > .r-up > .ui-button {
  cursor: default;
}

.tl-video-player {
  position: relative;
}
.tl-video-player.m-fs {
  width: 100%;
  height: 100vh;
}
.tl-video-player > .r-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.tl-video-player > .r-cover {
  background: radial-gradient(circle at center, var(--ui-bg-60), transparent, transparent);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.tl-video-player > .r-cover > .ui-button {
  font-size: 2.5rem;
  padding-left: 0.15em;
}
.tl-video-player > .r-cant {
  background: var(--ui-bg-80);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.tl-video-player > .ui-player {
  width: 100%;
  height: 100%;
  display: flex;
}
.tl-video-player > .ui-player > video {
  width: 100%;
  height: 100%;
}

.tl-usd-price {
  font-size: 0.6875rem;
}

.tl-share-buttons {
  display: flex;
  gap: 12px;
}
.tl-share-buttons > .ui-button.k-square {
  --ui-tint: #ECECEC;
  color: #1d1d1d;
  opacity: 0.8;
}
.tl-share-buttons > .ui-button.k-square:hover {
  opacity: 1;
}

aside.image-overlay {
  position: relative;
  width: 100vw;
  height: 100vh;
}
aside.image-overlay > .ui-button.k-text {
  z-index: 100;
  position: absolute;
  right: 20px;
  top: 20px;
  color: white;
  font-size: 1rem;
}
aside.image-overlay > .r-image {
  width: 100%;
  height: 100%;
}
aside.image-overlay > .r-left, aside.image-overlay > .r-right {
  position: absolute;
  top: 0;
  width: 20%;
  height: 100%;
  cursor: pointer;
}
aside.image-overlay > .r-left > .ui-icon, aside.image-overlay > .r-right > .ui-icon {
  position: absolute;
  line-height: 1em;
  top: calc(50% - 0.5em);
  color: white;
  font-size: 1.25rem;
}
aside.image-overlay > .r-left {
  left: 0;
}
aside.image-overlay > .r-left > .ui-icon {
  left: 12px;
}
aside.image-overlay > .r-right {
  right: 0;
}
aside.image-overlay > .r-right > .ui-icon {
  right: 12px;
}

.tl-static-map {
  position: relative;
}
.tl-static-map > img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 15px;
}
.tl-static-map > .r-icon {
  position: absolute;
  left: calc(50% - 19px);
  bottom: 49%;
  background: url("https://cdn.abundolive.se/images/assets/xx-static-map-marker.png") center/cover no-repeat;
  width: 38px;
  height: 43px;
}
.tl-static-map > .r-venue {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
  padding: 10px;
  background: var(--ui-bg);
}
.tl-static-map > .r-venue > .r-name {
  font-size: 0.9375rem;
  font-weight: 700;
  text-transform: uppercase;
}
.tl-static-map > .r-venue > .r-address {
  font-size: 0.8125rem;
}

.tl-event-header {
  position: relative;
  display: flex;
  width: 100%;
  padding: 0 var(--ui-block-padding);
}
.tl-event-header > .ui-image {
  border-top-left-radius: 30px;
  align-self: stretch;
  flex-grow: 1;
  display: flex;
}
.tl-event-header > .r-info {
  border-top-right-radius: 30px;
  display: flex;
  flex-direction: column;
  width: 550px;
  padding: 60px 60px 0;
  background: var(--ui-bg);
}
@media (min-width: 750px) {
  .tl-event-header {
    min-height: min(550px, 32vw);
  }
  .tl-event-header > .r-separator {
    display: none;
  }
}
@media (min-width: 750px) and (max-width: 1050px) {
  .tl-event-header > .r-info {
    width: 450px;
  }
}
@media not all and (min-width: 750px) {
  .tl-event-header {
    flex-direction: column;
    padding: 0;
  }
  .tl-event-header > .ui-image {
    border-top-left-radius: 0;
    height: 80vw;
    width: 100%;
    translate: 0 var(--tl-event-transform, 0);
  }
  .y-xavi .tl-event-header > .ui-image {
    contain: strict;
    will-change: padding-top;
    background-origin: content-box !important;
    background-clip: content-box !important;
  }
  .tl-event-header > .r-info {
    z-index: 2;
    padding: 20px 16px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    margin-top: -16px;
    padding: 16px;
    width: 100%;
  }
  .tl-event-header > .r-info > .tl-share-buttons {
    display: none;
  }
  .tl-event-header > .r-info > .r-separator {
    margin-top: 12px;
    width: 100%;
    border-top: 1px solid var(--ui-separator);
  }
}

.tl-play-section {
  background: black;
}
.tl-play-section > .tl-menu {
  position: relative;
  z-index: 1;
  --ui-tint: white;
}

.tl-play-filter {
  background: radial-gradient(at center top, rgba(22, 22, 22, 0), rgb(22, 22, 22));
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.tl-play-header {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: flex-end;
  width: 100%;
  padding: 0 var(--ui-block-padding) 30px;
  color: white;
}
.tl-play-header > .r-info {
  display: flex;
  flex-direction: column;
  width: 0;
  flex: 1 0 0;
}
.tl-play-header > .r-info > .ui-button.k-default {
  font-size: 0.9375rem;
  height: 70px;
  border-radius: 35px;
  border: 2px solid white;
  padding: 0 36px;
  color: white;
  align-self: flex-start;
  margin-bottom: 16px;
}
.tl-play-header > .r-info > .ui-button.k-default > .r-left {
  font-size: 1.0625rem;
  margin-right: 15px;
  vertical-align: middle;
}
.tl-play-header > .r-info > .ui-button.k-default > .r-text {
  vertical-align: middle;
  font-weight: 400;
}
.tl-play-header > .tl-share-buttons {
  margin-left: 60px;
}
@media (min-width: 750px) {
  .tl-play-header {
    height: 500px;
  }
  .tl-play-header > .r-bottom-cap {
    display: none;
  }
}
@media not all and (min-width: 750px) {
  .tl-play-header {
    flex-direction: column;
    height: 600px;
    padding: 0;
    justify-content: flex-end;
  }
  .tl-play-header > .r-info {
    padding: 20px 16px;
    flex: 0 0 auto;
    margin-top: -16px;
    padding: 16px;
    width: 100%;
  }
  .tl-play-header > .r-info > .tl-share-buttons {
    display: none;
  }
  .tl-play-header > .r-bottom-cap {
    width: 100%;
    margin-top: 20px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    background: var(--ui-bg);
    height: 16px;
  }
  .tl-play-header > .tl-share-buttons {
    display: none;
  }
}

.tl-event-info {
  display: grid;
  grid-template-columns: 1fr 490px;
  font-size: 1.125rem;
  width: 100%;
  padding: 60px var(--ui-block-padding);
}
@media (max-width: 1050px) {
  .tl-event-info {
    grid-template-columns: 1fr;
  }
}
@media not all and (min-width: 750px) {
  .tl-event-info {
    --ui-block-padding: 16px;
    padding-top: 0;
  }
}

.tl-event-col {
  font-size: 1rem;
}
.tl-event-col > .r-readmore {
  display: none;
}
.tl-event-col > .ui-youtube-player {
  width: 100%;
  margin-top: 40px;
  border-radius: 15px;
  overflow: hidden;
}
.tl-event-col > .r-spotify {
  width: 100%;
  margin-top: 40px;
  height: 380px;
}
.tl-event-col > .r-soundcloud {
  width: 100%;
  margin-top: 40px;
  height: 300px;
}
.tl-event-col > .r-vimeo {
  width: 100%;
  margin-top: 40px;
  height: 300px;
}
.tl-event-col > .tl-static-map {
  display: block;
  margin-top: 40px;
}
@media not all and (max-width: 1050px) {
  .tl-event-col {
    margin-right: 60px;
  }
}

.tl-event-pictures {
  padding: 0 var(--ui-block-padding);
  width: 100%;
}
.tl-event-pictures > .r-row {
  display: flex;
  width: 100%;
  height: min(20vw, 288px);
}
.tl-event-pictures > .r-row:first-child > :first-child {
  border-top-left-radius: 30px;
}
.tl-event-pictures > .r-row:first-child > :last-child {
  border-top-right-radius: 30px;
}
.tl-event-pictures > .r-row:last-child > :first-child {
  border-bottom-left-radius: 30px;
}
.tl-event-pictures > .r-row:last-child > :last-child {
  border-bottom-right-radius: 30px;
}
.tl-event-pictures > .r-row.m-2 {
  height: min(30vw, 432px);
}
.tl-event-pictures > .r-row > .ui-image {
  cursor: pointer;
  width: 0;
  flex: 1 0 0;
  height: 100%;
}

.tl-event-reviews {
  padding: 0 var(--ui-block-padding);
  width: 100%;
  margin-top: 60px;
}
.tl-event-reviews > .r-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tl-event-reviews > .r-top > .r-title {
  font-size: 1.875rem;
  font-weight: 700;
}
.tl-event-reviews > .r-top > .ui-button {
  font-size: 0.9375rem;
}
.tl-event-reviews > .r-reviews {
  margin-top: 60px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 360px), 1fr));
  gap: 60px;
}

.tl-event-dialog-header {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 60px var(--ui-block-padding) 10px;
  margin-bottom: 10px;
  text-align: center;
}
.tl-event-dialog-header > .r-price {
  margin-top: 24px;
  border: 2px solid var(--ui-tint);
  font-size: 1.5rem;
  padding: 10px 24px;
  border-radius: 100px;
}

.tl-session-schedule {
  border: 1px solid var(--ui-separator);
  border-radius: 15px;
  padding: 30px;
}
.tl-session-schedule > .r-items {
  width: 100%;
  margin-top: 15px;
}
.tl-session-schedule > .r-items > .r-item {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 15px 0;
  font-size: 0.9375rem;
}
.tl-session-schedule > .r-items > .r-item.f-past {
  text-decoration: line-through;
}
.tl-session-schedule > .r-items > .r-item > .r-info {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  font-weight: 700;
}
.tl-session-schedule > .r-items > .r-item > .r-info > .r-time {
  display: flex;
  align-items: center;
  text-transform: uppercase;
}
.tl-session-schedule > .r-items > .r-item > .r-info > .r-time > .ui-icon {
  color: #aaa;
  margin-left: 8px;
}
.tl-session-schedule > .r-items > .r-item > .ui-button {
  width: fit-content;
  margin-left: 12px;
}
.tl-session-schedule > .r-more {
  padding-left: 0;
  margin-top: 12px;
}
.tl-session-schedule:not(.f-collapsed) > .r-more {
  display: none;
}
.tl-session-schedule.f-collapsed > .r-items > :nth-child(n+6) {
  display: none;
}

.tl-reviews-block {
  width: 100%;
  padding: 0 var(--ui-block-padding);
  display: flex;
}
.tl-reviews-block > .r-reviews {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 360px), 1fr));
  gap: 60px;
  flex: 1 0 0;
}
.tl-reviews-block > .tl-rating-circle {
  margin-left: 60px;
}
@media not all and (min-width: 750px) {
  .tl-reviews-block {
    flex-direction: column;
    align-items: center;
  }
  .tl-reviews-block > .r-reviews {
    order: 2;
  }
  .tl-reviews-block > .tl-rating-circle {
    order: 1;
    margin-left: 0;
    margin-bottom: 60px;
  }
}

.tl-rating-circle {
  width: 245px;
  height: 245px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: black;
  background: #FFBBEA;
}
.tl-rating-circle > .r-score {
  font-size: 4.5rem;
}

.tl-review > .r-top {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.tl-review > .r-top > .ui-icon {
  display: block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background-color: #FFBBEA;
  color: black;
  border-radius: 18px;
  margin-right: 15px;
}
.tl-review > .r-top > .r-texts {
  display: flex;
  flex-direction: column;
}
.tl-review > .r-top > .r-texts > .r-author {
  font-size: 1.125rem;
  font-weight: 700;
}
.tl-review > .r-top > .r-texts > .r-date {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--ui-fg-soft);
}

.tl-past-event-banner {
  color: white;
  background: #1E1E1E;
  --ui-tint: white;
  --ui-tint-20: rgba(255, 255, 255, 0.25);
  --ui-tint-40: rgba(255, 255, 255, 0.5);
  --ui-tint-80: rgba(255, 255, 255, 0.8);
  --ui-on-tint: #1E1E1E;
  width: 100%;
  align-items: center;
  padding: 8px var(--ui-block-padding);
  display: flex;
  justify-content: space-between;
}
.tl-past-event-banner > .r-picture {
  width: 334px;
  height: 143px;
  background: url("https://cdn.abundolive.se/images/assets/xx-past-event.png") center/cover no-repeat;
}
@media not all and (min-width: 750px) {
  .tl-past-event-banner {
    flex-direction: column;
  }
  .tl-past-event-banner > .r-picture {
    display: none;
  }
  .tl-past-event-banner > .r-text {
    text-align: center;
    margin-bottom: 20px;
  }
  .tl-past-event-banner > .ui-button {
    margin-bottom: 20px;
  }
}

.tl-icon {
  display: inline-block;
  vertical-align: -1px;
  width: 1em;
  height: 1em;
  margin-right: 6px;
  background: currentColor;
}
.tl-icon.m-loyalty {
  -webkit-mask: url("https://cdn.abundolive.se/images/assets/xx-loyalty-star.png") center/contain no-repeat;
          mask: url("https://cdn.abundolive.se/images/assets/xx-loyalty-star.png") center/contain no-repeat;
}
.tl-icon.m-event {
  -webkit-mask: url("https://cdn.abundolive.se/images/assets/xx-event-icon.png") center/contain no-repeat;
          mask: url("https://cdn.abundolive.se/images/assets/xx-event-icon.png") center/contain no-repeat;
}
.tl-icon.m-ticket {
  -webkit-mask: url("https://cdn.abundolive.se/images/assets/xx-ticket-icon.png") center/contain no-repeat;
          mask: url("https://cdn.abundolive.se/images/assets/xx-ticket-icon.png") center/contain no-repeat;
}

.tl-event-card {
  width: var(--tl-card-width, auto);
  position: relative;
  contain: strict;
  content-visibility: auto;
  --ui-ripple-opacity: 0.04;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.tl-event-card.f-with-transition {
  content-visibility: initial;
}
.tl-event-card.m-landing {
  cursor: default;
  --tl-card-border: transparent;
}
.tl-event-card > .ui-image {
  flex: 1 0 0;
}
.tl-event-card > .r-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 32px;
  height: 32px;
  background: url("https://cdn.abundolive.se/images/assets/xx-star-badge.png") center/contain no-repeat;
}
.tl-event-card > .r-badge > .r-loyalty {
  position: absolute;
  left: 7px;
  top: 6px;
  width: 16px;
  height: 18px;
  background: url("https://cdn.abundolive.se/images/assets/xx-loyalty-star.png") center/contain no-repeat;
}
.tl-event-card > .r-saved {
  position: absolute;
  top: 0;
  right: 0;
  --ui-tint: white;
  font-size: 1rem;
}
.tl-event-card > .r-texts {
  display: flex;
  flex-direction: column;
  padding: 16px;
}
.tl-event-card > .r-texts > .r-top {
  line-height: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  color: var(--ui-fg-soft);
}
.tl-event-card > .r-texts > .r-top > .tl-availability {
  flex-shrink: 0;
}
.tl-event-card > .r-texts > .r-title {
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.75rem;
  max-height: 3.5rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.tl-event-card > .r-texts > .r-bottom {
  display: flex;
  align-items: flex-end;
  height: 27px;
}
.tl-event-card > .r-texts > .r-bottom > .r-genre {
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--ui-tint);
  font-weight: 700;
}
.tl-event-card > .r-texts > .r-bottom > .r-genre > .ui-icon {
  width: 1em;
  text-align: center;
  margin-right: 8px;
}
.tl-event-card > .r-texts > .r-bottom .tl-friends-widget {
  flex: 1 0 0;
}
.tl-event-card.k-event > .r-texts > .r-title {
  height: 3.5rem;
}
@media not all and (max-width: 1050px) {
  .tl-event-card.k-event-large > .r-texts > .r-title {
    font-size: 40px;
    line-height: 48px;
    max-height: 144px;
    -webkit-line-clamp: 3;
  }
}
@media (max-width: 1050px) {
  .tl-event-card.k-event-large > .r-texts > .r-title {
    font-size: 30px;
    line-height: 36px;
    max-height: 108px;
    -webkit-line-clamp: 3;
  }
}
.tl-event-card.k-event > .ui-image, .tl-event-card.k-event-large > .ui-image {
  border-radius: 15px 15px 0 0;
  border-width: 1px;
  border-color: var(--tl-card-border);
  border-style: solid solid none solid;
  background-origin: border-box !important;
}
.tl-event-card.k-event > .r-texts, .tl-event-card.k-event-large > .r-texts {
  border-radius: 0 0 15px 15px;
  border-width: 1px;
  border-color: var(--tl-card-border);
  border-style: none solid solid solid;
  background: var(--ui-bg);
}
.tl-event-card.k-play > .ui-image, .tl-event-card.k-play-large > .ui-image {
  border-radius: 15px;
  border: 1px solid var(--tl-card-border);
  background-origin: border-box !important;
}
.tl-event-card.k-play > .r-texts {
  padding: 16px 0 0;
}
.tl-event-card.k-play-large > .ui-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tl-event-card.k-play-large > .r-texts {
  flex: 1 0 0;
  justify-content: flex-end;
  position: relative;
  --ui-fg-soft: white;
  color: white;
  --ui-tint: white;
  background: linear-gradient(transparent, transparent, rgba(0, 0, 0, 0.8));
  border-radius: 15px;
}

.tl-image-card {
  width: var(--tl-card-width, auto);
  position: relative;
  contain: strict;
  content-visibility: auto;
  --ui-ripple-opacity: 0.04;
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  background: var(--ui-bg);
}
.tl-image-card.f-with-transition {
  content-visibility: initial;
}
.tl-image-card > .r-image {
  width: 100%;
  flex-grow: 1;
  border-radius: 15px;
  border: 1px solid var(--tl-card-border);
  background-origin: border-box !important;
}

.tl-event-list-container {
  padding-block: 6px;
}
@media (max-width: 1050px) {
  .tl-event-list-container {
    overflow-x: auto;
  }
}

.tl-event-list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 370px), 1fr));
  grid-auto-rows: 320px;
  gap: 20px;
}
.tl-event-list.k-play {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr));
  grid-auto-rows: 360px;
  gap: 30px;
}
.tl-event-list.m-carousel {
  display: flex;
  width: fit-content;
  height: 320px;
  --tl-card-width: min(430px, 100vw - 48px);
}
.tl-event-list.m-carousel.k-play {
  height: 360px;
  --tl-card-width: min(240px, 100vw - 48px);
}
.tl-event-list.m-carousel.k-event-large {
  height: 540px;
  --tl-card-width: min(600px, 100vw - 48px);
}
.tl-event-list.m-carousel.k-play-large {
  height: 540px;
  --tl-card-width: min(400px, 100vw - 48px);
}
@media not all and (max-width: 1050px) {
  .tl-event-list.m-row {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1050px) {
  .tl-event-list.m-carousel {
    gap: 16px;
  }
  .tl-event-list.m-carousel.k-play-large, .tl-event-list.m-carousel.k-event-large {
    height: 480px;
  }
  .tl-event-list.m-row {
    display: flex;
    width: fit-content;
    height: 320px;
    gap: 16px;
    --tl-card-width: min(430px, 100vw - 48px);
  }
}

.tl-search-header.l-form {
  --ui-tint: #E13F3F;
  --ui-on-tint: white;
}
.tl-search-header.l-form > .r-query {
  font-size: 1.375rem;
}
.tl-search-header.l-form > .r-query > .r-text {
  font-weight: 700;
}
.tl-search-header.l-form.f-play {
  --ui-tint: #95122A;
}
.tl-search-header.l-form > .ui-segmented {
  margin-bottom: 30px;
}
.tl-search-header.l-form > .ui-segmented > .ui-inkbar {
  background: var(--ui-tint);
}
@media not all and (min-width: 750px) {
  .tl-search-header.l-form > .ui-segmented {
    margin-bottom: 0%;
  }
}
.tl-search-header.l-form > .tl-filter-bar {
  margin-bottom: 60px;
}
.tl-search-header.l-form > .tl-filter-button {
  font-size: 1.25rem;
  align-self: flex-end;
  margin-bottom: 0;
}
@media (min-width: 750px) {
  .tl-search-header.l-form > .tl-filter-button {
    display: none;
  }
}
@media not all and (min-width: 750px) {
  .tl-search-header.l-form > .tl-filter-bar {
    display: none;
  }
}

.tl-filter-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.875rem;
  margin-top: 12px;
}
.tl-filter-bar > .r-title {
  font-weight: 700;
}
.tl-filter-bar > .r-title.m-break {
  margin-left: 20px;
}

.tl-booking-card {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.tl-booking-card > .r-box {
  position: relative;
  display: flex;
  width: 100%;
  height: 176px;
  border-radius: 15px;
  --ui-ripple-opacity: 0.04;
  -webkit-user-select: none;
          user-select: none;
}
.tl-booking-card > .r-box > .ui-image {
  width: 176px;
  border-radius: 15px 0 0 15px;
  border-width: 1px;
  border-color: var(--tl-card-border);
  border-style: solid none solid solid;
  background-origin: border-box !important;
}
.tl-booking-card > .r-box > .tl-date-corner {
  position: absolute;
  left: 0;
  bottom: 0;
}
.tl-booking-card > .r-box > .r-content {
  width: 0;
  flex: 1 0 0;
  border-radius: 0 15px 15px 0;
  border-width: 1px;
  border-color: var(--tl-card-border);
  border-style: solid solid solid none;
  background: var(--ui-bg-input);
  display: flex;
  padding: 0 32px;
}
.tl-booking-card > .r-box > .r-content > .r-texts {
  width: 0;
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tl-booking-card > .r-box > .r-content > .r-texts > .r-event {
  overflow: hidden;
  font-size: 1.25rem;
  margin-bottom: 14px;
}
.tl-booking-card > .r-box > .r-content > .r-texts > .r-info {
  font-size: 1.125rem;
  margin-bottom: 12px;
}
.tl-booking-card > .r-box > .r-content > .r-texts > .r-venue {
  font-size: 0.875rem;
}
.tl-booking-card > .r-box > .r-content > .r-texts > .r-venue > .ui-icon {
  margin-right: 6px;
}
.tl-booking-card > .r-box > .r-content > .r-thumbs {
  display: flex;
  align-items: center;
}
.tl-booking-card > .r-box > .r-content > .r-thumbs > .ui-button.k-square {
  margin-right: 12px;
  flex-shrink: 0;
}
.tl-booking-card > .r-box > .r-content > .r-thumbs > .ui-button.k-text {
  font-size: 0.875rem;
  white-space: normal;
}
.tl-booking-card > .r-banner {
  cursor: pointer;
  padding: 8px 12px;
  width: 100%;
  background: #C94E4E;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tl-booking-card > .r-info {
  margin-top: 12px;
}
.tl-booking-card > .ui-button {
  align-self: flex-start;
  margin-top: 18px;
}
.tl-booking-card > .r-buttons {
  margin-top: 6px;
}
.tl-booking-card > .r-buttons > .ui-button {
  margin-right: 12px;
}
@media (min-width: 750px) {
  .tl-booking-card > .r-box > .r-content > .r-texts > .r-event {
    line-height: 1.3em;
    height: 2.6em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
@media not all and (min-width: 750px) {
  .tl-booking-card > .r-box {
    height: 120px;
  }
  .tl-booking-card > .r-box > .ui-image {
    width: 120px;
  }
  .tl-booking-card > .r-box > .r-content {
    background: var(--ui-bg-input);
    display: flex;
    padding: 0 18px;
  }
  .tl-booking-card > .r-box > .r-content > .r-texts {
    width: 0;
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .tl-booking-card > .r-box > .r-content > .r-texts > .r-event {
    font-size: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 6px;
  }
  .tl-booking-card > .r-box > .r-content > .r-texts > .r-info {
    font-size: 1.125rem;
    font-weight: 400;
    margin-bottom: 12px;
  }
  .tl-booking-card > .r-box > .r-content > .r-texts > .r-venue {
    font-size: 0.875rem;
  }
  .tl-booking-card > .r-box > .r-content > .r-texts > .r-venue > .ui-icon {
    margin-right: 6px;
  }
  .tl-booking-card > .r-box > .r-content > .r-thumbs {
    display: flex;
    align-items: center;
  }
  .tl-booking-card > .r-box > .r-content > .r-thumbs > .ui-button.k-square {
    margin-right: 12px;
    flex-shrink: 0;
  }
  .tl-booking-card > .r-box > .r-content > .r-thumbs > .ui-button.k-text {
    font-size: 0.875rem;
    white-space: normal;
  }
}

.tl-booking-list {
  width: 100%;
  padding: 0 var(--ui-block-padding);
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 500px), 1fr));
  gap: 20px;
}
.tl-booking-list > .r-header {
  grid-column: 1/-1;
  margin-top: 40px;
  font-size: 1.25rem;
  font-weight: 700;
}
.tl-booking-list > .r-header > .ui-icon {
  margin-right: 12px;
}

.tl-tickets {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  width: auto;
  max-width: 343px;
}
.tl-tickets > .tl-ticket {
  width: 343px;
}
@media (min-width: 1440px) {
  .tl-tickets {
    max-width: 702px;
  }
}
@media (min-width: 750px) and (max-width: 1050px) {
  .tl-tickets {
    max-width: 100%;
    justify-content: center;
  }
}
@media not all and (min-width: 750px) {
  .tl-tickets {
    width: fit-content;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 16px;
    flex-wrap: nowrap;
    overflow: auto;
    gap: 10px;
  }
  .tl-tickets > .tl-ticket {
    flex: 0 0 min(100vw - 32px, 343px);
  }
}

.tl-ticket-column {
  flex: 0 1 fit-content !important;
}
.tl-ticket-column > .tl-tickets {
  margin-top: 16px;
}
@media (min-width: 750px) and (max-width: 1050px) {
  .tl-ticket-column {
    display: none;
  }
}
@media not all and (min-width: 750px) {
  .tl-ticket-column {
    width: 100%;
    order: -1;
  }
  .tl-ticket-column > .p-f-text {
    text-align: center !important;
  }
}

@media (min-width: 750px) and (max-width: 1050px) {
  .tl-booking-column > .p-f-title {
    text-align: center !important;
  }
  .tl-booking-column > .tl-time-or-place {
    text-align: center;
  }
}

.tl-ticket {
  background: #FFBBEA;
  padding: 16px;
  display: flex;
  flex-direction: column;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.3;
  border-radius: 16px;
  max-width: 343px;
  text-align: center;
  color: #1E1E1E;
  overflow: hidden;
}
.tl-ticket > .r-title {
  font-size: 1.1875rem;
  max-height: 2.6em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -webkit-box-pack: center;
  margin-bottom: 16px;
  overflow: hidden;
}
.tl-ticket > .r-image {
  height: 184px;
  margin-bottom: 8px;
  display: flex;
  justify-content: center;
  position: relative;
}
.tl-ticket > .r-image > .r-logo {
  width: 178px;
  height: 100%;
  background: url("https://cdn.abundolive.se/images/logos/icon-black.svg") center/contain no-repeat;
}
.tl-ticket > .r-image > .r-qr {
  width: 100%;
}
.tl-ticket > .r-image > .r-left-circle {
  position: absolute;
  left: -24px;
  top: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--ui-bg);
}
.tl-ticket > .r-image > .r-right-circle {
  position: absolute;
  right: -24px;
  top: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--ui-bg);
}
.tl-ticket > .r-venue {
  font-size: 1.1875rem;
  text-transform: uppercase;
}
.tl-ticket > .r-scene {
  font-size: 1.1875rem;
}
.tl-ticket > .r-time {
  margin-top: 8px;
  text-transform: uppercase;
}
.tl-ticket > .r-box {
  padding: 0 16px;
  margin-top: 8px;
  margin-bottom: 8px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.5);
  height: 55px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tl-ticket > .r-box > .r-row {
  align-items: center;
  display: flex;
  justify-content: space-between;
  text-transform: uppercase;
}
.tl-ticket > .r-info {
  margin-bottom: 16px;
  text-transform: uppercase;
}
.tl-ticket > .r-logo {
  height: 24px;
  background: url("https://cdn.abundolive.se/images/logos/black.svg") center/contain no-repeat;
  margin-bottom: 8px;
}
.tl-ticket > .r-bottom {
  font-size: 0.8125rem;
  font-weight: 400;
}

.tl-friends-row {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-size: 0.875rem;
}
.tl-friends-row > .tl-friend-circle {
  margin-right: 12px;
}

.tl-invite-row {
  display: flex;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid var(--ui-separator);
}
.tl-invite-row:first-child {
  border-top: 1px solid var(--ui-separator);
}
.tl-invite-row > .r-status {
  color: #666;
}
.tl-invite-row > .ui-button {
  margin-left: 8px;
}

.tl-invite-banner {
  width: 100%;
  background: #FFBBEA;
  padding: 0 var(--ui-block-padding);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.tl-invite-banner > .r-title {
  font-size: 3.125rem;
  font-weight: 700;
  width: 580px;
  margin-right: 80px;
}
.tl-invite-banner > .r-image {
  width: 413px;
  height: 361px;
  background: url("https://cdn.abundolive.se/images/assets/xx-invite-illu.png") center/contain no-repeat;
}
@media not all and (min-width: 750px) {
  .tl-invite-banner {
    position: relative;
    margin-top: 18px;
    margin-left: auto;
    margin-right: auto;
    width: 343px;
    padding: 0;
    border-radius: 10px;
    height: 177px;
    align-self: center;
    justify-content: center;
    text-align: center;
  }
  .tl-invite-banner > .r-title {
    width: 241px;
    font-size: 1.25rem;
    margin-right: 0;
  }
  .tl-invite-banner > .r-image {
    position: absolute;
    width: 304px;
    height: 160px;
    left: 20px;
    top: 9px;
    background: url("https://cdn.abundolive.se/images/assets/xx-invite-illu-m.png") center/contain no-repeat;
  }
}

@media not all and (min-width: 750px) {
  body.f-floating #intercom-container .intercom-launcher-frame, body.f-floating #intercom-container .intercom-launcher-discovery-frame {
    bottom: 68px !important;
  }
  body.f-floating #intercom-container .intercom-chat {
    padding-bottom: 48px !important;
  }
  body.f-floating #intercom-container .intercom-launcher-badge-frame {
    bottom: 108px !important;
  }
}
::view-transition-group(event-image), ::view-transition-group(event-info), ::view-transition-group(tag-info) {
  overflow: hidden;
}

::view-transition-new(event-image), ::view-transition-old(event-image) {
  height: 100%;
  width: 100%;
}

::view-transition-new(event-info), ::view-transition-old(event-info) {
  height: 100%;
  width: 100%;
}

::view-transition-new(tag-info), ::view-transition-old(tag-info) {
  height: 100%;
  width: 100%;
}

::view-transition-new(event-frame), ::view-transition-old(event-frame) {
  height: 100%;
  width: 100%;
}

.tl-signup-content > .tl-signup-bg {
  display: none;
  align-items: center;
  justify-content: center;
}
.tl-signup-content > .tl-signup-bg > .r-icon {
  background: url("https://cdn.abundolive.se/images/logos/icon-white.svg") center/cover no-repeat;
  aspect-ratio: 227/109;
  width: 227px;
  max-width: 30%;
}
@media not all and (max-width: 1050px) {
  .tl-signup-content {
    padding-left: 50vw;
  }
  .tl-signup-content > .tl-signup-bg {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 50vw;
    height: 100vh;
  }
}

.tl-signup-section {
  min-height: 100vh;
  padding-inline: max(16px, 50% - 180px);
  padding-top: max(120px, 20vh);
  padding-bottom: max(60px, 10vh);
}
.tl-signup-section > .ui-button.tl-signup-button {
  align-self: stretch;
}
.tl-signup-section > .tl-signup-bottom-logo {
  align-self: center;
}

.tl-signup-separator {
  width: 100%;
  height: 1px;
  background: var(--ui-separator);
}

.tl-signup-city-button {
  display: flex;
  align-items: center;
  width: 100%;
  height: 60px;
  cursor: pointer;
}
.tl-signup-city-button > .r-flag {
  width: 22px;
  height: 22px;
  margin-right: 8px;
}

.tl-signup-bottom-logo {
  margin-top: 24px;
  width: 113px;
  height: 24px;
  background: var(--tl-logo) center/contain no-repeat;
}

.ui-button.tl-signup-button {
  border-radius: 8px;
  padding-block: 0.9em;
  font-size: 1.0625rem;
  align-self: stretch;
}

.ui-button.k-text.tl-signup-text-button {
  margin-top: 0;
  padding-inline: 0;
  color: var(--ui-fg);
  text-decoration: underline;
  font-size: 1.0625rem;
}

.ui-button.k-text.m-inline.tl-signup-inline-button {
  color: inherit;
  text-decoration: underline;
}
.ui-button.k-text.m-inline.tl-signup-inline-button.m-dark {
  color: var(--ui-fg);
}

.ui-input.tl-signup-input {
  border: none !important;
  box-shadow: none !important;
  background: var(--ui-fg-10);
}
.ui-input.tl-signup-input > .r-core > .r-field {
  padding-block: 11px;
}

.tl-signup-or {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.tl-signup-or > .r-separator {
  flex: 1;
  height: 1px;
  background: var(--ui-separator);
}
.tl-signup-or > .r-text {
  padding-inline: 16px;
  font-size: 1.0625rem;
}

.tl-signup-card {
  margin-top: 16px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
  border-radius: 16px;
  padding: 16px;
  border: 2px solid transparent;
  width: 100%;
  height: 202px;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  font-size: 1.0625rem;
  color: #1E1E1E;
  background: #FFBBEA;
}
.tl-signup-card > .r-title {
  font-weight: 700;
}
.tl-signup-card > .r-strike {
  text-decoration: line-through;
  opacity: 0.6;
}
.tl-signup-card > .r-caret {
  border-radius: 20px;
  text-align: center;
  line-height: 40px;
  width: 40px;
  height: 40px;
  color: black;
  background: rgba(0, 0, 0, 0.05);
  position: absolute;
  right: 16px;
  bottom: 16px;
}
.tl-signup-card > .r-image {
  position: absolute;
  top: -21px;
  right: 10px;
}
.tl-signup-card > .r-image.k-standard {
  background: url("https://cdn.abundolive.se/images/assets/xx-signup-standard.png") center/contain no-repeat;
  width: 258px;
  height: 218px;
}
.tl-signup-card > .r-image.k-plusone {
  background: url("https://cdn.abundolive.se/images/assets/xx-signup-plusone.png") center/contain no-repeat;
  width: 250px;
  height: 228px;
}

#consent-container {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}