.themed-icon{--ti-accent:#2f43ff;--ti-glyph:#2f43ff;--ti-bg-1:#f7f8fc;--ti-bg-2:#eceef6;--ti-glow:#2f43ff29;--ti-grid:#2f43ff16;--ti-dot:#2f43ff80;--ti-shadow:#2f43ff42;--ti-reg:var(--hp4-register,#ff5a1f);--ti-ease:cubic-bezier(.16, 1, .3, 1);isolation:isolate;background:radial-gradient(120% 90% at 50% 112%, var(--ti-glow), transparent 60%), linear-gradient(180deg, var(--ti-bg-1), var(--ti-bg-2));border-radius:13px;place-items:center;display:grid;position:relative;overflow:hidden}[data-theme=dark] .themed-icon,.dark .themed-icon{--ti-glyph:#9aa4ff;--ti-bg-1:#1b1c26;--ti-bg-2:#13141c;--ti-glow:#8c97ff38;--ti-grid:#8c97ff24;--ti-dot:#8c97ff8c;--ti-shadow:#8c97ff57}.themed-icon:before{content:"";z-index:0;background-image:linear-gradient(var(--ti-grid) 1px, transparent 1px), linear-gradient(90deg, var(--ti-grid) 1px, transparent 1px);background-position:50%;background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%)}.themed-icon:after{content:"";z-index:0;background-image:radial-gradient(circle at 1px 1px, var(--ti-dot) 1px, transparent 1.4px);transition:transform .6s var(--ti-ease);background-size:4px 4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 38%,#0000008c 75%,#000 100%);mask-image:linear-gradient(#0000 38%,#0000008c 75%,#000 100%)}.themed-icon[data-kind=image]:after{-webkit-mask-image:linear-gradient(#0000 58%,#0006 82%,#000 100%);mask-image:linear-gradient(#0000 58%,#0006 82%,#000 100%)}.themed-icon .ti-glyph{z-index:1;width:39%;height:auto;color:var(--ti-glyph);filter:drop-shadow(0 8px 16px var(--ti-shadow));transition:transform .6s var(--ti-ease);position:relative}.themed-icon .ti-image{z-index:1;object-fit:contain;filter:drop-shadow(0 10px 18px #1111142e);width:100%;height:100%;transition:transform .7s var(--ti-ease);padding:7%;position:relative}.themed-icon .ti-cross{z-index:1;opacity:.55;background:linear-gradient(var(--ti-accent), var(--ti-accent)) center / 100% 1px no-repeat, linear-gradient(var(--ti-accent), var(--ti-accent)) center / 1px 100% no-repeat;width:11px;height:11px;position:absolute;top:10px;left:10px}[data-theme=dark] .themed-icon .ti-cross,.dark .themed-icon .ti-cross{--ti-accent:#9aa4ff}.themed-icon .ti-reg{z-index:1;background:var(--ti-reg);width:5px;height:5px;position:absolute;top:10px;right:10px}.themed-icon[data-size=card]{aspect-ratio:16/10;width:100%}.themed-icon[data-size=square]{aspect-ratio:1;width:100%}.themed-icon[data-size=chip]{border-radius:14px;width:56px;height:56px}.themed-icon .ti-mark{aspect-ratio:1;place-items:center;display:grid}.themed-icon .ti-mark>svg{width:100%;height:100%}.themed-icon[data-size=chip] .ti-glyph{width:48%;filter:drop-shadow(0 5px 10px var(--ti-shadow))}.themed-icon[data-size=chip]:before{background-size:14px 14px}.themed-icon[data-size=chip] .ti-cross{width:7px;height:7px;top:6px;left:6px}.themed-icon[data-size=chip] .ti-reg{width:4px;height:4px;top:6px;right:6px}.themed-icon[data-size=row]{border-radius:10px;width:44px;height:44px}.themed-icon[data-size=row] .ti-glyph{width:50%;filter:drop-shadow(0 4px 8px var(--ti-shadow))}.themed-icon[data-size=row]:before{background-size:11px 11px}.themed-icon[data-size=row] .ti-cross{display:none}.themed-icon[data-size=row] .ti-reg{width:3px;height:3px;top:5px;right:5px}.themed-icon[data-size=row] .ti-image{padding:4px}@media (hover:hover) and (pointer:fine){:is(a,button):hover .themed-icon:after{transform:translateY(-6px)}:is(a,button):hover .themed-icon .ti-glyph{transform:translateY(-3px)scale(1.05)}:is(a,button):hover .themed-icon .ti-image{transform:translateY(-3px)scale(1.04)}}@media (prefers-reduced-motion:reduce){.themed-icon:after,.themed-icon .ti-glyph,.themed-icon .ti-image{transition:none}}html:not([data-hp4-classic]) .themed-icon{--ti-accent:#2f43ff;--ti-glyph:#2f43ff;--ti-bg-1:#f8f8ff;--ti-bg-2:#eeeffd;--ti-glow:#2f43ff0d;--ti-grid:#2f43ff0f;--ti-dot:#8086e26b;--ti-shadow:#2f43ff1a}html:not([data-hp4-classic]) :is([data-theme=dark],.dark) .themed-icon,html:not([data-hp4-classic])[data-theme=dark] .themed-icon{--ti-accent:#86878dcc;--ti-glyph:#9aa4ff;--ti-bg-1:#1b1c20;--ti-bg-2:#141518;--ti-glow:#eeeef008;--ti-grid:#eeeef00a;--ti-dot:#eeeef024;--ti-shadow:#00000059}html:not([data-hp4-classic]) :is([data-theme=dark],.dark) .themed-icon .ti-cross,html:not([data-hp4-classic])[data-theme=dark] .themed-icon .ti-cross{--ti-accent:#86878dcc}html:not([data-hp4-classic]) .themed-icon .ti-image[src*=-light]{mix-blend-mode:darken}html:not([data-hp4-classic]) :is([data-theme=dark],.dark) .themed-icon .ti-image[src*=-dark],html:not([data-hp4-classic])[data-theme=dark] .themed-icon .ti-image[src*=-dark]{mix-blend-mode:lighten}html:not([data-hp4-classic]) :is([data-theme=dark],.dark) .themed-icon .ti-image[src*=-light],html:not([data-hp4-classic])[data-theme=dark] .themed-icon .ti-image[src*=-light]{mix-blend-mode:normal}