.with-icon.icon-only-auto{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0;min-width:2.7rem!important;width:2.7rem!important;min-height:2.7rem;padding:0!important}.with-icon.icon-only-auto>i{display:inline-flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;border-radius:999px;font-size:1rem;color:#1f4f73;background:#d9ebf8;transition:color 0.12s ease,background-color 0.12s ease,transform 0.12s ease}.with-icon.icon-only-auto>span{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;clip:rect(0 0 0 0);overflow:hidden;white-space:nowrap}.with-icon.icon-only-auto::after{content:attr(data-hover-label);position:absolute;left:50%;bottom:calc(100% + 0.42rem);transform:translateX(-50%) translateY(4px);opacity:0;pointer-events:none;white-space:nowrap;padding:0.22rem 0.5rem;border-radius:0.45rem;border:1px solid #b9d0e2;background:#f8fcff;color:#214e6f;font-size:0.78rem;font-weight:700;line-height:1.2;box-shadow:0 10px 20px rgba(13,55,91,0.16);transition:opacity 0.12s ease,transform 0.12s ease;z-index:20}.with-icon.icon-only-auto:hover::after,.with-icon.icon-only-auto:focus-visible::after{opacity:1;transform:translateX(-50%) translateY(0)}.with-icon.icon-only-auto:hover>i,.with-icon.icon-only-auto:focus-visible>i{color:#ffffff;background:#0f6fb8;transform:scale(1.08)}@media (prefers-reduced-motion:reduce){.with-icon.icon-only-auto>i,.with-icon.icon-only-auto::after{transition:none}}