.no_interaction {
pointer-events: none;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
::selection {
background: #fe3613;
}

.click_effect {
transition: all 0.4s ease;
}
.click_effect:hover {
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
transform: translateY(-2px);
}
.click_effect:active {
transform: translateY(2px);
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.pulse {
animation: pulse 1s infinite;
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}





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

.border_radius-xs {
    border-radius: var(--space-xs);
}
.border_radius-s {
    border-radius: var(--space-s);
}

.border_radius-m {
    border-radius: var(--space-m);
}

.border_radius-l {
    border-radius: var(--space-l);
}
.border_radius-xl {
    border-radius: var(--space-xl);
}

.box_shadow {
    box-shadow:
    /* Bottom and right depth effect */
    inset -0.75px -0.5px rgba(255, 255, 255, 0.1),
    /* Top and left depth effect */
    inset +0.75px +0.5px rgba(255, 255, 255, 0.025),
    /* Shadow effect */
    3px 2px 10px rgba(0, 0, 0, 0.25),
    /* Short subsurface effect */
    inset 0px 0px 10px 5px rgba(255, 255, 255, 0.025),
    /* Long subsurface effect */
    inset 0px 0px 40px 5px rgba(255, 255, 255, 0.025);
}

.drop-shadow {
    filter: drop-shadow(
      2px 3px 6px hsl(0, 0%, 0%)
    );
  }

.bg_black {
    background-color: rgb(25, 25, 25);
}
.bg_white {
    background-color: rgb(254, 254, 254);
}


.bg_bluegreen {
    background-image: linear-gradient(120deg, #7DD2F3 0%, #8BF1E1 100%);
}