.specular-button{--sb-radius:9999px;--sb-tint:#2d7ff3;--sb-tint-opacity:1;--sb-blur:0px;--sb-text-color:#fff;text-transform:uppercase;letter-spacing:.1em;color:var(--sb-text-color);background:var(--sb-tint);border-radius:var(--sb-radius);-webkit-backdrop-filter:blur(var(--sb-blur));cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;margin:0;font-family:inherit;font-weight:700;line-height:1;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff40,0 8px 24px #2d7ff359}.specular-button:hover{box-shadow:inset 0 1px #fff6,0 12px 30px #2d7ff380}.specular-button:active{transform:scale(.97)}.specular-button:focus-visible{outline:2px solid color-mix(in srgb, var(--sb-text-color) 60%, transparent);outline-offset:3px}.specular-button:disabled{opacity:.55;cursor:default}.specular-button:disabled:active{transform:none}.specular-button--sm{padding:10px 22px;font-size:.75rem}.specular-button--md{padding:14px 30px;font-size:.8rem}.specular-button--lg{padding:14px 32px;font-size:.8rem}.specular-button__fx{pointer-events:none;z-index:1;position:absolute;inset:-20px}.specular-button__fx canvas{width:100%;height:100%;display:block}.specular-button__label{z-index:2;align-items:center;gap:.75rem;display:inline-flex;position:relative}.glare-hover{width:var(--gh-width,auto);height:var(--gh-height,auto);background:var(--gh-bg,transparent);border-radius:var(--gh-br,inherit);border:var(--gh-border,none);justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.glare-hover:before{content:"";background:linear-gradient(var(--gh-angle), #0000 40%, var(--gh-rgba) 60%, #0000 80%);transition:var(--gh-duration) ease;background-size:var(--gh-size) var(--gh-size), 100% 100%;pointer-events:none;z-index:10;border-radius:inherit;background-position:-150% -150%,0 0;background-repeat:no-repeat;position:absolute;inset:0}.glare-hover:hover{cursor:pointer}.glare-hover:hover:before{background-position:150% 150%,0 0}.glare-hover--play-once:before{transition:none}.glare-hover--play-once:hover:before{transition:var(--gh-duration) ease;background-position:150% 150%,0 0}.card-swap-container{perspective:1000px;width:100%;height:100%;position:relative;overflow:visible}.card{-webkit-backdrop-filter:blur(12px)saturate(140%);transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;box-sizing:border-box;background:#ffffffed;border:1px solid #e2e8f0e6;border-radius:28px;padding:2.25rem 2rem;position:absolute;top:50%;left:50%;box-shadow:0 16px 40px -10px #0000001a,inset 0 1px #fff,inset 0 -1px #00000005}@media (width<=768px){.card-swap-container{transform-origin:50%;transform:scale(.9)}}@media (width<=480px){.card-swap-container{transform-origin:50%;transform:scale(.8)}}.focus-container{-webkit-user-select:none;user-select:none;vertical-align:baseline;outline:none;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.3em;display:inline-flex;position:relative}.focus-word{cursor:default;-webkit-user-select:none;user-select:none;outline:none;transition:filter .3s,color .3s;position:relative}.focus-word.active{filter:blur()}.focus-frame{pointer-events:none;box-sizing:content-box;border:none;position:absolute;top:0;left:0}.corner{border:2.5px solid var(--border-color,#fff);width:.7em;height:.7em;filter:drop-shadow(0px 0px 5px var(--glow-color,#fff9));border-radius:2px;transition:none;position:absolute}.top-left{border-bottom:none;border-right:none;top:-8px;left:-8px}.top-right{border-bottom:none;border-left:none;top:-8px;right:-8px}.bottom-left{border-top:none;border-right:none;bottom:-8px;left:-8px}.bottom-right{border-top:none;border-left:none;bottom:-8px;right:-8px}.list{width:100%;height:100%;min-height:520px;position:relative}.item-wrapper{will-change:transform, width, height, opacity;cursor:pointer;padding:6px;position:absolute;top:0;left:0}.item-wrapper>.item-img{text-transform:uppercase;border:1px solid var(--color-border,#00000014);background-position:50%;background-size:cover;border-radius:16px;width:100%;height:100%;font-size:10px;line-height:10px;transition:border-color .3s,box-shadow .3s;position:relative;box-shadow:0 10px 40px -10px #00000026}.item-wrapper:hover>.item-img{box-shadow:0 20px 50px -10px #00000040}.depth-carousel{width:100%;height:100%;min-height:380px;perspective:var(--dc-perspective,1400px);perspective-origin:50%;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;outline:none;justify-content:center;align-items:center;display:flex;position:relative}.depth-carousel:active{cursor:grabbing}.depth-carousel:focus-visible{outline-offset:4px;border-radius:12px;outline:2px solid #ffffff80}.depth-carousel__stage{transform-style:preserve-3d;position:absolute;inset:0}.depth-carousel__card{transform-origin:50%;will-change:transform, opacity, filter;cursor:pointer;background:#0b0d12;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 25px 50px -12px #00000040,0 8px 20px -10px #0003}.depth-carousel__img{object-fit:cover;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.depth-carousel__tint{opacity:0;pointer-events:none;mix-blend-mode:multiply;position:absolute;inset:0}.depth-carousel__arrow{z-index:3000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#12141aa6;border:1px solid #fff3;border-radius:999px;place-items:center;width:40px;height:40px;transition:background .2s,border-color .2s,transform .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.depth-carousel__arrow:hover{background:#1c1f28e6;border-color:#fff6}.depth-carousel__arrow:active{transform:translateY(-50%)scale(.94)}.depth-carousel__arrow--prev{left:12px}.depth-carousel__arrow--next{right:12px}.depth-carousel__dots{z-index:3000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e101680;border-radius:999px;gap:8px;padding:6px 12px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.depth-carousel__dot{cursor:pointer;background:#ffffff59;border:none;border-radius:999px;width:7px;height:7px;padding:0;transition:width .25s,background .25s}.depth-carousel__dot.is-active{background:var(--primary,#2d7ff3);width:18px}@media (prefers-reduced-motion:reduce){.depth-carousel__card{will-change:auto}.depth-carousel__arrow,.depth-carousel__dot{transition:none}}
