.ph{--ph-bg:#fbe4e0;--ph-ink:#8a2a1a;background:var(--ph-bg);width:100%;height:100%;color:var(--ph-ink);place-items:center;display:grid;position:relative;overflow:hidden}.ph[data-tone=saffron]{--ph-bg:#fbe9c6;--ph-ink:#7a4a05}.ph[data-tone=lilac]{--ph-bg:#ebe3f6;--ph-ink:#523478}.ph[data-tone=rose]{--ph-bg:#fbe4e0;--ph-ink:#8a2a1a}.ph[data-tone=slate]{--ph-bg:#dfe7f1;--ph-ink:#24466e}.ph[data-tone=olive]{--ph-bg:#e9ecd2;--ph-ink:#4c5314}.ph[data-tone=plum]{--ph-bg:#f3dfea;--ph-ink:#74244f}.ph[data-tone=lagoon]{--ph-bg:#d7eeec;--ph-ink:#0f5a54}.ph[data-tone=peach]{--ph-bg:#fde3d2;--ph-ink:#84390f}.ph[data-tone=sage]{--ph-bg:#e2ece1;--ph-ink:#2f5631}.ph[data-tone=indigo]{--ph-bg:#e2e3f7;--ph-ink:#33358a}.ph[data-tone=sand]{--ph-bg:#efe7da;--ph-ink:#5f4826}.ph[data-tone=stone]{--ph-bg:#e7e6e3;--ph-ink:#45423c}.ph-rings{aspect-ratio:1;fill:none;stroke:currentColor;stroke-width:1.2px;opacity:.22;width:150%;height:auto;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.ph-initial{font-family:var(--font-display,inherit);line-height:1;position:relative}.ph-label{text-align:center;font-weight:700;position:absolute;left:0;right:0}.ph-hero .ph-initial{font-size:96px;transform:translateY(-8px)}.ph-hero .ph-label{font-size:13px;bottom:44px}.ph-thumb .ph-rings{width:220%}.ph-thumb .ph-initial{font-size:38px;transform:translateY(-6px)}.ph-thumb .ph-label{font-size:10.5px;bottom:8px}