{ --breakPoint: 500px; --fixedSize: 100px; overflow-y: hidden; margin: 0; padding: 0; top: 0; bottom: 0; left: 0; right: 0; border: none; gap: 0; --inner-spacing: 0px; --outer-spacing: 0px; gap: 0px; flex-basis: calc(var(--breakPoint) * 999 - 100% * 999); overflow: hidden; --outer-spacing: 0; --inner-spacing: 0; flex-wrap: nowrap; flex-direction: column; flex-wrap: nowrap; height: 100%; } & { --inner-spacing: 0; } --outside { flex-shrink: 999; } --inside { flex-grow: 0; } .current_block__null--null { margin-bottom: -100vh; } .current_block__null--null { margin-bottom: unset; height: unset; } .current_block__null--null { margin-bottom: unset; height: unset; } .RV-Fan { --base-height: 280px; --base-width: 320px; display: flex; position: relative; min-width: min-content; } .RV-Fan__Base { box-sizing: border-box; flex-basis: var(--base-width); flex-shrink: 0; flex-grow: 0; height: var(--base-height); width: var(--base-width); } .RV-Fan__Base > * { height: calc(100% - (2 * var(--outer-spacing))); width: calc(100% - calc(2 * var(--outer-spacing))); } .RV-Fan__Surface { overflow: hidden; box-sizing: border-box; height: var(--base-height); flex-basis: var(--base-width); min-width: var(--base-width); flex-grow: 1; } .RV-Fan__Surface > * { height: calc(100% - (2 * var(--outer-spacing))); width: calc(100% - calc(2 * var(--outer-spacing))); } .RV-Fan__Surface--fixedHeight { height: base-height; box-sizing: border-box; } .RV-Fan__Surface--fixedWidth { max-width: base-width; box-sizing: border-box; } .RV-Fan--auto { flex-flow: row wrap; } .RV-Fan--auto .RV-Fan__Base { flex-grow: 1; } .RV-Fan--auto .RV-Fan__Surface { box-sizing: border-box; flex-grow: 99999; } .RV-Fan--vertical { flex-direction: column; width: var(--base-width); min-width: initial; } .RV-Fan--vertical .RV-Fan__Surface { width: base-width; min-width: initial; min-height: base-height; } .RV-Fan--horizontal { --localBreakPoint: calc(2 * var(--base-width)); overflow-y: hidden; margin: 0; padding: 0; top: 0; bottom: 0; left: 0; right: 0; border: none; gap: 0; --inner-spacing: 0px; --outer-spacing: 0px; gap: 0px; flex-wrap: nowrap; min-width: var(--base-width); } .RV-Fan--horizontal .RV-Fan__Surface { flex-basis: calc(var(--localBreakPoint) * 999 - 100% * 999); overflow: hidden; --outer-spacing: 0; --inner-spacing: 0; } .RV-Fan--horizontal .RV-Fan__Base { flex-basis: calc(var(--localBreakPoint) * 999 - 100% * 999); overflow: hidden; --outer-spacing: 0; --inner-spacing: 0; flex-shrink: 999; flex-basis: var(--base-width); flex-grow: 0; } .RV-Fan--horizontal .RV-Fan__Base--wurst { --wurst: wasser; } .RV-Fan--horizontal .RV-Fan__null { margin-bottom: unset; height: unset; }