.icon-frame{position:relative;display:flex;align-items:center;justify-content:center}.icon-frame-sm{width:32px;height:32px;border-radius:.375rem;stroke-width:1;padding:.5rem}.icon-frame-sm>svg{width:16px;height:16px}.icon-frame-md{width:40px;height:40px;border-radius:.5rem;stroke-width:1.25;padding:10px}.icon-frame-md>svg{width:20px;height:20px}.icon-frame-lg{width:48px;height:48px;border-radius:.625rem;stroke-width:1.5;padding:.75rem}.icon-frame-lg>svg{width:24px;height:24px}.icon-frame-xl{width:56px;height:56px;border-radius:.75rem;stroke-width:1.75;padding:14px}.icon-frame-xl>svg{width:28px;height:28px}.icon-frame-2xl{width:64px;height:64px;border-radius:1rem;stroke-width:2;padding:1rem}.icon-frame-2xl>svg{width:32px;height:32px}.icon-frame-default{border-width:1px;border-color:var(--border-secondary);background-color:var(--bg-primary);color:var(--fg-secondary);--tw-shadow:0px 1px 2px 0px rgb(16 24 40/0.05);--tw-shadow-colored:0px 1px 2px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.icon-frame-dark-gray{background-color:var(--bg-secondary-solid);color:var(--fg-white)}.icon-frame-dark-brand{background-color:var(--fg-brand-secondary);color:var(--fg-white)}.icon-frame-dark-danger{background-color:var(--fg-error-secondary);color:var(--fg-white)}.icon-frame-dark-warn{background-color:var(--fg-warning-primary);color:var(--fg-white)}.icon-frame-dark-success{background-color:var(--fg-success-primary);color:var(--fg-white)}.icon-frame-light-gray{background-color:var(--bg-tertiary);color:var(--fg-quaternary)}.icon-frame-light-brand{background-color:var(--bg-brand-primary);color:var(--fg-brand-secondary)}.icon-frame-light-danger{background-color:var(--bg-error-primary);color:var(--fg-error-tertiary)}.icon-frame-light-warn{background-color:var(--bg-warning-primary);color:var(--fg-warning-primary)}.icon-frame-light-success{background-color:var(--bg-success-primary);color:var(--fg-success-primary)}.icon-frame-circular{border-radius:9999px}.icon-frame-outline{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;border-width:0;background-color:transparent;stroke:currentColor;stroke-width:2;padding:0;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.icon-frame-outline:after{height:calc(100% + 8px);width:calc(100% + 8px);opacity:.3}.icon-frame-outline:after,.icon-frame-outline:before{position:absolute;border-radius:9999px;border-width:2px;border-color:currentColor;--tw-content:"";content:var(--tw-content)}.icon-frame-outline:before{height:calc(100% + 18px);width:calc(100% + 18px);opacity:.1}.icon-frame-glass{background-image:linear-gradient(313deg,rgba(255,255,255,0),rgba(255,255,255,.3) 66.37%);color:var(--fg-secondary);--tw-shadow:0px 0px 6px 1px rgba(255,255,255,0.44) inset,0px 12px 11.4px -4px rgba(16,24,40,0.16);--tw-shadow-colored:inset 0px 0px 6px 1px var(--tw-shadow-color),0px 12px 11.4px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.icon-white{color:var(--fg-white)}.icon-gray{color:var(--fg-gray)}.icon-brand{color:var(--fg-brand-secondary)}.icon-danger{color:var(--fg-error-secondary)}.icon-warn{color:var(--fg-warning-primary)}.icon-success{color:var(--fg-success-primary)}