.logoloop{--logoloop-gap:32px;--logoloop-logoHeight:28px;--logoloop-fadeColorAuto:#fff;position:relative;overflow:hidden}.logoloop--vertical{height:100%;display:inline-block}.logoloop--scale-hover{padding-top:calc(var(--logoloop-logoHeight) * .1);padding-bottom:calc(var(--logoloop-logoHeight) * .1)}@media (prefers-color-scheme:dark){.logoloop{--logoloop-fadeColorAuto:#0b0b0b}}.logoloop__track{will-change:transform;-webkit-user-select:none;user-select:none;z-index:0;width:max-content;display:flex;position:relative}.logoloop--vertical .logoloop__track{flex-direction:column;width:100%;height:max-content}.logoloop__list{align-items:center;margin:0;padding:0;list-style:none;display:flex}.logoloop--vertical .logoloop__list{flex-direction:column}.logoloop__item{margin-right:var(--logoloop-gap);font-size:var(--logoloop-logoHeight);flex:none;line-height:1}.logoloop--vertical .logoloop__item{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__item:last-child{margin-right:var(--logoloop-gap)}.logoloop--vertical .logoloop__item:last-child{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__node{align-items:center;transition:transform .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.logoloop__item img{height:var(--logoloop-logoHeight);object-fit:contain;width:auto;image-rendering:-webkit-optimize-contrast;-webkit-user-drag:none;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1);display:block}.logoloop--scale-hover .logoloop__item{overflow:visible}.logoloop--scale-hover .logoloop__item:hover img,.logoloop--scale-hover .logoloop__item:hover .logoloop__node{transform-origin:50%;transform:scale(1.2)}.logoloop__link{color:inherit;border-radius:4px;align-items:center;text-decoration:none;transition:opacity .2s;display:inline-flex}.logoloop__link:hover{opacity:.8}.logoloop--fade:before,.logoloop--fade:after{content:"";pointer-events:none;z-index:10;width:clamp(24px,8%,120px);position:absolute;top:0;bottom:0}.logoloop--fade:before{background:linear-gradient(to right, var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0%, #0000 100%);left:0}.logoloop--fade:after{background:linear-gradient(to left, var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0%, #0000 100%);right:0}.logoloop--vertical.logoloop--fade:before,.logoloop--vertical.logoloop--fade:after{width:100%;height:clamp(24px,8%,120px);left:0;right:0}.logoloop--vertical.logoloop--fade:before{background:linear-gradient(to bottom, var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0%, #0000 100%);top:0;bottom:auto}.logoloop--vertical.logoloop--fade:after{background:linear-gradient(to top, var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0%, #0000 100%);top:auto;bottom:0}@media (prefers-reduced-motion:reduce){.logoloop__track{transform:translate(0,0)!important}.logoloop__item img,.logoloop__node{transition:none!important}}
.stepper-outer-container{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:1rem;display:flex}.stepper-circle-container{-webkit-backdrop-filter:blur(12px);background:#fff6;border:1px solid #f073;border-radius:2rem;width:100%;max-width:42rem;margin-left:auto;margin-right:auto;box-shadow:0 20px 50px -12px #0000001a}.step-indicator-row{border-bottom:1px solid #0000000d;align-items:center;width:100%;padding:1.5rem 2rem;display:flex}.step-content-default{min-height:300px;position:relative;overflow:hidden}.step-default{padding:2rem}.stepper-footer-container{padding:0 2rem 2rem}.stepper-footer-nav{gap:1rem;display:flex}.stepper-footer-nav.spread{justify-content:space-between}.stepper-footer-nav.end{justify-content:flex-end}.stepper-back-button{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000001a;border-radius:9999px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .3s}.stepper-back-button:hover{color:var(--foreground);background:#0000000d}.stepper-back-button.inactive{pointer-events:none;opacity:.5}.stepper-next-button{background-color:var(--accent-tertiary);color:#fff;cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.5rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #7000ff33}.stepper-next-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #7000ff4d}.stepper-next-button:active{transform:translateY(0)}.stepper-step-indicator{cursor:pointer;outline:none;position:relative}.stepper-step-indicator-inner{border-radius:9999px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.75rem;font-weight:700;display:flex}.stepper-active-dot{background-color:#fff;border-radius:9999px;width:.5rem;height:.5rem}.stepper-step-number{font-family:var(--font-mono)}.stepper-step-connector{background-color:#0000001a;border-radius:9999px;flex:1;height:2px;margin-left:.5rem;margin-right:.5rem;position:relative;overflow:hidden}.stepper-step-connector-inner{height:100%;position:absolute;top:0;left:0}.stepper-check-icon{color:#fff;width:1.25rem;height:1.25rem}
:root{--col-gap:5%;--row-gap:5%;--cube-perspective:100000000px;--cube-face-border:1px solid #fff;--cube-face-bg:#120f17}.default-animation{width:100%;height:100%;position:relative}.default-animation--scene{column-gap:var(--col-gap);row-gap:var(--row-gap);width:100%;height:100%;perspective:var(--cube-perspective);grid-auto-rows:1fr;display:grid}.cube{aspect-ratio:1;width:100%;height:100%;transform-style:preserve-3d;position:relative}.cube:before{content:"";position:absolute;inset:-36px}.default-animation .cube-face{background:var(--cube-face-bg);border:var(--cube-face-border);opacity:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.default-animation .cube-face--top{transform:translateY(-50%)rotateX(90deg)}.default-animation .cube-face--bottom{transform:translateY(50%)rotateX(-90deg)}.default-animation .cube-face--left{transform:translate(-50%)rotateY(-90deg)}.default-animation .cube-face--right{transform:translate(50%)rotateY(90deg)}.default-animation .cube-face--back,.default-animation .cube-face--front{transform:rotateY(-90deg)translate(50%)rotateY(90deg)}@media (max-width:768px){.default-animation{width:90%}}
:root{--folder-color:#70a1ff;--folder-back-color:#4785ff;--paper-1:#e6e6e6;--paper-2:#f2f2f2;--paper-3:#fff}.folder{cursor:pointer;z-index:50;transition:all .2s ease-in;position:relative}.folder:not(.folder--click):hover{transform:translateY(-8px)}.folder:not(.folder--click):hover .paper{transform:translate(-50%)}.folder:not(.folder--click):hover .folder__front{transform:skew(15deg)scaleY(.6)}.folder:not(.folder--click):hover .right{transform:skew(-15deg)scaleY(.6)}.folder.open{transform:translateY(-8px)}.folder.open .paper:first-child{transform:translate(-120%,-70%)rotate(-15deg)}.folder.open .paper:first-child:hover{transform:translate(-120%,-70%)rotate(-15deg)scale(1.1)}.folder.open .paper:nth-child(2){height:80%;transform:translate(10%,-70%)rotate(15deg)}.folder.open .paper:nth-child(2):hover{transform:translate(10%,-70%)rotate(15deg)scale(1.1)}.folder.open .paper:nth-child(3){height:80%;transform:translate(-50%,-100%)rotate(5deg)}.folder.open .paper:nth-child(3):hover{transform:translate(-50%,-100%)rotate(5deg)scale(1.1)}.folder.open .folder__front{transform:skew(15deg)scaleY(.6)}.folder.open .right{transform:skew(-15deg)scaleY(.6)}.folder__back{background:var(--folder-back-color);border-radius:0 10px 10px;width:100px;height:80px;position:relative}.folder__back:after{z-index:0;content:"";background:var(--folder-back-color);border-radius:5px 5px 0 0;width:30px;height:10px;position:absolute;bottom:98%;left:0}.paper{z-index:2;background:var(--paper-1);border-radius:10px;width:70%;height:80%;transition:all .3s ease-in-out;position:absolute;bottom:10%;left:50%;transform:translate(-50%,10%);box-shadow:0 4px 10px #0000001a}.paper:nth-child(2){background:var(--paper-2);width:80%;height:70%}.paper:nth-child(3){background:var(--paper-3);width:90%;height:60%}.folder__front{z-index:3;background:var(--folder-color);transform-origin:bottom;border-radius:5px 10px 10px;width:100%;height:100%;transition:all .3s ease-in-out;position:absolute}.folder__front.right{z-index:4;clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%)}
