@layer theme,base;@layer components{.ist{--ist:88px;--ist-r:20px;width:var(--ist);height:var(--ist);margin:0 auto 46px;position:relative}.ist:after{content:"";left:50%;top:calc(var(--ist) - 4px);width:calc(var(--ist) * 1.9);pointer-events:none;height:26px;animation:ist-fade .9s var(--ease-out) both;background:radial-gradient(closest-side,#75beff26,#75beff00);position:absolute;transform:translate(-50%)}.ist-lift{z-index:1;width:var(--ist);height:var(--ist);animation:ist-rise .8s var(--ease-out) both;position:relative}.ist-obj{z-index:1;width:var(--ist);height:var(--ist);border-radius:var(--ist-r);position:relative}.ist-mark{width:var(--ist);height:var(--ist);border-radius:var(--ist-r);display:block;box-shadow:0 0 0 1px #ffffff1a,0 24px 44px -14px #000000e6}.ist-obj:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #f2f8ff33,inset 0 0 0 1px #ffffff0d}.ist[data-lit] .ist-obj:after{animation:ist-rim 1.1s var(--ease) both}.ist-sheen{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ist-sheen:before{content:"";mix-blend-mode:screen;opacity:0;background:linear-gradient(100deg,#f2f8ff00 0%,#f2f8ff14 30%,#f2f8ff6b 52%,#f2f8ff14 72%,#f2f8ff00 100%);width:62%;position:absolute;top:-25%;bottom:-25%;left:0;transform:translate(-150%)skew(-14deg)}.ist[data-lit] .ist-sheen:before{animation:ist-sweep var(--sweep-dur) var(--sweep-ease) both}.ist-refl{left:0;top:calc(var(--ist) + 4px);width:var(--ist);height:var(--ist);border-radius:var(--ist-r);opacity:.2;pointer-events:none;position:absolute;transform:scaleY(-1);-webkit-mask:linear-gradient(#0000 58%,#000);mask:linear-gradient(#0000 58%,#000)}.ist-badge{z-index:2;width:32px;height:32px;color:var(--ice-hi);box-shadow:0 0 0 3px var(--bg), inset 0 1px 0 #ffffff1a, inset 0 0 0 1px #b9e0fb29, 0 8px 16px -8px #000000e6;animation:ist-pop var(--dur-pop) var(--spring-pop) both;background:linear-gradient(#1a222d,#121820);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-10px;right:-10px}.ist-badge>svg{stroke-width:1.9px;width:16px;height:16px}.ist-badge[data-kind=check]{color:var(--ice-ink);box-shadow:0 0 0 3px var(--bg), inset 0 1px 0 #ffffff8c, inset 0 -1px 0 #03285033, 0 8px 16px -8px #000000e6;background:linear-gradient(#8fccff,#6fbafc)}.ist-badge[data-kind=check]>svg{stroke-width:2.6px}.ist-badge[data-kind=alert]{color:var(--warn);box-shadow:0 0 0 3px var(--bg), inset 0 1px 0 #ffffff14, inset 0 0 0 1px #f7c24347, 0 8px 16px -8px #000000e6}@keyframes ist-rise{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:none}}@keyframes ist-fade{0%{opacity:0}to{opacity:1}}@keyframes ist-sweep{0%{opacity:0;transform:translate(-150%)skew(-14deg)}14%,86%{opacity:1}to{opacity:0;transform:translate(210%)skew(-14deg)}}@keyframes ist-rim{0%,to{box-shadow:inset 0 1px #f2f8ff33,inset 0 0 0 1px #ffffff0d}38%{box-shadow:inset 0 1px #f2f8ffbf,inset 0 0 0 1px #b9e0fb6b}}@keyframes ist-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@media (max-width:733px){.ist{--ist:76px;--ist-r:17px;margin-bottom:40px}.ist-badge{width:28px;height:28px;bottom:-9px;right:-9px}.ist-badge>svg{width:14px;height:14px}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more),(forced-colors:active){.ist:after,.ist-refl,.ist-sheen{display:none}}@media (forced-colors:active){.ist-badge{forced-color-adjust:auto;border:1px solid canvastext}}}@layer utilities;