:root {
    --myn_red: #E62460FF;
    --myn_blue: #003399FF;
    --myn_light-blue: #00CCFFFF;
    --myn_dark-blue: #03062AFF;
}

[class^="elementor-element-"]:has([class^="myn_layer-"]) {
/*    myn-layer-* parent  */
/*    position: relative;*/
}

[class^='myn-wrapper-'] {
    position: relative;
}

[class^="myn_layer-"] {
    /* boo */
    position: absolute;
    inset: 0;
}
[class^="myn_layer-"]>.myn_layer-inner {
    inset: 0;
    /*overflow: hidden;*/
    /*transition: 500ms ease-in-out once;*/
    animation-delay: 0ms;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
}

.myn_layer-layer_base_color {
}

.myn_layer-bubble>div {
    aspect-ratio: 1;
    clip-path: circle();
    margin: auto;
}

.myn_layer-frosted_circle>div {
    aspect-ratio: 1;
    clip-path: circle();
    background-color: white;
    opacity: 0.25;
    outline: 1px solid white;
    margin: auto;
}

.myn_layer-coin_mask {
    aspect-ratio: 1;
    background-image: url("../images/coin-mask-parametric.svg");
    margin: auto;
}

.myn_layer-blob>div.myn_layer-inner {
    aspect-ratio: 1;
    /*clip-path: circle();*/
    margin: auto;
    background-image: radial-gradient(var(--myn_light-blue), transparent 70%);
}

.myn_layer-logo>div {
    aspect-ratio: 1;
    margin: auto;
    background-image: url('../images/maayan-logo.svg');
    /*clip-path: path("M67.151.293a66.945 66.945 0 0 1 47.406 19.86 66.945 66.945 0 0 1 19.86 47.405 66.945 66.945 0 0 1-19.86 47.406 66.945 66.945 0 0 1-47.406 19.86 66.945 66.945 0 0 1-47.406-19.86A66.945 66.945 0 0 1-.114 67.558a66.945 66.945 0 0 1 19.86-47.406A66.945 66.945 0 0 1 67.15.293Zm16.336 44.843a5.445 5.445 0 1 1 10.89 0v61.5c0 3.844 1.923 11.21 12.493.64a56.054 56.054 0 0 0 16.656-39.718c0-15.695-6.406-29.468-16.656-39.718A56.054 56.054 0 0 0 67.15 11.184 56.054 56.054 0 0 0 27.433 27.84a56.054 56.054 0 0 0-16.656 39.718c0 15.375 6.406 29.469 16.656 39.719a56.054 56.054 0 0 0 39.718 16.656c2.563 0 4.805-.32 7.047-.641 9.93-1.281 9.29-7.687 9.29-11.531V45.136Zm-21.781 10.57a5.445 5.445 0 0 1 10.89 0V79.41a5.445 5.445 0 0 1-10.89 0V55.707Zm-21.781-10.57a5.445 5.445 0 1 1 10.89 0V89.98a5.445 5.445 0 0 1-10.89 0V45.136Z");*/
    /*mask-image: url('../images/maayan-logo-clip.svg#logo');*/
    /*-webkit-clip-path: url('../images/maayan-logo-clip.svg#logo');*/
}


@property --myn_bbl-start-x {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 0%;
}
@property --myn_bbl-start-y {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 0%;
}
@property --myn_anim-entrance-distance {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 0%;
}

.myn_layer-inner {
    --myn_bbl-x: 0%;
    --myn_bbl-y: 0%;
    --myn_bbl-att-x: 0%;
    --myn_bbl-att-y: 0%;
    --myn_bbl-start-x: 0%;
    --myn_bbl-start-y: 0%;
    --myn_anim-entrance-distance: 0%;

    /*transition: --myn_bbl-start-x 1500ms ease-in-out, --myn_bbl-start-y 1500ms ease-in-out, opacity 1500ms ease-in-out;*/

    transform: translate( calc( var(--myn_bbl-att-x) + var(--myn_bbl-x) + var(--myn_bbl-start-x)), calc( var(--myn_bbl-att-y) + var(--myn_bbl-y) + var(--myn_bbl-start-y)));
    opacity: 1;
}

@keyframes slide_in_top {
    0% { --myn_bbl-start-x: 0%; --myn_bbl-start-y: calc(var(--myn_anim-entrance-distance) * -1); opacity: 0}
    100% { --myn_bbl-start-x: 0%; --myn_bbl-start-y: 0%; opacity: 1}
}
@keyframes slide_in_bottom {
    0% { --myn_bbl-start-x: 0%; --myn_bbl-start-y: var(--myn_anim-entrance-distance); opacity: 0}
    100% { --myn_bbl-start-x: 0%; --myn_bbl-start-y: 0%; opacity: 1}
}
@keyframes slide_in_left {
    0% { --myn_bbl-start-x: calc(var(--myn_anim-entrance-distance) * -1); --myn_bbl-start-y: 0%; opacity: 0}
    100% { --myn_bbl-start-x: 0%; --myn_bbl-start-y: 0%; opacity: 1}
}
@keyframes slide_in_right {
    0% { --myn_bbl-start-x: var(--myn_anim-entrance-distance); --myn_bbl-start-y: 0%; opacity: 0}
    100% { --myn_bbl-start-x: 0%; --myn_bbl-start-y: 0%; opacity: 1}
}
/*
@keyframes slide_in_top {
    0% { --myn_bbl-start-x: 0%; --myn_bbl-start-y: calc(var(--myn_anim-entrance-distance) * -1); opacity: 0}
    100% { --myn_bbl-start-x: 0%; --myn_bbl-start-y: 0%; opacity: 1}
}
@keyframes slide_in_bottom {
    0% { --myn_bbl-start-x: 0%; --myn_bbl-start-y: var(--myn_anim-entrance-distance); opacity: 0}
    100% { --myn_bbl-start-x: 0%; --myn_bbl-start-y: 0%; opacity: 1}
}
@keyframes slide_in_left {
    0% { --myn_bbl-start-x: calc(var(--myn_anim-entrance-distance) * -1); --myn_bbl-start-y: 0%; opacity: 0}
    100% { --myn_bbl-start-x: 0%; --myn_bbl-start-y: 0%; opacity: 1}
}
@keyframes slide_in_right {
    0% { --myn_bbl-start-x: var(--myn_anim-entrance-distance); --myn_bbl-start-y: 0%; opacity: 0}
    100% { --myn_bbl-start-x: 0%; --myn_bbl-start-y: 0%; opacity: 1}
}
*/
@keyframes fade_in {
    0% { opacity: 0}
    100% { opacity: 1}
}