@layer base{.u{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background-color:var(--color-background);pointer-events:none}.v,.w,.x{position:absolute;top:0;left:0;width:100%;height:100%}.v{background:linear-gradient(-45deg,var(--color-primary),var(--color-secondary),var(--color-primary),var(--color-secondary));background-size:400% 400%;animation:y 15s ease infinite;opacity:.1}.w{background:linear-gradient(45deg,var(--color-secondary),var(--color-primary),var(--color-secondary),var(--color-primary));background-size:400% 400%;animation:y 20s ease infinite;opacity:.05}.x{background:radial-gradient(circle at 70% 30%,rgba(255,159,28,.1) 0%,transparent 70%);animation:z 10s ease-in-out infinite alternate}.A{position:relative;z-index:10;display:flex;justify-content:center;align-items:center;height:100%;width:100%;pointer-events:all}@keyframes y{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes z{0%{opacity:.05;transform:scale(1)}to{opacity:.1;transform:scale(1.05)}}}@layer base{.B{overflow:hidden;position:relative}.C{width:100%;height:100%;border-radius:inherit}.D{display:flex;-webkit-user-select:none;user-select:none;touch-action:none;padding:2px;background:linear-gradient(135deg,#f392001a,#1eb4a61a);transition:background var(--animation-duration-fast)}.D:hover{background:linear-gradient(135deg,#f3920033,#1eb4a633)}.D[data-orientation=vertical]{width:10px}.D[data-orientation=horizontal]{flex-direction:column;height:10px}.E{flex:1;background:var(--color-gray-400);border-radius:var(--radius-sm);position:relative;transition:background var(--animation-duration-fast)}.E:hover{background:var(--color-primary)}.E:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:14px;min-height:14px;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);opacity:0;transition:opacity var(--animation-duration-fast)}.E:hover:before{opacity:1}}._{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;gap:var(--spacing-lg);padding:var(--spacing-xl)}.a{display:flex;align-items:center;justify-content:center;animation:b 2s ease-in-out infinite alternate;position:relative;overflow:visible}.c .a{width:5rem;height:5rem}.d .a{width:8rem;height:8rem}.e .a{width:10rem;height:10rem}.f{animation:g 3s ease-in-out infinite alternate;transform-origin:center}.h{animation:i 3s ease-in-out infinite alternate;transform-origin:center}.j{animation:k 3s ease-in-out infinite alternate;transform-origin:center}.l{font-family:var(--font-family-base);font-size:var(--font-size-lg);color:var(--color-text-secondary);text-align:center}.m{width:90%;max-height:90%;margin-top:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-primary);pointer-events:all}@keyframes b{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes g{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@keyframes i{0%{transform:translateY(0)}to{transform:translateY(8px)}}@keyframes k{0%{transform:translateY(0)}to{transform:translateY(-5px)}}