:root { --c-glass: #bbbbbc; --c-light: #E3DED1; --c-dark: #000; --c-content: #224; --c-action: #0052f5; --c-bg: #271209; --glass-reflex-dark: 0.5; --glass-reflex-light: 0; --saturation: 150%; } .char { will-change: transform; } .word { will-change: transform; } .line { will-change: transform; overflow: hidden; } .title .word { perspective: 1000px; transform-style: preserve-3d; }  .title .line { perspective: 1000px; transform-style: preserve-3d; } .nav_menu_line { clip-path: inset(1px 0% 1px 0%); height: 4px; } .nav_link.fade-in::before { opacity: 1;  } .nav_link>* { will-change: transform; } .cursor-wrapper { pointer-events: none; } .swiper_slider-bb.is-active .card_image-bb { transform: translateX(100px); }  @media (max-width: 768px) { .swiper_slider-bb.is-active .card_image-bb { transform: none; } } .hw-anyside-button { --transition-duration: 600ms; --easing: cubic-bezier(0.7, 0, 0.2, 1); --hover-text-color: #271209; --initial-text-color: #E3DED1; --hover-bg-color: #E3DED1; --initial-bg-color: transparent; display: block; position: relative; overflow: hidden; width: fit-content; padding: 1rem 2rem; border-radius: 999px; border: 1px solid #E3DED1; background: var(--initial-bg-color); text-align: center; text-decoration: none; transition: box-shadow 0.3s ease; } .hw-anyside-button.light { border: 1px solid var(--hover-text-color); } .hw-anyside-button__title { position: relative; z-index: 2; color: var(--initial-text-color); transition: color var(--transition-duration) var(--easing); text-transform: uppercase; } .hw-anyside-button__title.light { color: var(--hover-text-color); } .hw-anyside-button.is-hovered .hw-anyside-button__title { color: var(--hover-text-color); } .hw-anyside-button.is-hovered .hw-anyside-button__title.light { color: var(--hover-text-color); } .hw-anyside-button__anyside-div { position: absolute; left: var(--mouse-x, 50%); top: var(--mouse-y, 50%); width: var(--circle-diameter, 0); height: var(--circle-diameter, 0); transform: translate(-50%, -50%) scale(0); border-radius: 50%; background: var(--hover-bg-color); transition: transform var(--transition-duration) var(--easing); z-index: 1; pointer-events: none; } .hw-anyside-button.is-hovered .hw-anyside-button__anyside-div { transform: translate(-50%, -50%) scale(3); } #floatingSignup { position: fixed; bottom: 100px; right: 20px; width: 300px; color: var(--c-bg); background: var(--c-light); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); border-radius: 8px; padding: 20px; opacity: 0; visibility: hidden; transform: scale(0.8); clip-path: circle(0% at 100% 100%);  transition: opacity 0.5s ease, visibility 0.5s ease, transform 0.5s ease, clip-path 0.6s ease; z-index: 1000; } #floatingSignup.visible { opacity: 1; visibility: visible; transform: scale(1); clip-path: circle(150% at 100% 100%);  } @media (max-width: 768px) { #floatingSignup.visible { opacity: 0; visibility: hidden; } } :where(.brxe-brf-pro-forms) input[type=checkbox]+label, :where(.brxe-brf-pro-forms) input[type=radio]+label { font-family: ; font-size: var(--hw-text--2xl); } :where(.brxe-brf-pro-forms) .options-wrapper { justify-content: space-between; } .slide-content { opacity: 0; visibility: hidden; transform: scale(0.95); clip-path: circle(0% at 100% 100%); transition: opacity 0.5s ease, visibility 0.5s ease, transform 0.5s ease, clip-path 0.6s ease, box-shadow 0.5s ease; position: relative; z-index: 10; box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .slide-content.visible { opacity: 1; border-radius: 2rem; visibility: visible; transform: scale(1); clip-path: circle(150% at 100% 100%); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15), 0 8px 16px rgba(0, 0, 0, 0.1); }  .slide-content.visible { background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), var(--original-background, transparent); } .line-vertical { border-left: 1px solid #E3DED1; height: 20px; margin: 20px; }  .desc-block { overflow: hidden; clip-path: inset(0 0 100% 0); transition: clip-path 0.3s ease-in-out; opacity: 0; visibility: hidden; transition: clip-path 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; }  .desc-block.active { clip-path: inset(0 0 0% 0); opacity: 1; visibility: visible; }  .svg-plus { cursor: pointer; transition: transform 0.3s ease-in-out; transform-origin: center; }  .svg-plus.rotated { transform: rotate(45deg); }  .svg-plus:hover { opacity: 0.8; }  .card_content-bb { position: relative; }  .desc-block { max-height: 0; overflow: hidden; transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; opacity: 0; visibility: hidden; } .desc-block.active { max-height: 200px;  opacity: 1; visibility: visible; } @keyframes arrow-float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-8px); } } .svg_arrow { animation: arrow-float 3s ease-in-out infinite; } .img-overflow::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1; } .svg_share { cursor: pointer; } .icon-background { fill: none; stroke: #E3DED1; transition: fill 0.3s ease-in-out; } .icon-path { stroke: #E3DED1; transition: stroke 0.3s ease-in-out; } .svg_share:hover .icon-background { fill: #E3DED1; } .svg_share:hover .icon-path { stroke: #271209; } input[type="checkbox"] { width: 15px; height: 15px; accent-color: transparent; border: 1px solid #E3DED1 !important; background: transparent !important; appearance: none; cursor: pointer; position: relative; } input[type="checkbox"]:checked { background: transparent; border: 1px solid #E3DED1 !important; } input[type="checkbox"]:checked::before { content: "✓"; position: absolute; top: -15px; left: 0; color: #E3DED1; font-size: 14px; font-weight: bold; } .cursor-dot-accent { position: absolute; width: 0.5rem; height: 0.5rem; border-radius: 50%; box-sizing: border-box; background-color: color-mix(in srgb, var(--c-glass) 25%, transparent); backdrop-filter: blur(8px) saturate(var(--saturation)); -webkit-backdrop-filter: blur(8px) saturate(var(--saturation)); box-shadow: inset 1.8px 3px 0px -2px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 90%), transparent), inset -2px -2px 0px -2px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 80%), transparent), inset -3px -8px 1px -6px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 60%), transparent), inset -0.3px -1px 4px 0px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 12%), transparent), inset -1.5px 2.5px 0px -2px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent), inset 0px 3px 4px -2px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent), inset 2px -6.5px 1px -4px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent), 0px 1px 5px 0px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent), 0px 6px 16px 0px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 8%), transparent); opacity: 0; transition: opacity 300ms ease; } .cursor-dot-accent.left { left: -1rem; } .cursor-dot-accent.right { right: -1rem; } .cursor-dot.show{ opacity: 1; } .cursor-dot.active{ width: 4rem; height: 4rem; } .cursor-dot.active .cursor-text{ transform: translateY(-100%) } .cursor-dot.active .cursor-dot-accent{ opacity: 1; }  .no-click{ pointer-events: none; touch-action: none; } .can-click{ pointer-events: auto; touch-action: auto; }