.sling-button{--sl-size:56px;--sl-svg:90px;--sl-pad:#f5f5f5;--sl-icon:#18181b;--sl-accent:#f5f5f5;--sl-well:#27272a;--sl-band:#52525b;--sl-stroke:3px;--sl-dot:8px;--sl-ease-out:cubic-bezier(.23, 1, .32, 1);width:var(--sl-size);height:var(--sl-size);display:inline-block;position:relative}.sling-button__fx{width:var(--sl-svg);height:var(--sl-svg);margin:calc(var(--sl-svg) / -2) 0 0 calc(var(--sl-svg) / -2);pointer-events:none;shape-rendering:geometricprecision;position:absolute;top:50%;left:50%;overflow:visible}.sling-button__well{fill:var(--sl-well);transition:fill .2s}.sling-button[data-sent] .sling-button__well{fill:var(--sl-accent)}.sling-button__band{fill:none;stroke:var(--sl-band);stroke-width:var(--sl-stroke);stroke-linecap:round;transition:stroke-width .16s var(--sl-ease-out)}.sling-button[data-armed] .sling-button__band{stroke-width:calc(var(--sl-stroke) * 1.5)}.sling-button__band--hot{stroke:var(--sl-accent)}.sling-button__arc{fill:none;stroke:var(--sl-accent);stroke-width:var(--sl-stroke);stroke-linecap:butt;transition:stroke-width .16s var(--sl-ease-out)}.sling-button[data-armed] .sling-button__arc{stroke-width:calc(var(--sl-stroke) * 1.5)}.sling-button__move{position:absolute;inset:0}.sling-button__pad{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;outline:none;width:100%;height:100%;margin:0;padding:0;display:block;position:relative}.sling-button__pad:after{content:"";border-radius:50%;position:absolute;inset:-6px}.sling-button__pad[aria-disabled=true]{cursor:not-allowed;opacity:.5}.sling-button__face{background:var(--sl-pad);width:100%;height:100%;color:var(--sl-icon);transition:transform .16s var(--sl-ease-out);border-radius:50%;justify-content:center;align-items:center;display:flex}.sling-button__pad[data-held] .sling-button__face{transform:scale(.97)}.sling-button__pad[data-armed] .sling-button__face{transform:scale(1.04)}@media (hover:hover) and (pointer:fine){.sling-button__pad:not([data-held]):not([aria-disabled=true]):hover .sling-button__face{transform:scale(1.02)}}.sling-button__icon{will-change:transform;display:inline-flex}.sling-button__dot{width:var(--sl-dot);height:var(--sl-dot);margin:calc(var(--sl-dot) / -2) 0 0 calc(var(--sl-dot) / -2);background:var(--sl-accent);opacity:0;pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%}.sling-button__sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.sling-button__face{transition:none;transform:none!important}}.sling-button__pad:focus-visible{outline:2px solid var(--sl-accent);outline-offset:4px}
.focus-container{display:block;position:relative}.focus-word{display:inline-block}.focus-word.active{filter:blur()}.focus-frame{pointer-events:none;position:absolute;top:0;left:0}.focus-highlight{background-color:var(--highlight-color);pointer-events:none;border-radius:6px;position:absolute;top:0;left:0}.focus-box{box-sizing:border-box;border:var(--border-width,3px) solid var(--border-color,currentColor);filter:drop-shadow(0 0 4px var(--glow-color,transparent));border-radius:6px;position:absolute;top:0;left:0}.focus-underline{border-radius:calc(var(--border-width,3px) / 2);background-color:var(--border-color,currentColor);filter:drop-shadow(0 0 4px var(--glow-color,transparent));position:absolute;top:0;left:0}.corner{box-sizing:border-box;width:var(--corner-size,1rem);height:var(--corner-size,1rem);border:var(--border-width,3px) solid var(--border-color,currentColor);filter:drop-shadow(0 0 4px var(--glow-color,transparent));border-radius:3px;position:absolute;top:0;left:0}.focus-frame .top-left{border-bottom:none;border-right:none}.focus-frame .top-right{border-bottom:none;border-left:none}.focus-frame .bottom-left{border-top:none;border-right:none}.focus-frame .bottom-right{border-top:none;border-left:none}
.tilted-card{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;justify-content:center;align-items:center;margin:0;display:flex;position:relative}.tilted-card[data-interactive]{cursor:pointer}.tilted-card[data-active]{z-index:2}.tilted-card__shadow{background:var(--tc-shadow-color,#0000008c);filter:blur(20px);opacity:0;pointer-events:none;will-change:transform, opacity;max-width:100%;max-height:100%;margin:auto;position:absolute;inset:0}.tilted-card__body{max-width:100%;max-height:100%;transform-style:preserve-3d;position:relative}.tilted-card__face{border-radius:var(--tc-radius);backface-visibility:hidden;isolation:isolate;position:absolute;inset:0;overflow:hidden}.tilted-card__back{transform:rotateY(180deg)}.tilted-card__img{object-fit:cover;pointer-events:none;max-width:none;display:block;position:absolute}.tilted-card__layer{position:absolute;inset:0}.tilted-card__img,.tilted-card__layer{transform:translate3d(calc(var(--tc-px,0) * var(--tc-depth,0) * 1px), calc(var(--tc-py,0) * var(--tc-depth,0) * 1px), 0)}.tilted-card__glare{z-index:5;background:radial-gradient(farthest-corner circle at var(--tc-gx,50%) var(--tc-gy,50%), rgba(var(--tc-glare-rgb,255, 255, 255), calc(var(--tc-glare,0) * .34)) 0%, rgba(var(--tc-glare-rgb,255, 255, 255), calc(var(--tc-glare,0) * .331)) 9%, rgba(var(--tc-glare-rgb,255, 255, 255), calc(var(--tc-glare,0) * .285)) 18%, rgba(var(--tc-glare-rgb,255, 255, 255), calc(var(--tc-glare,0) * .202)) 27%, rgba(var(--tc-glare-rgb,255, 255, 255), calc(var(--tc-glare,0) * .108)) 36%, rgba(var(--tc-glare-rgb,255, 255, 255), calc(var(--tc-glare,0) * .035)) 45%, rgba(var(--tc-glare-rgb,255, 255, 255), calc(var(--tc-glare,0) * .003)) 54%, rgba(var(--tc-glare-rgb,255, 255, 255), 0) 60%);mix-blend-mode:screen;pointer-events:none;position:absolute;inset:0}.tilted-card__rim{z-index:6;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--tc-rim-color,#ffffff14), inset 0 1px 0 var(--tc-rim-light,#ffffff1f);pointer-events:none;position:absolute;inset:0}.tilted-card__edge{z-index:7;box-sizing:border-box;border-radius:inherit;background:radial-gradient(farthest-side circle at var(--tc-gx,50%) var(--tc-gy,50%), rgba(var(--tc-glare-rgb,255, 255, 255), calc(var(--tc-glare,0) * .85)) 0%, rgba(var(--tc-glare-rgb,255, 255, 255), calc(var(--tc-glare,0) * .71)) 18%, rgba(var(--tc-glare-rgb,255, 255, 255), calc(var(--tc-glare,0) * .43)) 36%, rgba(var(--tc-glare-rgb,255, 255, 255), calc(var(--tc-glare,0) * .16)) 54%, rgba(var(--tc-glare-rgb,255, 255, 255), calc(var(--tc-glare,0) * .02)) 72%, rgba(var(--tc-glare-rgb,255, 255, 255), 0) 85%);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.tilted-card:focus-visible .tilted-card__rim{box-shadow:inset 0 0 0 2px #ffffffb3,inset 0 0 0 3px #00000059}.tilted-card__overlay{z-index:2;transform:translateZ(var(--tc-lift,30px));backface-visibility:hidden;position:absolute;inset:0}.tilted-card__caption{z-index:3;color:#18181b;white-space:nowrap;opacity:0;pointer-events:none;transform-origin:0 0;will-change:transform, opacity;background:#fff;border-radius:7px;margin:16px 0 0 14px;padding:5px 9px;font-size:12px;font-weight:500;line-height:16px;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #18181b14,0 8px 18px -8px #00000073}
