html, body { -webkit-font-smoothing: antialiased; } body { font-size: var(--size-font); -ms-overflow-style: none; scrollbar-width: none; overscroll-behavior: none; } body::-webkit-scrollbar, html::-webkit-scrollbar { display: none; } .lenis { -ms-overflow-style: none; scrollbar-width: none; } /* Selection */ ::selection { background: color-mix(in srgb, var(--fp-light-2, #d8d8cc) 55%, transparent); color: var(--fp-dark-1, #242520); } ::-moz-selection { background: color-mix(in srgb, var(--fp-light-2, #d8d8cc) 55%, transparent); color: var(--fp-dark-1, #242520); } a { color: inherit; text-decoration: none; } textarea { resize: none; } button { background: transparent; padding: 0; margin: 0; border: none; } [data-transition-theme="dark"] { background-color: var(--fp_dark); } [data-transition-theme="light"] { background-color: var(--fp_white); } :is(.wf-design-mode, .wf-editor) .transition { display: none; } .text-mask-line-mask { text-align: inherit !important; } .text-mask-line-mask { margin: -0.2em -0.1em; padding: 0.1em 0.1em; text-align: inherit !important; } /* buttons */ :root { --button-023-color: #121212; --button-023-color-background: #fff; --button-023-hover-color: #fff; --button-023-between-color-background: #ff5100; --button-023-hover-color-background: #121212; --button-023-color-focus: #121212; --button-023-focus-inset: -0.125em; --button-023-padding: 0.75em 1em; --button-023-border-radius: 2.5em; --button-023-click-scale: 0.955 0.925; --button-023-hover-scale: 1.065 1.095; --button-023-ease-click: cubic-bezier(0.4, 0, 0.2, 1); --button-023-ease-hover: linear(0, 0.5737 7.6%, 0.8382 11.87%, 0.9463 14.19%, 1.0292 16.54%, 1.0886 18.97%, 1.1258 21.53%, 1.137 22.97%, 1.1424 24.48%, 1.1423 26.1%, 1.1366 27.86%, 1.1165 31.01%, 1.0507 38.62%, 1.0219 42.57%, 0.9995 46.99%, 0.9872 51.63%, 0.9842 58.77%, 1.0011 81.26%, 1); --button-023-ease-smooth: cubic-bezier(0.32, 0.72, 0, 1); --button-023-ease-soft-out: cubic-bezier(0.215, 0.61, 0.355, 1); --button-023-ease-focus: cubic-bezier(0.32, 0.72, 0, 1); } .button-023 { -webkit-tap-highlight-color: transparent; transition: scale 0.15s var(--button-023-ease-click); } @media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) { .button-023:is(:hover, :focus-visible) .button-023__bg, [data-hover]:is(:hover, :focus-visible) .button-023 .button-023__bg { scale: var(--button-023-hover-scale); } .button-023:is(:hover, :focus-visible) .button-023__bg-inner, [data-hover]:is(:hover, :focus-visible) .button-023 .button-023__bg-inner { translate: 0 0 0; rotate: 0deg; transition-delay: calc(var(--index) * 0.068s + 0.05s); } .button-023:is(:hover, :focus-visible) .button-023__text.is--first, [data-hover]:is(:hover, :focus-visible) .button-023 .button-023__text.is--first { rotate: 1 1 0.45 -60deg; translate: -5% -100% 0; transition-delay: 0.075s; } .button-023:is(:hover, :focus-visible) .button-023__text.is--second, [data-hover]:is(:hover, :focus-visible) .button-023 .button-023__text.is--second { rotate: 1 1 0.45 0deg; translate: 0 0 0; transition-delay: 0.165s; } } .button-023:active { scale: var(--button-023-click-scale); } .button-023:is(:focus-visible)::after { box-shadow: 0 0 0 0.125em var(--button-023-color-focus); scale: var(--button-023-hover-scale); } .button-023::after { content: ''; display: block; position: absolute; inset: var(--button-023-focus-inset); border-radius: var(--button-023-border-radius); transition: box-shadow 0.3s var(--button-023-ease-focus), scale 0.45s var(--button-023-ease-smooth); pointer-events: none; z-index: 1; } .button-023__bg { transition: scale 0.45s var(--button-023-ease-smooth); } .button-023__bg-inner { transform-origin: 100% 0; translate: 0 100% 0; rotate: -12deg; transition: translate 0.6s var(--button-023-ease-smooth), rotate 0.5s var(--button-023-ease-smooth); transition-delay: calc(var(--index) * -1 * 0.042s); } .button-023__text.is--first { transform-origin: 0 0; transition: translate 0.75s var(--button-023-ease-hover), rotate 0.5s var(--button-023-ease-smooth); } .button-023__text.is--second { translate: 5% 100% 0; rotate: 1 1 0.75 -45deg; transform-origin: top right; transition: translate 0.75s var(--button-023-ease-hover), rotate 0.5s var(--button-023-ease-smooth); } /* buttons end */ /* buttons2 start */ .not_list a { transition: opacity 0.2s ease; } .not_list:has(a:hover) a:not(:hover) { opacity: 0.3; } /* buttons2 end */