::selection {
  color: var(--mo0);
  background: var(--mc500);
}

::-moz-selection {
  color: var(--mo0);
  background: var(--mc500);
}

*:focus {
  outline: none;
}

.blur {
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.dvh {
  min-height: 100dvh;
}

.dvh-force {
  height: 100dvh;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.copyright, .copyright>div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: var(--xs);
  text-align: center;
}


.brxe-section {
  padding-top: var(--m15);
  padding-right: var(--m6);
  padding-bottom: var(--m15);
  padding-left: var(--m6);
}

.brxe-container {
  padding-top: var(--m5);
  padding-right: var(--mw5);
  padding-bottom: var(--m5);
  padding-left: var(--mw5);
}

.brxe-block {
  padding-top: var(--m5);
  padding-right: var(--mw5);
  padding-bottom: var(--m5);
  padding-left: var(--mw5);
}


.brxe-brxc-darkmode-btn.dark-switch-btn {
  --wrapper-size: 48px;
  --button-border-radius: 2px;
  --button-box-shadow: none;
  --button-outline: 0px;
  --button-outline-color: var(--mc800);
  --light-icon-color: var(--mc50);
  --light-bg-color: var(--mo500);
  --light-icon-size: 100%;
  --dark-icon-color: var(--mc50);
  --dark-bg-color: var(--mo800);
  --dark-icon-size: 120%;
  position: relative;
  aspect-ratio: 1;
  background-color: none;
  border-radius: 36px;
  box-shadow: var(--sh3);
}

.brxe-brxc-darkmode-btn.dark-switch-btn:hover {
  box-shadow: none;
}

.brxe-brxc-darkmode-btn.dark-switch-btn.dark-switch-absolute {
  position: absolute;
  top: var(--m7);
  right: var(--m7);
}

.dark-switch-btn::after {
  content: "";
  position: absolute;
  color: var(--mo50);
  background: var(--mo800);
  font-size: var(--xs);
  white-space: nowrap;
  pointer-events: none;
  padding: var(--m1) var(--m3);
  border-radius: var(--rad0);
  box-shadow: var(--sh3);
  right: 12px;
  top: 12px;
  opacity: 0;
  transition: opacity 0.3s ease, top 0.3s ease;
  z-index: 1000;
}

html[data-theme~="light"] .dark-switch-btn::after {
  content: "Sötét mód";
}

html[data-theme~="dark"] .dark-switch-btn::after {
  content: "Világos mód";
}

.dark-switch-btn:hover::after {
  top: 58px;
  opacity: 1;
}


html[data-theme~="light"] .light-theme-img {
  display: block !important;
}

html[data-theme~="light"] .dark-theme-img {
  display: none !important;
}

html[data-theme~="dark"] .dark-theme-img {
  display: block !important;
}

html[data-theme~="dark"] .light-theme-img {
  display: none !important;
}


.main-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  row-gap: 0;
  column-gap: var(--m10);
  align-items: stretch; 
  text-align: center;
  padding: var(--m8) var(--mw8);
  color: var(--mof0);
  background-color: var(--mof980);
}

.main-footer p {
  font-size: var(--xs);  
}

@media only screen and (max-width: 991px) {
.main-footer {
   flex-direction: column;
}
}

html[data-theme~="light"] .main-footer a {
  color: var(--mc200);
}

html[data-theme~="light"] .main-footer a:hover {
  color: var(--mc300);
}

html[data-theme~="dark"] .main-footer a {
  color: var(--mc800);
}

html[data-theme~="dark"] .main-footer a:hover {
  color: var(--mc700);
}


.shadow-1 {
  box-shadow: var(--sh1);
}

.shadow-2 {
  box-shadow: var(--sh2);
}

.shadow-3 {
  box-shadow: var(--sh3);
}

.shadow-4 {
  box-shadow: var(--sh4);
}

.shadow-5 {
  box-shadow: var(--sh5);
}

.shadow-6 {
  box-shadow: var(--sh6);
}

.shadow-7 {
  box-shadow: var(--sh7);
}

.shadow-8 {
  box-shadow: var(--sh8);
}

.shadow-9 {
  box-shadow: var(--sh9);
}

.shadow-10 {
  box-shadow: var(--sh10);
}



.aspect-ratio-11 {
  aspect-ratio: 1 / 1;
  max-width: 100%;
}

.aspect-ratio-21 {
  aspect-ratio: 2 / 1;
  max-width: 100%;
}

.aspect-ratio-12 {
  aspect-ratio: 1 / 2;
  max-width: 100%;
}

.aspect-ratio-32 {
  aspect-ratio: 3 / 2;
  max-width: 100%;
}

.aspect-ratio-23 {
  aspect-ratio: 2 / 3;
  max-width: 100%;
}

.aspect-ratio-169 {
  aspect-ratio: 16 / 9;
  max-width: 100%;
}

.aspect-ratio-916 {
  aspect-ratio: 9 / 16;
  max-width: 100%;
}

.aspect-ratio-1610 {
  aspect-ratio: 16 / 10;
  max-width: 100%;
}

.aspect-ratio-1016 {
  aspect-ratio: 10 / 16;
  max-width: 100%;
}

.aspect-ratio-43 {
  aspect-ratio: 4 / 3;
  max-width: 100%;
}

.aspect-ratio-34 {
  aspect-ratio: 3 / 4;
  max-width: 100%;
}

.aspect-ratio-219 {
  aspect-ratio: 21 / 9;
  max-width: 100%;
}

.aspect-ratio-921 {
  aspect-ratio: 9 / 21;
  max-width: 100%;
}


.grecaptcha-badge {
  visibility: hidden;
}