@charset "UTF-8";
@font-face {
  font-family: "ElectraLH";
  src: url("https://cdn.aresgratal.com/fonts/electralh/ElectraLH-Regular.otf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "ElectraLH";
  src: url("https://cdn.aresgratal.com/fonts/electralh/ElectraLH-Regular-Italic.otf");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "ElectraLH";
  src: url("https://cdn.aresgratal.com/fonts/electralh/ElectraLH-Bold.otf");
  font-weight: 700;
  font-style: normal;
}
.font-electralh {
  font-family: "ElectraLH", Arial, Helvetica, serif;
}

.font-zeitung {
  font-family: "zeitung", 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: "zeitung", sans-serif;
  font-size: 1em;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  line-height: 1.375;
}
html.f-aside {
  overflow: hidden !important;
}

body {
  font-size: 1.125rem;
  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(255, 255, 255, 0.8);
  --ui-bar-primary-text: black;
  --ui-bar-secondary: rgba(255, 239, 239, 0.7);
  --ui-bar-secondary-text: black;
  --ui-bar-secondary-border: rgba(200, 0, 0, 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(200, 0, 0, 0.2);
  --ui-dropdown-selected: rgba(200, 0, 0, 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(255, 255, 255, 0.8);
    --ui-bar-primary-text: black;
    --ui-bar-secondary: rgba(100, 100, 100, 0.6);
    --ui-bar-secondary-text: white;
    --ui-bar-secondary-border: rgba(200, 0, 0, 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(200, 0, 0, 0.2);
    --ui-dropdown-selected: rgba(200, 0, 0, 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: rgb(200, 0, 0);
  --ui-tint-20: rgba(200, 0, 0, 0.2);
  --ui-tint-40: rgba(200, 0, 0, 0.4);
  --ui-tint-80: rgba(200, 0, 0, 0.8);
  --ui-on-tint: white;
  --ui-secondary: #1d1d1d;
  --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: rgb(200, 0, 0);
  --ui-link-hover: rgba(200, 0, 0, 0.7);
}

.c-dark, .c-inverse {
  --ui-tint: rgb(200, 0, 0);
  --ui-tint-20: rgba(200, 0, 0, 0.2);
  --ui-tint-40: rgba(200, 0, 0, 0.4);
  --ui-tint-80: rgba(200, 0, 0, 0.8);
  --ui-on-tint: white;
  --ui-secondary: #F48FB1;
  --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: rgb(200, 0, 0);
  --ui-link-hover: rgba(200, 0, 0, 0.7);
}

@media screen and (prefers-color-scheme: dark) {
  .c-inverse {
    --ui-tint: rgb(200, 0, 0);
    --ui-tint-20: rgba(200, 0, 0, 0.2);
    --ui-tint-40: rgba(200, 0, 0, 0.4);
    --ui-tint-80: rgba(200, 0, 0, 0.8);
    --ui-on-tint: white;
    --ui-secondary: #1d1d1d;
    --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: rgb(200, 0, 0);
    --ui-link-hover: rgba(200, 0, 0, 0.7);
  }
  :root, .c-natural {
    --ui-tint: rgb(200, 0, 0);
    --ui-tint-20: rgba(200, 0, 0, 0.2);
    --ui-tint-40: rgba(200, 0, 0, 0.4);
    --ui-tint-80: rgba(200, 0, 0, 0.8);
    --ui-on-tint: white;
    --ui-secondary: #F48FB1;
    --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: rgb(200, 0, 0);
    --ui-link-hover: rgba(200, 0, 0, 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: "Black Tie";
  src: url("https://cdn.aresgratal.com/fonts/solid/BlackTie-Solid-webfont.eot?v=1.0.0");
  src: url("https://cdn.aresgratal.com/fonts/solid/BlackTie-Solid-webfont.eot?#iefix&v=1.0.0") format("embedded-opentype"), url("https://cdn.aresgratal.com/fonts/solid/BlackTie-Solid-webfont.woff2?v=1.0.0") format("woff2"), url("https://cdn.aresgratal.com/fonts/solid/BlackTie-Solid-webfont.woff?v=1.0.0") format("woff"), url("https://cdn.aresgratal.com/fonts/solid/BlackTie-Solid-webfont.ttf?v=1.0.0") format("truetype"), url("https://cdn.aresgratal.com/fonts/solid/BlackTie-Solid-webfont.svg?v=1.0.0#black_tiesolid") format("svg");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Black Tie";
  src: url("https://cdn.aresgratal.com/fonts/bold/BlackTie-Bold-webfont.eot?v=1.0.0");
  src: url("https://cdn.aresgratal.com/fonts/bold/BlackTie-Bold-webfont.eot?#iefix&v=1.0.0") format("embedded-opentype"), url("https://cdn.aresgratal.com/fonts/bold/BlackTie-Bold-webfont.woff2?v=1.0.0") format("woff2"), url("https://cdn.aresgratal.com/fonts/bold/BlackTie-Bold-webfont.woff?v=1.0.0") format("woff"), url("https://cdn.aresgratal.com/fonts/bold/BlackTie-Bold-webfont.ttf?v=1.0.0") format("truetype"), url("https://cdn.aresgratal.com/fonts/bold/BlackTie-Bold-webfont.svg?v=1.0.0#black_tiebold") format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Black Tie";
  src: url("https://cdn.aresgratal.com/fonts/regular/BlackTie-Regular-webfont.eot?v=1.0.0");
  src: url("https://cdn.aresgratal.com/fonts/regular/BlackTie-Regular-webfont.eot?#iefix&v=1.0.0") format("embedded-opentype"), url("https://cdn.aresgratal.com/fonts/regular/BlackTie-Regular-webfont.woff2?v=1.0.0") format("woff2"), url("https://cdn.aresgratal.com/fonts/regular/BlackTie-Regular-webfont.woff?v=1.0.0") format("woff"), url("https://cdn.aresgratal.com/fonts/regular/BlackTie-Regular-webfont.ttf?v=1.0.0") format("truetype"), url("https://cdn.aresgratal.com/fonts/regular/BlackTie-Regular-webfont.svg?v=1.0.0#black_tieregular") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Black Tie";
  src: url("https://cdn.aresgratal.com/fonts/light/BlackTie-Light-webfont.eot?v=1.0.0");
  src: url("https://cdn.aresgratal.com/fonts/light/BlackTie-Light-webfont.eot?#iefix&v=1.0.0") format("embedded-opentype"), url("https://cdn.aresgratal.com/fonts/light/BlackTie-Light-webfont.woff2?v=1.0.0") format("woff2"), url("https://cdn.aresgratal.com/fonts/light/BlackTie-Light-webfont.woff?v=1.0.0") format("woff"), url("https://cdn.aresgratal.com/fonts/light/BlackTie-Light-webfont.ttf?v=1.0.0") format("truetype"), url("https://cdn.aresgratal.com/fonts/light/BlackTie-Light-webfont.svg?v=1.0.0#black_tielight") format("svg");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Font Awesome Brands";
  src: url("https://cdn.aresgratal.com/fonts/brands/FontAwesomeBrands-Regular-webfont.eot?v=1.0.0");
  src: url("https://cdn.aresgratal.com/fonts/brands/FontAwesomeBrands-Regular-webfont.eot?#iefix&v=1.0.0") format("embedded-opentype"), url("https://cdn.aresgratal.com/fonts/brands/FontAwesomeBrands-Regular-webfont.woff2?v=1.0.0") format("woff2"), url("https://cdn.aresgratal.com/fonts/brands/FontAwesomeBrands-Regular-webfont.woff?v=1.0.0") format("woff"), url("https://cdn.aresgratal.com/fonts/brands/FontAwesomeBrands-Regular-webfont.ttf?v=1.0.0") format("truetype"), url("https://cdn.aresgratal.com/fonts/brands/FontAwesomeBrands-Regular-webfont.svg?v=1.0.0#font_awesome_brandsregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Font Awesome Brands New";
  src: url("https://cdn.aresgratal.com/fonts/brands/FontAwesomeBrands.woff2") format("woff2"), url("https://cdn.aresgratal.com/fonts/brands/FontAwesomeBrands.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@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 {
  display: inline-block;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.ui-icon.k-fab {
  font-family: "Font Awesome Brands";
  font-weight: 400;
  vertical-align: -14.28571429%;
}
.ui-icon.k-fabn {
  font-family: "Font Awesome Brands New";
  font-weight: 400;
}
.ui-icon.k-btl {
  font-family: "Black Tie";
  font-weight: 200;
  vertical-align: -14.28571429%;
}
.ui-icon.k-btr {
  font-family: "Black Tie";
  font-weight: 400;
  vertical-align: -14.28571429%;
}
.ui-icon.k-btb {
  font-family: "Black Tie";
  font-weight: 700;
  vertical-align: -14.28571429%;
}
.ui-icon.k-bts {
  font-family: "Black Tie";
  font-weight: 900;
  vertical-align: -14.28571429%;
}
.ui-icon.n-1::before {
  content: "\f001";
}
.ui-icon.n-2::before {
  content: "\f002";
}
.ui-icon.n-3::before {
  content: "\f003";
}
.ui-icon.n-4::before {
  content: "\f004";
}
.ui-icon.n-5::before {
  content: "\f005";
}
.ui-icon.n-6::before {
  content: "\f006";
}
.ui-icon.n-7::before {
  content: "\f007";
}
.ui-icon.n-8::before {
  content: "\f008";
}
.ui-icon.n-9::before {
  content: "\f009";
}
.ui-icon.n-10::before {
  content: "\f00a";
}
.ui-icon.n-11::before {
  content: "\f00b";
}
.ui-icon.n-12::before {
  content: "\f00c";
}
.ui-icon.n-13::before {
  content: "\f00d";
}
.ui-icon.n-14::before {
  content: "\f00e";
}
.ui-icon.n-15::before {
  content: "\f00f";
}
.ui-icon.n-16::before {
  content: "\f010";
}
.ui-icon.n-17::before {
  content: "\f011";
}
.ui-icon.n-18::before {
  content: "\f012";
}
.ui-icon.n-19::before {
  content: "\f013";
}
.ui-icon.n-20::before {
  content: "\f014";
}
.ui-icon.n-21::before {
  content: "\f015";
}
.ui-icon.n-22::before {
  content: "\f016";
}
.ui-icon.n-23::before {
  content: "\f017";
}
.ui-icon.n-24::before {
  content: "\f018";
}
.ui-icon.n-25::before {
  content: "\f019";
}
.ui-icon.n-26::before {
  content: "\f01a";
}
.ui-icon.n-27::before {
  content: "\f01b";
}
.ui-icon.n-28::before {
  content: "\f01c";
}
.ui-icon.n-29::before {
  content: "\f01d";
}
.ui-icon.n-30::before {
  content: "\f01e";
}
.ui-icon.n-31::before {
  content: "\f01f";
}
.ui-icon.n-32::before {
  content: "\f020";
}
.ui-icon.n-33::before {
  content: "\f021";
}
.ui-icon.n-34::before {
  content: "\f022";
}
.ui-icon.n-35::before {
  content: "\f023";
}
.ui-icon.n-36::before {
  content: "\f024";
}
.ui-icon.n-37::before {
  content: "\f025";
}
.ui-icon.n-38::before {
  content: "\f026";
}
.ui-icon.n-39::before {
  content: "\f027";
}
.ui-icon.n-40::before {
  content: "\f028";
}
.ui-icon.n-41::before {
  content: "\f029";
}
.ui-icon.n-42::before {
  content: "\f02a";
}
.ui-icon.n-43::before {
  content: "\f02b";
}
.ui-icon.n-44::before {
  content: "\f02c";
}
.ui-icon.n-45::before {
  content: "\f02d";
}
.ui-icon.n-46::before {
  content: "\f02e";
}
.ui-icon.n-47::before {
  content: "\f02f";
}
.ui-icon.n-48::before {
  content: "\f030";
}
.ui-icon.n-49::before {
  content: "\f031";
}
.ui-icon.n-50::before {
  content: "\f032";
}
.ui-icon.n-51::before {
  content: "\f033";
}
.ui-icon.n-52::before {
  content: "\f034";
}
.ui-icon.n-53::before {
  content: "\f035";
}
.ui-icon.n-54::before {
  content: "\f036";
}
.ui-icon.n-55::before {
  content: "\f037";
}
.ui-icon.n-56::before {
  content: "\f038";
}
.ui-icon.n-57::before {
  content: "\f039";
}
.ui-icon.n-58::before {
  content: "\f03a";
}
.ui-icon.n-59::before {
  content: "\f03b";
}
.ui-icon.n-60::before {
  content: "\f03c";
}
.ui-icon.n-61::before {
  content: "\f03d";
}
.ui-icon.n-62::before {
  content: "\f03e";
}
.ui-icon.n-63::before {
  content: "\f03f";
}
.ui-icon.n-64::before {
  content: "\f040";
}
.ui-icon.n-65::before {
  content: "\f041";
}
.ui-icon.n-66::before {
  content: "\f042";
}
.ui-icon.n-67::before {
  content: "\f043";
}
.ui-icon.n-68::before {
  content: "\f044";
}
.ui-icon.n-69::before {
  content: "\f045";
}
.ui-icon.n-70::before {
  content: "\f046";
}
.ui-icon.n-71::before {
  content: "\f047";
}
.ui-icon.n-72::before {
  content: "\f048";
}
.ui-icon.n-73::before {
  content: "\f049";
}
.ui-icon.n-74::before {
  content: "\f04a";
}
.ui-icon.n-75::before {
  content: "\f04b";
}
.ui-icon.n-76::before {
  content: "\f04c";
}
.ui-icon.n-77::before {
  content: "\f04d";
}
.ui-icon.n-78::before {
  content: "\f04e";
}
.ui-icon.n-79::before {
  content: "\f04f";
}
.ui-icon.n-80::before {
  content: "\f050";
}
.ui-icon.n-81::before {
  content: "\f051";
}
.ui-icon.n-82::before {
  content: "\f052";
}
.ui-icon.n-83::before {
  content: "\f053";
}
.ui-icon.n-84::before {
  content: "\f054";
}
.ui-icon.n-85::before {
  content: "\f055";
}
.ui-icon.n-86::before {
  content: "\f056";
}
.ui-icon.n-87::before {
  content: "\f057";
}
.ui-icon.n-88::before {
  content: "\f058";
}
.ui-icon.n-89::before {
  content: "\f059";
}
.ui-icon.n-90::before {
  content: "\f05a";
}
.ui-icon.n-91::before {
  content: "\f05b";
}
.ui-icon.n-92::before {
  content: "\f05c";
}
.ui-icon.n-93::before {
  content: "\f05d";
}
.ui-icon.n-94::before {
  content: "\f05e";
}
.ui-icon.n-95::before {
  content: "\f05f";
}
.ui-icon.n-96::before {
  content: "\f060";
}
.ui-icon.n-97::before {
  content: "\f061";
}
.ui-icon.n-98::before {
  content: "\f062";
}
.ui-icon.n-99::before {
  content: "\f063";
}
.ui-icon.n-100::before {
  content: "\f064";
}
.ui-icon.n-101::before {
  content: "\f065";
}
.ui-icon.n-102::before {
  content: "\f066";
}
.ui-icon.n-103::before {
  content: "\f067";
}
.ui-icon.n-104::before {
  content: "\f068";
}
.ui-icon.n-105::before {
  content: "\f069";
}
.ui-icon.n-106::before {
  content: "\f06a";
}
.ui-icon.n-107::before {
  content: "\f06b";
}
.ui-icon.n-108::before {
  content: "\f06c";
}
.ui-icon.n-109::before {
  content: "\f06d";
}
.ui-icon.n-110::before {
  content: "\f06e";
}
.ui-icon.n-111::before {
  content: "\f06f";
}
.ui-icon.n-112::before {
  content: "\f070";
}
.ui-icon.n-113::before {
  content: "\f071";
}
.ui-icon.n-114::before {
  content: "\f072";
}
.ui-icon.n-115::before {
  content: "\f073";
}
.ui-icon.n-116::before {
  content: "\f074";
}
.ui-icon.n-117::before {
  content: "\f075";
}
.ui-icon.n-118::before {
  content: "\f076";
}
.ui-icon.n-119::before {
  content: "\f077";
}
.ui-icon.n-120::before {
  content: "\f078";
}
.ui-icon.n-121::before {
  content: "\f079";
}
.ui-icon.n-122::before {
  content: "\f07a";
}
.ui-icon.n-123::before {
  content: "\f07b";
}
.ui-icon.n-124::before {
  content: "\f07c";
}
.ui-icon.n-125::before {
  content: "\f07d";
}
.ui-icon.n-126::before {
  content: "\f07e";
}
.ui-icon.n-127::before {
  content: "\f07f";
}
.ui-icon.n-128::before {
  content: "\f080";
}
.ui-icon.n-129::before {
  content: "\f081";
}
.ui-icon.n-130::before {
  content: "\f082";
}
.ui-icon.n-131::before {
  content: "\f083";
}
.ui-icon.n-132::before {
  content: "\f084";
}
.ui-icon.n-133::before {
  content: "\f085";
}
.ui-icon.n-134::before {
  content: "\f086";
}
.ui-icon.n-135::before {
  content: "\f087";
}
.ui-icon.n-136::before {
  content: "\f088";
}
.ui-icon.n-137::before {
  content: "\f089";
}
.ui-icon.n-138::before {
  content: "\f08a";
}
.ui-icon.n-139::before {
  content: "\f08b";
}
.ui-icon.n-140::before {
  content: "\f08c";
}
.ui-icon.n-141::before {
  content: "\f08d";
}
.ui-icon.n-142::before {
  content: "\f08e";
}
.ui-icon.n-143::before {
  content: "\f08f";
}
.ui-icon.n-144::before {
  content: "\f090";
}
.ui-icon.n-145::before {
  content: "\f091";
}
.ui-icon.n-146::before {
  content: "\f092";
}
.ui-icon.n-147::before {
  content: "\f093";
}
.ui-icon.n-148::before {
  content: "\f094";
}
.ui-icon.n-149::before {
  content: "\f095";
}
.ui-icon.n-150::before {
  content: "\f096";
}
.ui-icon.n-151::before {
  content: "\f097";
}
.ui-icon.n-152::before {
  content: "\f098";
}
.ui-icon.n-153::before {
  content: "\f099";
}
.ui-icon.n-154::before {
  content: "\f09a";
}
.ui-icon.n-155::before {
  content: "\f09b";
}
.ui-icon.n-156::before {
  content: "\f09c";
}
.ui-icon.n-157::before {
  content: "\f09d";
}
.ui-icon.n-158::before {
  content: "\f09e";
}
.ui-icon.n-159::before {
  content: "\f09f";
}
.ui-icon.n-160::before {
  content: "\f0a0";
}
.ui-icon.n-161::before {
  content: "\f0a1";
}
.ui-icon.n-162::before {
  content: "\f0a2";
}
.ui-icon.n-163::before {
  content: "\f0a3";
}
.ui-icon.n-164::before {
  content: "\f0a4";
}
.ui-icon.n-165::before {
  content: "\f0a5";
}
.ui-icon.n-166::before {
  content: "\f0a6";
}
.ui-icon.n-167::before {
  content: "\f0a7";
}
.ui-icon.n-168::before {
  content: "\f0a8";
}
.ui-icon.n-169::before {
  content: "\f0a9";
}
.ui-icon.n-170::before {
  content: "\f0aa";
}
.ui-icon.n-171::before {
  content: "\f0ab";
}
.ui-icon.n-172::before {
  content: "\f0ac";
}
.ui-icon.n-173::before {
  content: "\f0ad";
}
.ui-icon.n-174::before {
  content: "\f0ae";
}
.ui-icon.n-175::before {
  content: "\f0af";
}
.ui-icon.n-176::before {
  content: "\f0b0";
}
.ui-icon.n-177::before {
  content: "\f0b1";
}
.ui-icon.n-178::before {
  content: "\f0b2";
}
.ui-icon.n-179::before {
  content: "\f0b3";
}
.ui-icon.n-180::before {
  content: "\f0b4";
}
.ui-icon.n-181::before {
  content: "\f0b5";
}
.ui-icon.n-182::before {
  content: "\f0b6";
}
.ui-icon.n-183::before {
  content: "\f0b7";
}
.ui-icon.n-184::before {
  content: "\f0b8";
}
.ui-icon.n-185::before {
  content: "\f0b9";
}
.ui-icon.n-186::before {
  content: "\f0ba";
}
.ui-icon.n-187::before {
  content: "\f0bb";
}
.ui-icon.n-188::before {
  content: "\f0bc";
}
.ui-icon.n-189::before {
  content: "\f0bd";
}
.ui-icon.n-190::before {
  content: "\f0be";
}
.ui-icon.n-191::before {
  content: "\f0bf";
}
.ui-icon.n-192::before {
  content: "\f0c0";
}
.ui-icon.n-193::before {
  content: "\f0c1";
}
.ui-icon.n-194::before {
  content: "\f0c2";
}
.ui-icon.n-195::before {
  content: "\f0c3";
}
.ui-icon.n-196::before {
  content: "\f0c4";
}
.ui-icon.n-197::before {
  content: "\f0c5";
}
.ui-icon.n-198::before {
  content: "\f0c6";
}
.ui-icon.n-199::before {
  content: "\f0c7";
}
.ui-icon.n-200::before {
  content: "\f0c8";
}
.ui-icon.n-201::before {
  content: "\f0c9";
}
.ui-icon.n-202::before {
  content: "\f0ca";
}
.ui-icon.n-203::before {
  content: "\f0cb";
}
.ui-icon.n-204::before {
  content: "\f0cc";
}
.ui-icon.n-205::before {
  content: "\f0cd";
}
.ui-icon.n-206::before {
  content: "\f0ce";
}
.ui-icon.n-207::before {
  content: "\f0cf";
}
.ui-icon.n-208::before {
  content: "\f0d0";
}
.ui-icon.n-209::before {
  content: "\f0d1";
}
.ui-icon.n-210::before {
  content: "\f0d2";
}
.ui-icon.n-211::before {
  content: "\f0d3";
}
.ui-icon.n-212::before {
  content: "\f0d4";
}
.ui-icon.n-213::before {
  content: "\f0d5";
}
.ui-icon.n-214::before {
  content: "\f0d6";
}
.ui-icon.n-215::before {
  content: "\f0d7";
}
.ui-icon.n-216::before {
  content: "\f0d8";
}
.ui-icon.n-217::before {
  content: "\f0d9";
}
.ui-icon.n-218::before {
  content: "\f0da";
}
.ui-icon.n-219::before {
  content: "\f0db";
}
.ui-icon.n-220::before {
  content: "\f0dc";
}
.ui-icon.n-221::before {
  content: "\f0dd";
}
.ui-icon.n-222::before {
  content: "\f0de";
}
.ui-icon.n-223::before {
  content: "\f0df";
}
.ui-icon.n-224::before {
  content: "\f0e0";
}
.ui-icon.n-225::before {
  content: "\f0e1";
}
.ui-icon.n-226::before {
  content: "\f0e2";
}
.ui-icon.n-227::before {
  content: "\f0e3";
}
.ui-icon.n-228::before {
  content: "\f0e4";
}
.ui-icon.n-229::before {
  content: "\f0e5";
}
.ui-icon.n-230::before {
  content: "\f0e6";
}
.ui-icon.n-231::before {
  content: "\f0e7";
}
.ui-icon.n-232::before {
  content: "\f0e8";
}
.ui-icon.n-233::before {
  content: "\f0e9";
}
.ui-icon.n-234::before {
  content: "\f0ea";
}
.ui-icon.n-235::before {
  content: "\f0eb";
}
.ui-icon.n-236::before {
  content: "\f0ec";
}
.ui-icon.n-237::before {
  content: "\f0ed";
}
.ui-icon.n-238::before {
  content: "\f0ee";
}
.ui-icon.n-239::before {
  content: "\f0ef";
}
.ui-icon.n-240::before {
  content: "\f0f0";
}
.ui-icon.n-241::before {
  content: "\f0f1";
}
.ui-icon.n-242::before {
  content: "\f0f2";
}
.ui-icon.n-243::before {
  content: "\f0f3";
}
.ui-icon.n-244::before {
  content: "\f0f4";
}
.ui-icon.n-245::before {
  content: "\f0f5";
}
.ui-icon.n-246::before {
  content: "\f0f6";
}
.ui-icon.n-247::before {
  content: "\f0f7";
}
.ui-icon.n-248::before {
  content: "\f0f8";
}
.ui-icon.n-249::before {
  content: "\f0f9";
}
.ui-icon.n-250::before {
  content: "\f0fa";
}
.ui-icon.n-251::before {
  content: "\f0fb";
}
.ui-icon.n-252::before {
  content: "\f0fc";
}
.ui-icon.n-253::before {
  content: "\f0fd";
}
.ui-icon.n-254::before {
  content: "\f0fe";
}
.ui-icon.n-255::before {
  content: "\f000";
}
.ui-icon.k-fabn.n-1::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: 1rem;
}

.l-button-row {
  font-size: 1rem;
  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: 1rem;
}
.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-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-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: 1rem;
}
.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;
    align-items: flex-start;
    padding: 59px 0;
    background: none;
  }
  .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: 1rem;
  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: 1rem;
  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-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-10);
  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;
}

@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-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: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 "Black Tie";
  font-size: inherit;
  vertical-align: -14.28571429%;
  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: "\f03d";
  font-weight: 900;
}
.ui-button.f-okay::after {
  animation: ui-icon-bounce 0.5s;
  content: "\f012";
  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-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;
}

.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-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.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-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: rgba(0, 0, 0, 0.2);
  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: white;
  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: #44bf3a;
}
.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-youtube-player {
  display: block;
  background: black;
  aspect-ratio: 16/9;
}
.ui-youtube-player > .r-player {
  display: block;
  width: 100%;
  height: 100%;
}

.p-f-info {
  font-size: 1.25rem;
  font-weight: 600;
  font-style: italic;
  padding: 0 136px;
}
@media not all and (min-width: 750px) {
  .p-f-info {
    padding: 0 24px;
  }
}

.p-f-title {
  text-align: inherit;
  font-size: 1.5rem;
  font-weight: 700;
}

.p-f-subtitle {
  color: inherit;
  font-size: 1.125rem;
  font-weight: 700;
}

.p-f-bigtitle {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}
@media not all and (min-width: 750px) {
  .p-f-bigtitle {
    font-size: 1.625rem;
  }
}

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

body {
  background: white;
  --ui-block-padding: max(60px, 50% - 500px);
}
@media not all and (min-width: 750px) {
  body {
    --ui-block-padding: 24px;
  }
}

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

.ui-section {
  background: none;
  color: inherit;
}

.ag-audio-player {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 48px;
  width: 100%;
  padding: 6px 6px 6px 243px;
}
.ag-audio-player > audio {
  width: 100%;
  height: 100%;
}

@media (min-width: 750px) {
  article.ui-screen.ag-screen {
    font-size: 1.125rem;
    color: black;
  }
}
@media not all and (min-width: 750px) {
  article.ui-screen.ag-screen {
    font-size: 1rem;
    color: black;
  }
}
.p-f-text {
  line-height: 2;
}

.ag-w-right {
  padding-left: max(36px, 100% - 800px);
  padding-right: 36px;
}

.k-hamburger {
  color: black !important;
}

.ag-big-picture {
  position: relative;
  width: 100vw;
  height: calc(100vh - 54px);
  background: url("https://cdn.aresgratal.com/images/backgrounds/nadal.webp") center 15%/cover no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ag-big-picture > .r-box {
  background: white;
  color: black;
  border-radius: 24px;
  padding: 36px;
  max-width: 300px;
  margin-left: max(0px, 50% - 400px);
  align-self: start;
}
.ag-big-picture > .r-box > .r-title {
  font-size: 2rem;
  margin-bottom: 12px;
}
@media not all and (min-width: 750px) {
  .ag-big-picture > .r-box {
    max-width: calc(100% - 72px);
    align-self: center;
    margin-top: 120px;
  }
}
.ag-big-picture > .r-arrow {
  position: absolute;
  bottom: 90px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: white;
  opacity: 0.8;
  animation: flash 2s infinite;
}
@media not all and (min-width: 750px) {
  .ag-big-picture > .r-arrow {
    font-size: 1.5rem;
  }
}

@keyframes flash {
  0% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 0.8;
  }
}
.ag-option {
  width: 100%;
  height: 220px;
  color: white;
  font-size: 3.5rem;
}
.ag-option.m-bio {
  background: url("https://cdn.aresgratal.com/images/menu/d-bio.webp") center center/cover no-repeat;
}
@media not all and (min-width: 750px) {
  .ag-option.m-bio {
    background: url("https://cdn.aresgratal.com/images/menu/m-bio.jpg") center center/cover no-repeat;
  }
}
.ag-option.m-concerts {
  background: url("https://cdn.aresgratal.com/images/menu/d-concerts.webp") center center/cover no-repeat;
}
@media not all and (min-width: 750px) {
  .ag-option.m-concerts {
    background: url("https://cdn.aresgratal.com/images/menu/m-concerts.jpg") center center/cover no-repeat;
  }
}
.ag-option.m-contact {
  background: url("https://cdn.aresgratal.com/images/menu/d-contact.webp") center center/cover no-repeat;
}
@media not all and (min-width: 750px) {
  .ag-option.m-contact {
    background: url("https://cdn.aresgratal.com/images/menu/m-contact.jpg") center center/cover no-repeat;
  }
}
.ag-option.m-disco {
  background: url("https://cdn.aresgratal.com/images/menu/d-disco-2.webp") center center/cover no-repeat;
}
@media not all and (min-width: 750px) {
  .ag-option.m-disco {
    background: url("https://cdn.aresgratal.com/images/menu/m-disco-2.webp") center center/cover no-repeat;
  }
}
.ag-option.m-altres {
  background: url("https://cdn.aresgratal.com/images/menu/d-altres.webp") center center/cover no-repeat;
}
@media not all and (min-width: 750px) {
  .ag-option.m-altres {
    background: url("https://cdn.aresgratal.com/images/menu/m-altres.jpg") center center/cover no-repeat;
  }
}
.ag-option.m-lyrics {
  background: url("https://cdn.aresgratal.com/images/menu/d-lyrics.webp") center center/cover no-repeat;
}
@media not all and (min-width: 750px) {
  .ag-option.m-lyrics {
    background: url("https://cdn.aresgratal.com/images/menu/m-lyrics.jpg") center center/cover no-repeat;
  }
}
.ag-option.m-media {
  background: url("https://cdn.aresgratal.com/images/menu/d-media-2.webp") center center/cover no-repeat;
}
@media not all and (min-width: 750px) {
  .ag-option.m-media {
    background: url("https://cdn.aresgratal.com/images/menu/m-media.jpg") center center/cover no-repeat;
  }
}
.ag-option.m-shop {
  background: url("https://cdn.aresgratal.com/images/menu/d-disco.webp") center center/cover no-repeat;
}
@media not all and (min-width: 750px) {
  .ag-option.m-shop {
    background: url("https://cdn.aresgratal.com/images/menu/m-disco.jpg") center center/cover no-repeat;
  }
}
.ag-option > .r-text {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
}
@media not all and (min-width: 750px) {
  .ag-option {
    height: 180px;
    font-size: 2.375rem;
  }
}

.ag-new-album {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  margin-top: 12px;
}
.ag-new-album > img {
  width: 300px;
  max-width: 30%;
  aspect-ratio: 1;
}
.ag-new-album > .r-text {
  flex: 1 0 0;
}
@media not all and (min-width: 750px) {
  .ag-new-album {
    flex-direction: column;
  }
  .ag-new-album > img {
    max-width: 100%;
    align-self: center;
  }
}

.ag-album-list {
  width: 100%;
  max-width: 1080px;
  margin: 180px auto 100px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.ag-album {
  padding: 20px;
}
.ag-album > a {
  display: flex;
  flex-direction: column;
}
.ag-album > a > img {
  width: 500px;
  height: 500px;
}

@media not all and (min-width: 750px) {
  .ag-album-list {
    width: 100%;
    max-width: 1080px;
    margin: 60px auto 40px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
  .ag-album {
    padding: 20px;
  }
  .ag-album > a {
    display: flex;
    flex-direction: column;
  }
  .ag-album > a > img {
    width: calc(100vw - 40px);
    height: calc(100vw - 40px);
  }
}
.ag-media-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 30px;
}

.ag-media {
  width: min(50% - 15px, 510px);
}

@media not all and (min-width: 750px) {
  .ag-media {
    width: 100%;
  }
}
.ag-photo-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
}

.ag-photo {
  width: calc(33.3333333333% - 14px);
  aspect-ratio: 1;
}
.ag-photo > .ui-image {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

@media not all and (min-width: 750px) {
  .ag-photo {
    width: calc(50% - 10px);
  }
}
.ag-info-header {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 20px;
}
@media not all and (min-width: 750px) {
  .ag-info-header {
    padding: 0 12px;
  }
}

.ag-notes {
  text-align: center;
}

.ag-two-columns {
  margin-bottom: 80px;
  column-gap: 60px;
}
@media not all and (max-width: 1050px) {
  .ag-two-columns {
    column-count: 2;
  }
}

@media not all and (max-width: 1050px) {
  .ag-two-fake-columns {
    display: flex;
    margin: 0 -30px;
  }
  .ag-two-fake-columns > .ag-column {
    display: block;
    padding: 0 30px;
    flex: 1 0 0;
  }
}

.ag-thanks {
  font-size: 2.25rem;
  font-weight: 700;
}
@media not all and (min-width: 750px) {
  .ag-thanks {
    padding: 0 12px;
  }
}

.ag-info-paragraph {
  margin-bottom: 16px;
}
@media not all and (min-width: 750px) {
  .ag-info-paragraph {
    padding: 0 12px;
  }
}

.ag-sign {
  margin-top: 20px;
}

.ag-column {
  width: 100%;
  display: inline-block;
  margin-bottom: 24px;
}

.ag-form {
  padding-inline: max(24px, 50% - 250px);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ag-form > h3 {
  font-size: 1.25rem;
  font-weight: 600;
  font-style: italic;
  padding: 0 20px;
}
.ag-form > h4 {
  margin-top: 4em;
  font-size: 1.125rem;
  font-weight: 700;
}
.ag-form > p {
  margin-bottom: 0.4em;
}
.ag-form > .ui-input {
  background: rgba(255, 255, 255, 0.6);
}
.ag-form > .ui-toggles {
  align-self: center;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.ag-form > .ui-toggles > ui-toggle {
  margin: 0 6px 0 0 !important;
}
.ag-form > .ui-button {
  align-self: center;
}

ui-toggle > svg > .r-frame {
  stroke: #444444;
}

@media not all and (min-width: 750px) {
  .ag-form {
    padding: 48px 24px;
  }
}
.ag-bold {
  font-weight: 700;
}

.ag-picture {
  display: block;
  width: 100%;
  height: auto;
  margin: 8px 0;
}

@media (min-width: 750px) {
  .ag-float {
    display: block;
    width: 424px;
    float: right;
    margin-left: 8px;
  }
}
@media not all and (min-width: 750px) {
  .ag-picture {
    margin: 16px 0;
  }
  .ag-float {
    display: block;
    width: 100%;
    margin: 16px 0;
  }
}
.ag-postit-space {
  display: inline-block;
  width: 30px;
  height: 30px;
}
@media not all and (min-width: 750px) {
  .ag-postit-space {
    display: none;
  }
}

.ag-postit {
  position: relative;
  width: 360px;
  max-width: calc(100% - 40px);
  display: inline-block;
}
.ag-postit::before {
  content: "";
  display: block;
}
.ag-postit.m-1 {
  background: url("https://cdn.aresgratal.com/images/assets/post-it-1.png") center center/cover no-repeat;
}
.ag-postit.m-1::before {
  padding-top: 83.02%;
}
.ag-postit.m-1 > .r-content {
  padding: 20px 60px 0 80px;
}
.ag-postit.m-2 {
  background: url("https://cdn.aresgratal.com/images/assets/post-it-2.png") center center/cover no-repeat;
}
.ag-postit.m-2::before {
  padding-top: 110.56%;
}
.ag-postit.m-2 > .r-content {
  padding: 80px 30px 0 40px;
}
.ag-postit.m-3 {
  background: url("https://cdn.aresgratal.com/images/assets/post-it-3.png") center center/cover no-repeat;
}
.ag-postit.m-3::before {
  padding-top: 107.07%;
}
.ag-postit.m-3 > .r-content {
  padding: 80px 40px 0 40px;
}
.ag-postit.m-4 {
  background: url("https://cdn.aresgratal.com/images/assets/post-it-4.png") center center/cover no-repeat;
}
.ag-postit.m-4::before {
  padding-top: 95.32%;
}
.ag-postit.m-4 > .r-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 70px 60px 70px 60px;
  transform: rotate(12deg);
}
.ag-postit > .r-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@media not all and (min-width: 750px) {
  .ag-postit {
    display: block;
    margin: 20px auto 0;
  }
}

.ag-schedule-month {
  margin: 24px 12px 12px !important;
  font-weight: 400;
  font-size: 1.125rem;
}

.ag-landing-news {
  margin: 24px 0;
  font-size: 1.125rem !important;
}

.ag-concert {
  margin-bottom: 36px;
  padding-left: 12px;
  line-height: 1.2;
}

.ag-track {
  cursor: pointer;
}

.ag-clock {
  margin: 0 auto;
  width: 140vh;
  height: calc(100vh - 76px);
  display: flex;
  flex-direction: column;
}
.ag-clock > .r-row {
  width: 100%;
  height: 0;
  flex: 1 0 0;
  display: flex;
}
.ag-clock > .r-row > .r-cell {
  width: 0;
  height: 100%;
  flex: 1 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px;
}
.ag-clock > .r-row > .r-cell.m-middle {
  font-size: 18px;
}

.ag-clock-cell {
  position: relative;
}
.ag-clock-cell > img {
  pointer-events: none;
  transition: filter 0.15s ease, opacity 0.15s ease, transform 0.15s ease;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}
.ag-clock-cell.m-left > img.r-a {
  transform: translate(-70%, 0);
  opacity: 0.8;
}
.ag-clock-cell.m-left > img.r-b {
  transform: translate(-100%, 0);
  opacity: 0;
}
.ag-clock-cell.m-left:hover > img.r-a {
  transform: translate(-50%, 0);
  opacity: 1;
}
.ag-clock-cell.m-left:hover > img.r-b {
  transform: translate(-50%, 0);
  opacity: 1;
}
.ag-clock-cell.m-right > img.r-a {
  transform: translate(-30%, 0);
  opacity: 0.8;
}
.ag-clock-cell.m-right > img.r-b {
  transform: translate(0, 0);
  opacity: 0;
}
.ag-clock-cell.m-right:hover > img.r-a {
  transform: translate(-50%, 0);
  opacity: 1;
}
.ag-clock-cell.m-right:hover > img.r-b {
  transform: translate(-50%, 0);
  opacity: 1;
}

.ag-contacts {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 48px;
  gap: 24px;
}
.ag-contacts > .ag-contact {
  flex: 0 1 140px;
  aspect-ratio: 1;
  display: flex;
}
.ag-contacts > .ag-contact > span {
  display: none;
}
.ag-contacts > .ag-contact > img {
  width: 100%;
  height: 100%;
}

.ag-footer {
  padding-block: 36px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  font-size: 1rem;
  gap: 24px;
}
@media not all and (min-width: 750px) {
  .ag-footer {
    flex-direction: column;
  }
}

.ag-footer-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ag-footer-item > .r-title {
  font-weight: 700;
  margin-bottom: 8px;
}

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

.ag-lyrics-page {
  font-size: 0.9375rem;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 100px 0;
  line-height: 1.25;
}

@media not all and (max-width: 1050px) {
  .ag-lyrics-page {
    column-count: 2;
  }
}
.ag-lyrics-song {
  width: 100%;
  display: inline-block;
  margin-bottom: 24px;
}

.ag-lyrics-author {
  font-size: 0.875rem;
  font-weight: 400;
  margin-top: 6px;
}

.ag-lyrics-translation {
  font-style: italic;
}

.ag-lyrics-header {
  font-size: 1.0625rem;
  font-weight: 700;
  margin-bottom: 24px;
}
.ag-lyrics-header:not(:first-child) {
  margin-top: 48px;
}
@media not all and (min-width: 750px) {
  .ag-lyrics-header {
    padding: 0 12px;
  }
}

.ag-lyrics-line {
  margin-bottom: 12px;
}
@media not all and (min-width: 750px) {
  .ag-lyrics-line {
    padding: 0 12px;
  }
}

@media not all and (min-width: 750px) {
  .ag-lyrics-og-line {
    padding: 0 12px;
  }
}

.ag-hebrew {
  direction: rtl;
  font-family: Arial, Helvetica, sans-serif;
}

@keyframes flash-invalid {
  0% {
    background-color: white;
  }
  25% {
    background-color: rgb(255, 230, 230);
  }
  100% {
    background-color: white;
  }
}
.ag-product-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
  font-size: 0.875rem;
  cursor: pointer;
}
.ag-product-box > .ui-image {
  width: 100%;
  aspect-ratio: 1;
}

.ag-product-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, min(100%, 280px));
  grid-auto-rows: fit-content;
  gap: 40px;
  justify-content: center;
}

.ag-product-page {
  display: flex;
  align-items: center;
  gap: 60px;
  font-size: 0.9375rem;
}
.ag-product-page > .ui-image {
  width: 400px;
  max-width: 100%;
  aspect-ratio: 1;
  flex-shrink: 0;
}
.ag-product-page > .r-info {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}
.ag-product-page > .r-info > .r-price {
  font-size: 1.75rem;
  margin-top: 12px;
  margin-bottom: 12px;
}
.ag-product-page > .r-info > .ui-labeled {
  width: 210px;
}
.ag-product-page > .r-info > .ui-labeled > .r-label.r-before {
  width: 44px;
  text-align: right;
}
@media (min-width: 750px) and (max-width: 1050px) {
  .ag-product-page {
    gap: 30px;
  }
  .ag-product-page > .ui-image {
    width: 320px;
  }
}
@media not all and (min-width: 750px) {
  .ag-product-page {
    flex-direction: column;
    gap: 30px;
  }
  .ag-product-page > .r-info {
    align-items: center;
    text-align: center;
  }
}

.ag-language {
  height: 100%;
  right: 16px;
  top: 0;
  position: absolute;
  width: 30px;
  background: red;
}