@layer components{.icon__container{position:relative}.icon__icon{background-color:var(--color-white,#fff);position:relative;overflow:hidden}.icon__sm{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6);border-radius:var(--radius-sm,.25rem)}.icon__md{border-radius:.275rem;width:2.1rem;height:2.1rem}.icon__lg{height:calc(var(--spacing,.25rem)*12);width:calc(var(--spacing,.25rem)*12);border-radius:var(--radius-md,.375rem)}.icon__tooltip{z-index:3;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}.icon__tooltip--text{border-radius:var(--radius-sm,.25rem);background-color:var(--color-white,#fff);width:-moz-fit-content;width:fit-content;padding-inline:calc(var(--spacing,.25rem)*1);padding-block:calc(var(--spacing,.25rem)*.25);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));white-space:nowrap;color:var(--color-black,#000)}}
@layer components{.shape{width:100%;height:100%}.shape--sm{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4)}.shape--md{height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*8)}.shape--lg{height:calc(var(--spacing,.25rem)*16);width:calc(var(--spacing,.25rem)*16)}}