html, body, header, footer {max-width: 100vw;overflow-x: clip;}

html {
    scroll-behavior: smooth;
}
body{
    margin:0;
    padding:0;
}
input,
button {
    border-width: 0px;
    outline: none;
    background: transparent
}

button {
    cursor: pointer;
}

select {
    border: 0;
    background: transparent;
    -webkit-appearance: none;
}

textarea {
    outline: none;
    border: 0px;
    resize: none;
    background: transparent;
}
* {
    font-size: inherit;
}
*:not(.viewport) > .fmod[data-sizing-y="fill"]:not([data-is-aspect-ratio-locked="true"]) {
    height: 100% !important;
    grid-template-rows: auto;
}

*:not(.viewport) > .fmod[data-sizing-x="fill"]  {
    width: 100% !important;
    grid-template-columns: auto;
}

.has-interactions {
    opacity: 0;
}


img {
    object-fit: contain;
    object-position: center;
}

html main.page > .fmod.frame:not([data-sizing-x="fill"]) {
    margin-left: auto;
    margin-right: auto;
}

.viewport,
.page, .stage {
    & {
        --0: 0px;
		--4xs: 1px;
		--3xs: 2px;
		--2xs: 4px;
		--xs: 8px;
		--sm: 12px;
		--md: 16px;
		--lg: 20px;
		--xl: 24px;
		--2xl: 32px;
		--3xl: 40px;
		--4xl: 48px;
		--5xl: 56px;
		--6xl: 64px;
		--7xl: 72px;
		--8xl: 80px;
		--9xl: 88px;
		--10xl: 96px;
		--full: 100%;
		--half: 50%;
		--quarter: 25%;
		--three-quarters: 75%;
		--one-third: 33.33%;
		--two-thirds: 66.66%;
		--one-fourth: 25%;
		--three-fourths: 75%;
		--one-fifth: 20%;
		--two-fifths: 40%;
		--three-fifths: 60%;
		--four-fifths: 80%;
		--one-sixth: 16.66%;
		--five-sixths: 83.33%;
		--one-seventh: 14.28%;
		--two-sevenths: 28.57%;
		--three-sevenths: 42.85%;
		--four-sevenths: 57.14%;
		--five-sevenths: 71.42%;
		--six-sevenths: 85.71%;
		--color-primitive-white: 255 255 255;
		--color-primitive-black: 0 0 0;
		--color-transparent: transparent;
		--transition-none: 0s;
		--transition-fast: 0.2s;
		--transition-medium: 0.3s;
		--transition-slow: 0.6s;
		--unset: unset;
		--thin: 100;
		--extra-light: 200;
		--light: 300;
		--normal: 400;
		--medium: 500;
		--semi-bold: 600;
		--bold: 700;
		--extra-bold: 800;
		--black: 900;
        --scrollbar-bg-color: transparent;
        --scrollbar-thumb-color: #28282887;
        --scrollbar-radius: 20px;
        --scrollbar-width: 4px;
        --text-select-color: #b2d4fd;
    }
    &.workcanvas {
        width: 100%;
        display: grid;
        grid-template-rows: minmax(20px, auto) 1fr;
        grid-template-columns: 100%;
        padding: 0px;
        padding: 0px;
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        transform-origin: 0 0;
        will-change: transform;
    }


    html *:not(.drag) {
        app-region: no-drag !important;
        -webkit-app-region: no-drag !important;
        -webkit-user-drag: none !important;
    }

    *[islink] {
        margin: 0 !important;
    }

    [x-apple-data-detectors] {
        color: inherit !important;
        text-decoration: none !important;
        font-size: inherit !important;
        font-family: inherit !important;
        font-weight: inherit !important;
        line-height: inherit !important;
    }

    * {
        box-sizing: border-box;
        transform-origin: top left;
        text-decoration: none;
    }

    .fmod,
    .top-ctrl {
        margin-left: 0;
        margin-top: 0;
        height: var(--height);
        width: var(--width);
        grid-area: 1 / 1 / 2 / 2;
        transform-origin: center;
    }
    .fmod:not(*[data-auto-layout="true"] > *[data-is-absolute="true"]),
    .top-ctrl {
        margin-left: var(--left);
        margin-top: var(--top);
    }
    svg.fmod > * {
        translate: var(--left) var(--top);
    }

    *:not([data-auto-layout="true"])>.fmod[data-x-constraint="right"] {
        margin-left: auto;
        margin-right: var(--left);
    }

    *:not([data-auto-layout="true"])>.fmod[data-y-constraint="bottom"] {
        margin-top: auto;
        margin-bottom: var(--top);
    }

    .fmod[data-is-fixed="fixed"],
    .fmod[data-is-fixed="sticky"] {
        top: 0;
    }

    .fmod[data-is-fixed="fixed"][data-x-constraint="right"],
    .fmod[data-is-fixed="sticky"][data-x-constraint="right"] {
        left: auto;
        margin-right: var(--left);
    }

    .fmod[data-is-fixed="fixed"][data-y-constraint="bottom"],
    .fmod[data-is-fixed="sticky"][data-y-constraint="bottom"] {
        top: auto;
        margin-bottom: 0;
        bottom: var(--top);
    }



    .fmod:has(>.fmod):not([data-auto-layout="true"]) {
        display: grid;
        grid-template-columns: 100% 1fr;
        grid-template-rows: 100% 1fr;
    }

    *[data-hidden="true"] {
        display: none !important;
    }

    *[data-auto-layout="true"] {
        display: flex;
        align-content: flex-start;
    }

    .fmod[data-sizing-y="hug"] {
        height: max-content;
        grid-template-rows: auto;
    }

    .fmod[data-sizing-x="hug"] {
        width: max-content;
        grid-template-columns: auto;
    }

    .state-anim.fmo-text[data-sizing-y="hug"], .state-anim .fmo-text[data-sizing-y="hug"], .state-anim .fmo-text[data-sizing-y="hug"] > * {
        height: max-content !important;
        max-height: max-content !important;
        grid-template-rows: auto;
    }

    .state-anim.fmo-text[data-sizing-x="hug"], .state-anim .fmo-text[data-sizing-x="hug"], .state-anim .fmo-text[data-sizing-x="hug"] > * {
        width: max-content !important;
        max-width: max-content !important;
        grid-template-columns: auto;
    }

    *[data-auto-layout="true"]>.fmod:not([data-is-absolute="true"]) {
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0;
    }

    .swiper-marquee .swiper-wrapper {
        transition-timing-function: linear !important;
    }

    .fmod:not([data-is-absolute="true"]) {
        position: relative;
    }
    .fmod[type="file"] {
        position: static;
    }

    *[data-auto-layout="true"]>.fmod[data-is-absolute="true"] {
        left: var(--left);
        top: var(--top);
    }
    *[data-auto-layout="true"]>.fmod[data-is-absolute="true"][data-x-constraint="right"] {
        right: var(--left);
        left: auto;
    }
    *[data-auto-layout="true"]>.fmod[data-is-absolute="true"][data-y-constraint="bottom"] {
        bottom: var(--top);
        top: auto;
    }
    *[data-auto-layout="true"]>.fmod[data-is-absolute="true"][data-x-constraint="center"] {
        left: calc(50% + var(--left));
        transform: translateX(-50%);
    }
    *[data-auto-layout="true"]>.fmod[data-is-absolute="true"][data-y-constraint="center"] {
        top: calc(50% + var(--top));
        transform: translateY(-50%);
    }
    *[data-auto-layout="true"]>.fmod[data-is-absolute="true"][data-x-constraint="center"][data-y-constraint="center"] {
        left: calc(50% + var(--left));
        top: calc(50% + var(--top));
        transform: translate(-50%, -50%);
    }

    *[data-auto-layout="true"]>*:not([data-is-absolute="true"]):not([data-sizing-x="fill"]) {
        transform-origin: center;
        flex-shrink: 0;
    }

    *:not([data-flex-direction="up"]):not([data-flex-direction="down"])>*[data-sizing-x="fill"] {
        transform-origin: center;
        flex-shrink: 1;
        flex-grow: 1;
        flex-basis: 0;
    }

    *[data-flex-direction="up"]>*[data-sizing-y="fill"],
    *[data-flex-direction="down"]>*[data-sizing-y="fill"] {
        transform-origin: center;
        flex-shrink: 1;
        flex-grow: 1;
        flex-basis: 0;
    }

    *[data-flex-direction="down"] {
        flex-direction: column;
    }

    *[data-flex-direction="up"] {
        flex-direction: column-reverse;
    }

    *[data-flex-direction="right"] {
        flex-direction: row-reverse;
    }

    *[data-flex-direction="left"] {
        flex-direction: row;
    }

    *[data-flex-wrap="true"] {
        flex-wrap: wrap;
    }

    *::selection {
        /* background-color: red;
        background-color: var(--text-select-color); */
    }

    *[data-locked="true"] {
        pointer-events: none !important;
    }

    .flex:not(.section)>*:not(.abs):not(.fill) {
        transform-origin: center;
        flex-shrink: 0;
    }

    .flex:not(.section)>*.fill:not(.abs) {
        transform-origin: center;
        flex-shrink: 1;
    }

    html .align-content-unset {
        align-content: unset;
    }

    ul,
    ol {
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        padding-inline-start: 40px;
        unicode-bidi: isolate;
        margin-top: 0;
        margin-bottom: 0;
    }
    html body img.fmod {
        background: none;
    }
    ul {
        list-style-type: disc;
    }

    ol {
        list-style-type: decimal;
    }

    blockquote,
    dl,
    dd,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    hr,
    figure,
    p,
    pre {
        margin: 0;
    }
    body:has(.scroll-snap:not(.preview)) {
        overflow: hidden;
        height: 100vh !important;
    }

    main.scroll-snap {
        scroll-snap-type: y mandatory !important;
        overflow-y: scroll !important;
        height: 100vh !important;
    }

    main.scroll-snap>* {
        scroll-snap-align: start;
    }

    .main_container {}

    .main_container,
    .page {
        width: 100%;
        display: grid;
        grid-template-columns: 100%;
        padding: 0px;
        margin: auto;
    }
    .grid_item_auto_fill {
        grid-area: 1 / 1 / 2 / 2;
    }

    .start_auto_fill,
    .const_y_top,
    *:not([data-auto-layout="true"])>.fmod[data-y-constraint="top"],
    *:not([data-auto-layout="true"])>.fmod:not([data-y-constraint]),
    .top-ctrl {
        align-self: start;
    }

    .center_y_auto_fill,
    .const_y_center,
    *:not([data-auto-layout="true"])>.fmod[data-y-constraint="center"], .fmod[data-y-constraint="center"][data-is-absolute="true"] {
        align-self: center;
    }

    .end_auto_fill,
    .const_y_bottom,
    *:not([data-auto-layout="true"])>.fmod[data-y-constraint="bottom"], .fmod[data-y-constraint="bottom"][data-is-absolute="true"] {
        align-self: end;
    }

    .right_auto_fill,
    .const_x_right,
    *:not([data-auto-layout="true"])>.fmod[data-x-constraint="right"], .fmod[data-x-constraint="right"][data-is-absolute="true"]:not(.workcanvas > .fmod) {
        justify-self: right;
    }

    .center_x_auto_fill,
    .const_x_center,
    *:not([data-auto-layout="true"])>.fmod[data-x-constraint="center"], .fmod[data-x-constraint="center"][data-is-absolute="true"] {
        justify-self: center;
    }

    .left_auto_fill,
    .const_x_left,
    *:not([data-auto-layout="true"])>.fmod[data-x-constraint="left"],
    *:not([data-auto-layout="true"])>.fmod:not([data-x-constraint]),
    .top-ctrl {
        justify-self: left;
    }

    .flex {
        display: flex;
    }

    .inner_grid {
        display: grid;
        grid-template-columns: 100% 1fr;
        grid-template-rows: 100% 1fr;
    }

    [add_link_url] {
        cursor: pointer;
    }

    body {
        margin: 0;
        background-color: white;
    }

    * {
        background-size: cover;
    }


    main.frame {
        margin: auto;
        overflow: clip;
    }

    .frame:not([data-auto-layout="true"]) {
        align-content: start;
        position: relative;
        display: none;
        grid-template-rows: minmax(20px, auto) 1fr;
        display: grid;
        grid-template-columns: 100%;
        padding: 0px;
    }

    * .frame:not([data-auto-layout="true"]) {
        /* max-width: 100%; */
    }

    .frame.has_sections {
        display: flex;
        flex-direction: column;
    }

    *[data-auto-layout="true"] > *[data-is-absolute="true"] {
        position: absolute;
    }

    .rel {
        position: relative;
    }

    svg {
        position: relative;
        overflow: visible;
    }

    svg>g {
        transform: matrix(1, 0, 0, 1, 0, 0);
    }

    .lottie svg>g {
        transform: translate(0%, 0%);
    }

    .will-change {
        will-change: auto;
    }


    input::placeholder,
    textarea::placeholder {
        opacity: 0.65;
    }

    .inner-select {
        background-color: transparent;
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

    /* //get first element with kind of text inside select and hide it */
    *:has(>.inner-select) > .text:nth-child(2) {
        visibility: hidden;
    }

    .pointer {
        cursor: pointer
    }


    .transform-origin-center {
        transform-origin: center;
    }

    *[data-three-d="true"], *[data-3-d="true"] , *[data-3-d="true"] > * {
        transform-style: preserve-3d;
    }
    *[data-3-d="true"] > * {
        perspective: unset !important;
    }

    .lottie canvas {
        object-fit: cover;
    }

    *:has(> .spline-canvas) {
        overflow: hidden;
    }

    .spline-canvas {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }


    .z-index-top {
        z-index: 9;
    }

    .flex>.sticky {
        top: 0;
        margin: 0;

    }

    .pin-spacer>.scroll {
        max-width: 9999px !important;
        max-height: 9999px !important;
        transform-origin: center;
    }

    .swiper-marquee .swiper-wrapper {
        transition-timing-function: linear;
    }

    .swiper-slide.inner_grid {
        display: grid;
    }

    .swiper-slide.flex {
        display: flex;
    }

    .swiper-wrapper {
        height: 100%;
    }

    .swiper-wrapper .swiper-slide-active {
        visibility: visible !important;
    }

    .swiper-fade>.swiper-wrapper>*:not(.swiper-slide-visible) {
        height: 0;
    }

    .split-text.overflow-hidden>* {
        overflow: clip;
    }

    html.lenis {
        height: auto;
    }

    .lenis.lenis-smooth {
        scroll-behavior: auto !important;
    }

    .lenis.lenis-smooth [data-lenis-prevent] {
        overscroll-behavior: contain;
    }

    .lenis.lenis-stopped {
        overflow: hidden;
    }

    .lenis.lenis-scrolling iframe {
        pointer-events: none;
    }

    .video_background {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .darkinvert input {
        color: var(--darkest);
    }

    * ::-webkit-scrollbar {
        width: var(--scrollbar-width);
        height: var(--scrollbar-width);
    }

    * ::-webkit-scrollbar-track {
        background: var(--scrollbar-bg-color);
        border-radius: var(--scrollbar-radius);
    }

    * ::-webkit-scrollbar-thumb {
        background: var(--scrollbar-thumb-color);
        border-radius: var(--scrollbar-radius);
    }

    * ::-webkit-scrollbar-corner {
        background: transparent;
    }

    *[data-scroll="horizontal"] {
        overflow-x: scroll;
        overflow-y: visible;
    }

    *[data-scroll="vertical"] {
        overflow-y: scroll;
        overflow-x: visible;
    }
    *[data-clip-content="true"] {
        overflow: clip;
    }
    *[data-scroll="horizontal"][data-clip-content="true"] {
        overflow-y: clip;
    }

    *[data-scroll="vertical"][data-clip-content="true"] {
        overflow-x: clip;
    }

    *[data-scroll="both"] {
        overflow: scroll;
    }
    .special-input > input[type="file"]::file-selector-button {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
    .special-input:has(> input[type="file"]) > .fmod:not(input[type="file"]) {
        pointer-events: none;
    }
    .special-input:has(> input[type="file"]) > .fmod:not(input[type="file"]) > * {
        transition: opacity 0.5s;
    }
    .special-input:has(> input[type="file"][value=""]) > .fmod:not(input[type="file"]) > *:first-child {
        opacity: 1;
    }
    .special-input:has(> input[type="file"][value=""]) > .fmod:not(input[type="file"]) > *:not(:first-child) {
        opacity: 0;
    }
    .special-input:has(> input[type="file"]:not([value=""])) > .fmod:not(input[type="file"]) > *:first-child {
        opacity: 0;
    }
    .special-input:has(> input[type="file"]:not([value=""])) > .fmod:not(input[type="file"]) > *:not(:first-child) {
        opacity: 1;
    }
    .special-input > input[type="radio"], .special-input > input[type="checkbox"] {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
    .special-input > input[type="radio"] ~ :last-child {
        display: grid !important;
        opacity: 0;
        transition: opacity 0.5s;
    }
    .special-input > input[type="radio"]:checked ~ :last-child,
    .special-input > input[type="radio"]:checked ~ :last-child.flex {
        opacity: 1;
    }
    .special-input > input[type="checkbox"] ~ :last-child {
        display: grid !important;
        opacity: 0;
        transition: opacity 0.5s;
    }
    .special-input > input[type="checkbox"]:checked ~ :last-child,
    .special-input > input[type="checkbox"]:checked ~ :last-child.flex {
        opacity: 1;
    }
    *[data-object-fit="contain"] {
        object-fit: contain;
    }
    *[data-object-fit="cover"] {
        object-fit: cover;
    }
    *[events="none"], .custom-cursor {
        pointer-events: none !important;
    }
    *[cursor="pointer"] {
        cursor: pointer;
    }
    *.fmo-text *, *.fmod.text * {
        max-height: 100%;
        background-clip: inherit;
        background: inherit;
        -webkit-text-fill-color: inherit;
        max-width: inherit;
    }
    *.fmod.text {
        background-clip: text !important;
    }
    *.fmod.video {
        overflow: hidden;
    }
    *.fmod.text[data-clip-content="true"] * {
        overflow: clip !important;
    }

    .w-full {
        min-width: 100%;
        width: 100%;
        max-width: 100%;
    }
    .h-full {
        min-height: 100%;
        height: 100%;
        max-height: 100%;
    }
    
}


video {
    background-color: transparent !important;
    min-width: 0;
}
.viewport > .fmod:not(.text):not([data-sizing-x="hug"]), .page {
    container-type: inline-size;
}

.page .fmod, .stage .fmod{
    transform-origin: center;
}
.page .fmod[data-is-fixed="fixed"], .stage .fmod[data-is-fixed="fixed"] {
    position: fixed;
}
.viewport .fmod[data-is-fixed="fixed"] {
    transform-origin: center;
}
.page *[data-is-aspect-ratio-locked="true"] {
    height: auto;
    aspect-ratio: var(--aspect-ratio);
}

.page .fmod[data-is-fixed="sticky"], .stage .fmod[data-is-fixed="sticky"] {
    position: sticky;
}
@container (min-width: 1024px) {
    *[data-hide-desktop="true"] {
        display: none !important;
    }
}
@container (min-width: 641px) and (max-width: 1023px) {
    *[data-hide-tablet="true"] {
        display: none !important;
    }
}
@container (max-width: 640px) {
    *[data-hide-mobile="true"] {
        display: none !important;
    }
}
@media (min-width: 1024px) {
    .stage *[data-hide-desktop="true"] {
        display: none !important;
    }
}
@media (min-width: 641px) and (max-width: 1023px) {
    .stage *[data-hide-tablet="true"] {
        display: none !important;
    }
}
@media (max-width: 640px) {
    .stage *[data-hide-mobile="true"] {
        display: none !important;
    }
}



body.antialiased {
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
}

.fmod[style*="visibility: hidden"],
.top-ctrl[style*="visibility: hidden"] {
    pointer-events: none;
}

.abs {
    position: absolute;
}

.rel {
    position: relative;
}


.disabled {
    pointer-events: none;
    opacity: 0.5;
}

.text-element-container {
    width: 100%;
    height: 100%;
    pointer-events: none;
}
*[data-sizing-y="hug"] > .text-element-container {
    height: max-content;
}
*[data-sizing-x="hug"] > .text-element-container {
    width: max-content;
}

.text-editing .text-element-container {
    pointer-events: auto;
}



*.element-top-overlay:hover {
    outline: 0px;
}

/* Alignment rules for row direction (default and explicit left/right) */
/* Y-axis alignment */
*[data-flex-alignment-y="top"]:not([data-flex-direction="up"]):not([data-flex-direction="down"]) {
    align-items: flex-start;
}

*[data-flex-alignment-y="bottom"]:not([data-flex-direction="up"]):not([data-flex-direction="down"]) {
    align-items: flex-end;
}

*[data-flex-alignment-y="center"]:not([data-flex-direction="up"]):not([data-flex-direction="down"]) {
    align-items: center;
    align-content: center;
}

/* something inside flex direction up or down with data-sizing-y="fixed" */
*[data-flex-direction="up"]>*[data-sizing-y="fixed"],
*[data-flex-direction="down"]>*[data-sizing-y="fixed"] {
    flex-shrink: 0;
}


/* X-axis alignment */
*[data-flex-alignment-x="left"]:not([data-flex-direction="up"]):not([data-flex-direction="down"]):not([data-flex-direction="right"]) {
    justify-content: flex-start;
}

*[data-flex-alignment-x="right"]:not([data-flex-direction="up"]):not([data-flex-direction="down"]):not([data-flex-direction="right"]) {
    justify-content: flex-end;
}

*[data-flex-alignment-x="center"]:not([data-flex-direction="up"]):not([data-flex-direction="down"]) {
    justify-content: center;
}

*[data-flex-alignment-x="left"][data-flex-direction="right"] {
    justify-content: flex-end;
}

*[data-flex-alignment-x="right"][data-flex-direction="right"] {
    justify-content: flex-start;
}

*[data-flex-direction="left"]>*[data-sizing-x="fixed"],
*[data-flex-direction="right"]>*[data-sizing-x="fixed"] {
    flex-shrink: 0;
}


/* Alignment rules for column direction (up/down) - axes are flipped */
/* X-axis alignment becomes align-items */
*[data-flex-alignment-x="left"][data-flex-direction="up"],
*[data-flex-alignment-x="left"][data-flex-direction="down"] {
    align-items: flex-start;
}

*[data-flex-alignment-x="right"][data-flex-direction="up"],
*[data-flex-alignment-x="right"][data-flex-direction="down"] {
    align-items: flex-end;
}

*[data-flex-alignment-x="center"][data-flex-direction="up"],
*[data-flex-alignment-x="center"][data-flex-direction="down"] {
    align-items: center;
}

/* Y-axis alignment becomes justify-content */
*[data-flex-alignment-y="bottom"][data-flex-direction="up"],
*[data-flex-alignment-y="top"][data-flex-direction="down"] {
    justify-content: flex-start;
}

*[data-flex-alignment-y="top"][data-flex-direction="up"],
*[data-flex-alignment-y="bottom"][data-flex-direction="down"] {
    justify-content: flex-end;
}

*[data-flex-alignment-y="center"][data-flex-direction="up"],
*[data-flex-alignment-y="center"][data-flex-direction="down"] {
    justify-content: center;
}

html *.fmod[data-flex-direction="down"][data-column-gap-size="auto"],
html *.fmod[data-flex-direction="up"][data-column-gap-size="auto"] {
    justify-content: space-between;
}

html *.fmod:not([data-flex-direction="up"]):not([data-flex-direction="down"])[data-row-gap-size="auto"],
html *.fmod[data-flex-direction="left"][data-row-gap-size="auto"],
html *.fmod[data-flex-direction="right"][data-row-gap-size="auto"] {
    justify-content: space-between;
}

.page {
    position: relative;
    width: 100%;
    min-height: 100vh;
    overflow: clip;
    display: flex;
    align-items: top;
    justify-content: center;
}
html body .swiper-wrapper > .fmod:not(.qqq > .qqq) {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
}
/* [data-sizing-y="fixed"] {
    min-height: var(--height);
    max-height: var(--height);
} */

.page *[data-scroll-snap="true"] {
    scroll-snap-type: y mandatory !important;
    overflow-y: scroll !important;
    height: 100vh !important;
}
*[data-scroll-snap="true"] > * {
    scroll-snap-align: start;
}

body:has(.page *[data-scroll-snap="true"]) {
    overflow: hidden;
    height: 100vh !important;
}