.t3d[hidden]{display: none !important}.h3-defs{position: absolute;width: 0;height: 0;overflow: hidden;pointer-events: none}.t3d.t3d{--t3: var(--app,#5d6d7e);position: relative;display: inline-grid;place-items: center;flex: 0 0 auto;color: #fff;border-radius: 28%;background: radial-gradient(120% 90% at 22% 12%,rgba(255,255,255,.42),rgba(255,255,255,0) 55%),linear-gradient(150deg,color-mix(in srgb,var(--t3) 78%,#fff) 0%,var(--t3) 46%,color-mix(in srgb,var(--t3) 72%,#000) 100%);box-shadow: inset 1.5px 1.5px 0 rgba(255,255,255,.5),inset -1px -2px 0 rgba(0,0,0,.22),0 1px 2px rgba(0,0,0,.18),0 6px 14px -4px color-mix(in srgb,var(--t3) 65%,#000 10%);transform: perspective(240px) rotateX(0) rotateY(0);transition: transform .28s cubic-bezier(.2,.8,.25,1.2),box-shadow .28s;overflow: visible}.t3d:not(.app-ico){width: var(--t3-size,46px);height: var(--t3-size,46px)}.t3d.sm{--t3-size: 32px}.t3d.lg{--t3-size: 58px}.t3d.xl{--t3-size: 84px}.t3d.xs,.app-ico.t3d.xs{--t3-size: 26px;width: 26px;height: 26px}.t3d>.o3d{width: 112%;height: 112%;margin: -2% -6% -10% -6%;filter: drop-shadow(0 1.5px 1.2px rgba(0,0,0,.32));overflow: visible;pointer-events: none}.t3d>.o3d ~ .ico{display: none}:where(:hover,:focus-visible)>.t3d.t3d,.t3d.t3d:hover,.t3d.t3d.play,[data-t3-host]:hover .t3d.t3d,[data-t3-host]:focus-within .t3d.t3d{transform: perspective(240px) rotateX(10deg) rotateY(-10deg) translateY(-2px);box-shadow: inset 1.5px 1.5px 0 rgba(255,255,255,.55),inset -1px -2px 0 rgba(0,0,0,.22),0 2px 3px rgba(0,0,0,.16),0 12px 22px -6px color-mix(in srgb,var(--t3) 70%,#000 15%)}[dir="rtl"] :where(:hover,:focus-visible)>.t3d.t3d,[dir="rtl"] .t3d.t3d:hover,[dir="rtl"] .t3d.t3d.play,[dir="rtl"] [data-t3-host]:hover .t3d.t3d,[dir="rtl"] [data-t3-host]:focus-within .t3d.t3d{transform: perspective(240px) rotateX(10deg) rotateY(10deg) translateY(-2px)}:root[data-theme="dark"] .t3d.t3d,.dark .t3d.t3d{box-shadow: inset 1.5px 1.5px 0 rgba(255,255,255,.45),inset -1px -2px 0 rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.5),0 8px 16px -6px rgba(0,0,0,.7)}:where(:hover,:focus-visible)>.t3d.t3d:is(.xs,.sm),[data-t3-host]:hover .t3d.t3d:is(.xs,.sm),[data-t3-host]:focus-within .t3d.t3d:is(.xs,.sm){transform: perspective(160px) rotateX(8deg) rotateY(-8deg)}[dir="rtl"] :where(:hover,:focus-visible)>.t3d.t3d:is(.xs,.sm),[dir="rtl"] [data-t3-host]:hover .t3d.t3d:is(.xs,.sm),[dir="rtl"] [data-t3-host]:focus-within .t3d.t3d:is(.xs,.sm){transform: perspective(160px) rotateX(8deg) rotateY(8deg)}.o3d :is(.m-lift,.m-grow,.m-step,.m-spin,.m-swing,.m-pop,.m-float,.m-slide,.m-nod){transform-box: fill-box;transition: transform .36s cubic-bezier(.3,.9,.3,1.25)}.o3d .m-lift{transform-origin: 0 100%}.o3d .m-grow{transform-origin: 50% 100%}.o3d :is(.m-spin,.m-pop,.m-nod){transform-origin: 50% 50%}.o3d .m-swing{transform-origin: 50% 0}.o3d .m-d1{transition-delay: .06s}.o3d .m-d2{transition-delay: .12s}:where(:hover,:focus-visible)>.t3d .m-lift,.t3d:hover .m-lift,.t3d.play .m-lift,[data-t3-host]:hover .t3d .m-lift,[data-t3-host]:focus-within .t3d .m-lift{transform: translateY(-3.5px) rotate(-5deg)}:where(:hover,:focus-visible)>.t3d .m-grow,.t3d:hover .m-grow,.t3d.play .m-grow,[data-t3-host]:hover .t3d .m-grow,[data-t3-host]:focus-within .t3d .m-grow{transform: scaleY(1.14)}:where(:hover,:focus-visible)>.t3d .m-step,.t3d:hover .m-step,.t3d.play .m-step,[data-t3-host]:hover .t3d .m-step,[data-t3-host]:focus-within .t3d .m-step{transform: translate(2.5px,-1px)}:where(:hover,:focus-visible)>.t3d .m-spin,.t3d:hover .m-spin,.t3d.play .m-spin,[data-t3-host]:hover .t3d .m-spin,[data-t3-host]:focus-within .t3d .m-spin{transform: rotate(45deg)}:where(:hover,:focus-visible)>.t3d .m-swing,.t3d:hover .m-swing,.t3d.play .m-swing,[data-t3-host]:hover .t3d .m-swing,[data-t3-host]:focus-within .t3d .m-swing{transform: rotate(9deg)}:where(:hover,:focus-visible)>.t3d .m-pop,.t3d:hover .m-pop,.t3d.play .m-pop,[data-t3-host]:hover .t3d .m-pop,[data-t3-host]:focus-within .t3d .m-pop{transform: scale(1.14)}:where(:hover,:focus-visible)>.t3d .m-float,.t3d:hover .m-float,.t3d.play .m-float,[data-t3-host]:hover .t3d .m-float,[data-t3-host]:focus-within .t3d .m-float{transform: translateY(-3px)}:where(:hover,:focus-visible)>.t3d .m-slide,.t3d:hover .m-slide,.t3d.play .m-slide,[data-t3-host]:hover .t3d .m-slide,[data-t3-host]:focus-within .t3d .m-slide{transform: translateY(3px)}:where(:hover,:focus-visible)>.t3d .m-nod,.t3d:hover .m-nod,.t3d.play .m-nod,[data-t3-host]:hover .t3d .m-nod,[data-t3-host]:focus-within .t3d .m-nod{transform: rotate(-8deg)}:where(:hover,:focus-visible)>.t3d .m-bounce,.t3d:hover .m-bounce,.t3d.play .m-bounce,[data-t3-host]:hover .t3d .m-bounce,[data-t3-host]:focus-within .t3d .m-bounce{animation: h3-bounce .55s cubic-bezier(.3,.7,.4,1)}@keyframes h3-bounce{0%,100%{transform: translateY(0)}35%{transform: translateY(-3.5px)}65%{transform: translateY(.6px)}82%{transform: translateY(-1px)}}@media (prefers-reduced-motion: reduce){.t3d.t3d,.o3d :is(.m-lift,.m-grow,.m-bounce,.m-step,.m-spin,.m-swing,.m-pop,.m-float,.m-slide,.m-nod){transition: none !important;animation: none !important;transform: none !important}}