.u-key-icon{--__icon-size:1.5rem;--__color:var(--po-icon-600-sub);--__bg:var(--po-body-bg);--__border:var(--__bg);--__size:3rem;align-items:center;aspect-ratio:1;background:var(--__bg);border:var(--po-border-width) solid var(--__border);border-radius:50em;box-shadow:var(--po-box-shadow-xs);color:var(--__color);display:flex;height:var(--__size);justify-content:center;padding:0;width:var(--__size)}.u-key-icon svg{height:var(--__icon-size);width:var(--__icon-size)}.u-key-icon--no-shadow{box-shadow:none}.u-key-icon--24{--__size:1.5rem;--__icon-size:1rem}.u-key-icon--32{--__size:2rem;--__icon-size:1.25rem}.u-key-icon--40{--__size:2.5rem;--__icon-size:1.25rem}.u-key-icon--56{--__size:3.5rem;--__icon-size:1.75rem}.u-key-icon--64{--__size:4rem;--__icon-size:2rem}.u-key-icon--huge{--__icon-size:2.5rem}.u-key-icon--stroke{--__border:var(--po-border-color);background:var(--po-body-bg)}.u-key-icon--fill{--__bg:var(--po-faded-lighter)}.u-key-icon--red{--__bg:var(--po-danger-lighter);--__color:var(--po-danger-base)}.u-key-icon--orange{--__bg:var(--po-warning-lighter);--__color:var(--po-warning-base)}.u-key-icon--green{--__bg:var(--po-success-lighter);--__color:var(--po-success-base)}.u-key-icon--blue{--__bg:var(--po-info-lighter);--__color:var(--po-info-base)}.u-key-icon--purple{--__bg:var(--po-purple-lighter);--__color:var(--po-purple-base)}.u-key-icon--danger{--__bg:var(--po-danger-lighter);--__color:var(--po-danger-base)}.u-key-icon--warning{--__bg:var(--po-warning-lighter);--__color:var(--po-warning-base)}.u-key-icon--success{--__bg:var(--po-success-lighter);--__color:var(--po-success-base)}.u-key-icon--info{--__bg:var(--po-info-lighter);--__color:var(--po-info-base)}