.easysite-breadcrumbs{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.easysite-breadcrumbs .separator{display:flex}:where(.easysite-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.easysite-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.easysite-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}.easysite-code{width:100%}html {scroll-snap-type: y mandatory}.easysite-section {scroll-snap-align: start} :root { --mouse-width: 28px; --mouse-height: 45px; --mouse-border-radius: 14px; --mouse-border-width: 2px; --mouse-color: #00bcd4; --mouse-hover-color: #26c6da; --mouse-bg: rgba(0, 188, 212, 0.05); --mouse-hover-bg: rgba(38, 198, 218, 0.1); --wheel-width: 3px; --wheel-height: 8px; --wheel-top: 10px; --animation-duration: 2s; --float-duration: 3s; --glow-duration: 2s; } body { margin: 0; padding: 0; min-height: 100vh; background: #0f172a; display: flex; justify-content: center; align-items: center; } .scroll-mouse { width: var(--mouse-width); height: var(--mouse-height); border: var(--mouse-border-width) solid var(--mouse-color); border-radius: var(--mouse-border-radius); background: var(--mouse-bg); position: relative; cursor: pointer; transition: all 0.3s ease; animation: scroll-mouse-float var(--float-duration) ease-in-out infinite; } .scroll-mouse::before { content: ''; position: absolute; top: var(--wheel-top); left: 50%; transform: translateX(-50%); width: var(--wheel-width); height: var(--wheel-height); background: var(--mouse-color); border-radius: calc(var(--wheel-width) / 2); transition: background 0.3s ease; animation: scroll-mouse-wheel var(--animation-duration) ease-in-out infinite; } .scroll-mouse::after { content: ''; position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; border: 1px solid rgba(0, 188, 212, 0.3); border-radius: calc(var(--mouse-border-radius) + 5px); animation: scroll-mouse-glow var(--glow-duration) ease-in-out infinite; } .scroll-mouse:hover { border-color: var(--mouse-hover-color); background: var(--mouse-hover-bg); transform: scale(1.1); box-shadow: 0 0 20px rgba(0, 188, 212, 0.4); } .scroll-mouse:hover::before { background: var(--mouse-hover-color); animation-duration: 1s; } .scroll-mouse:hover::after { border-color: var(--mouse-hover-color); opacity: 0.8; } .scroll-mouse:active { transform: scale(0.95); } @keyframes scroll-mouse-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } @keyframes scroll-mouse-wheel { 0% { opacity: 1; transform: translateX(-50%) translateY(0); } 50% { opacity: 0.3; transform: translateX(-50%) translateY(10px); } 100% { opacity: 1; transform: translateX(-50%) translateY(0); } } @keyframes scroll-mouse-glow { 0%, 100% { opacity: 0.3; transform: scale(1); } 50% { opacity: 0.6; transform: scale(1.1); } } @media (max-width: 768px) { :root { --mouse-width: 24px; --mouse-height: 38px; --mouse-border-radius: 12px; --wheel-width: 2px; --wheel-height: 6px; --wheel-top: 8px; } }#easysite-pmlbyz .separator {color: var(--accent)}#easysite-pmlbyz .item {color: var(--primary-l-12)}#easysite-jfgeoq {width: 100%}#easysite-lmuggn {width: 100%}#easysite-lmuggn p{color: var(--white);}#easysite-jeozvy {width: 100%; padding-top: var(--space-s); padding-bottom: var(--space-s); display: flex; flex-direction: column}@media (max-width: 767px) {#easysite-jeozvy {flex-direction: column}}