.fpp-root{position:relative;display:flex;justify-content:center}.fpp-scrim{position:fixed;inset:0;z-index:190;width:100%;height:100%;padding:0;border:0;background:rgba(31,37,35,.14);cursor:default;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.fpp-scrim[data-tone=rings]{background:rgba(24,27,25,.34);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.fpp-popover{position:fixed;z-index:191;width:min(320px,calc(100vw - 48px));padding:12px;transform:translateX(-50%);border:1px solid var(--stone-200);border-radius:var(--r-lg);background:rgba(255,255,255,.98);box-shadow:0 14px 36px rgba(28,25,23,.16);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--stone-700)}.fpp-popover>header{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;min-height:36px;margin-bottom:8px}.fpp-popover>header b{display:grid;place-items:center;min-width:92px;min-height:32px;text-align:center;font:700 14px/1 var(--font-mono)}.fpp-popover>header button{display:grid;place-items:center;width:32px;height:32px;margin:auto;padding:0;border:0;border-radius:var(--r-sm);background:transparent;color:var(--stone-500);cursor:pointer}.fpp-popover>header button:hover{background:var(--stone-100)}.fpp-popover>header button:disabled{color:var(--stone-300);cursor:default}.fpp-nav-icon{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.fpp-period{display:flex;align-items:center;justify-content:center;min-width:0}.fpp-period b:only-child{min-width:100%}.fpp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.fpp-grid button{display:grid;place-items:center;height:38px;padding:0;border:1px solid var(--stone-200);border-radius:var(--r-sm);background:#fff;color:var(--stone-600);font:600 12px/1 var(--font-mono);cursor:pointer}.fpp-grid button:hover{border-color:var(--stone-400)}.fpp-grid button[data-on=true]{border-color:var(--ww-teal);background:var(--ww-teal-tint);color:var(--ww-teal)}.fpp-grid button:disabled{border-color:transparent;background:var(--stone-50);color:var(--stone-300);cursor:default}.fpp-grid button:disabled:hover{border-color:transparent}.dial-period-picker{position:static}