.d4pp-page{--d4pp-native-wait: 0px}.d4pt,.d4pt-clock{--d4pt-depth: 0;--heat: oklch(0.76 0.13 calc(62 - var(--d4pt-depth) * 92))}.d4pt-tier{--heat: oklch(0.76 0.13 calc(62 - var(--depth) * 92))}.d4pt{display:grid;gap:8px;container-type:inline-size}.d4pt>.d4lp-label+*{margin-block-end:8px}.d4pt-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}@container (max-width: 419px){.d4pt-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}}.d4pt-tier,.d4pt-hour{margin:0;border:0;border-radius:var(--d4lp-r-control);background:var(--d4lp-control);color:var(--d4lp-copy);font:inherit;text-align:start;cursor:pointer;transition:background-color .18s var(--d4lp-ease),box-shadow .18s var(--d4lp-ease)}.d4pt-tier{display:grid;grid-template-columns:44px auto minmax(0,1fr);grid-template-areas:"icon number note" "icon glyph glyph";align-items:center;column-gap:8px;row-gap:2px;min-block-size:76px;padding-block:10px;padding-inline:8px 12px}.d4pt-tier .d4pt-obelisk{grid-area:icon}@container (max-width: 419px){.d4pt-tier{grid-template-columns:44px minmax(0,1fr);grid-template-areas:"icon number" "icon glyph";align-content:center}.d4pt-tier--note{grid-template-areas:"icon number" "icon note" "icon glyph"}}.d4pt-tier__number{grid-area:number;color:var(--d4lp-ink);font-size:18px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums;transition:color .18s var(--d4lp-ease)}.d4pt-tier__note{grid-area:note;align-self:center;justify-self:start;padding-inline:6px;border-radius:var(--d4lp-r-control);background:color-mix(in oklch,var(--heat) 14%,transparent);color:var(--heat);font-size:12px;font-weight:600;line-height:20px;white-space:nowrap}.d4pt-tier__glyph{grid-area:glyph;color:var(--d4lp-muted);font-size:12px;line-height:1.35}.d4pt-tier[aria-checked=true]{background:linear-gradient(135deg,color-mix(in oklch,var(--heat) 16%,var(--d4lp-active)),var(--d4lp-active) 70%);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--heat) 60%,transparent)}.d4pt-tier[aria-checked=true] .d4pt-tier__number{color:var(--heat)}.d4pt-tier[aria-checked=true] .d4pt-tier__glyph{color:var(--d4lp-copy)}.d4pt-obelisk{position:relative;display:block;inline-size:44px;block-size:44px}.d4pt-obelisk::before{content:"";position:absolute;inset:9px;rotate:45deg;border-radius:var(--d4lp-r-control);background:linear-gradient(135deg,color-mix(in oklch,var(--heat) 70%,oklch(0.3 0.1 25)),oklch(0.22 0.07 25));box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--heat) 75%,white 10%),0 2px 4px oklch(0 0 none / 0.5);opacity:0;scale:.6}.d4pt-obelisk i{position:absolute;inset:0 3px 2px;background:var(--d4pt-pit-obelisk-off) center / contain no-repeat;filter:drop-shadow(0 2px 2px oklch(0 0 none / 0.55))}.d4pt-obelisk i+i{background-image:var(--d4pt-pit-obelisk-on);opacity:0}.d4pt-tier[aria-checked=true] .d4pt-obelisk::before{opacity:1;scale:1}.d4pt-tier[aria-checked=true] .d4pt-obelisk i+i{opacity:1}@media(prefers-reduced-motion:no-preference){.d4pt-obelisk::before{transition:opacity .2s var(--d4lp-ease),scale .28s cubic-bezier(.16,1,.3,1)}.d4pt-obelisk i+i{transition:opacity .2s var(--d4lp-ease)}}@media(hover:hover)and (pointer:fine){.d4pt-tier:hover:not([aria-checked=true]) .d4pt-obelisk i:first-child{filter:brightness(1.3) drop-shadow(0 2px 2px oklch(0 0 none / 0.55))}}.d4pt-hours{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}@container (max-width: 479px){.d4pt-hours{grid-template-columns:repeat(3,minmax(0,1fr))}}.d4pt-hour{display:grid;justify-items:center;align-content:center;gap:1px;min-block-size:76px;padding:10px 6px;text-align:center}.d4pt-hour__dial{inline-size:40px;block-size:40px;margin-block-end:4px;overflow:visible}.d4pt-hour__dial path{fill:none;stroke:oklch(1 0 none / 0.08);stroke-width:11;transition:stroke .2s var(--d4lp-ease)}.d4pt-hour__dial path[data-lit]{stroke:var(--d4lp-ink)}.d4pt-hour[aria-checked=true] .d4pt-hour__dial path[data-lit]{stroke:var(--heat)}.d4pt-hour__count{color:var(--d4lp-copy);font-size:13px;line-height:1.3}.d4pt-hour__count b{color:var(--d4lp-ink);font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.d4pt-hour__price{color:var(--d4lp-ink);font-size:14px;font-weight:600;line-height:1.35;font-variant-numeric:tabular-nums}.d4pt-hour__rate{color:var(--d4lp-muted);font-size:12px;line-height:1.35;font-variant-numeric:tabular-nums}.d4pt-hour__price:empty,.d4pt-hour__rate:empty{display:none}.d4pt-hour[aria-checked=true]{background:var(--d4lp-active);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--heat) 60%,transparent)}.d4pt-hour[aria-checked=true] .d4pt-hour__count b{color:var(--heat)}.d4pt-hour[aria-checked=true] .d4pt-hour__rate{color:var(--d4lp-copy)}@media(hover:hover)and (pointer:fine){.d4pt-tier:hover:not([aria-checked=true]),.d4pt-hour:hover:not([aria-checked=true]){background:color-mix(in oklch,var(--d4lp-active) 55%,var(--d4lp-control))}}.d4pt-tier:focus-visible,.d4pt-hour:focus-visible{outline:2px solid var(--d4lp-focus);outline-offset:2px}.d4pt-tier:active:not([aria-checked=true]),.d4pt-hour:active:not([aria-checked=true]){background:var(--d4lp-active)}.d4pt-clock{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;column-gap:16px;margin-block:4px 12px}.d4pt-dial{position:relative;inline-size:96px;aspect-ratio:1}.d4pt-dial svg{position:absolute;inset:0;inline-size:100%;block-size:100%;overflow:visible}.d4pt-dial path{fill:none;stroke:oklch(1 0 none / 0.1);stroke-width:7;transition:stroke .3s var(--d4lp-ease)}.d4pt-dial path[data-lit]{stroke:var(--heat)}@media(prefers-reduced-motion:no-preference){.d4pt-dial path{transition:stroke .26s var(--d4lp-ease) var(--d, 0ms)}}.d4pt-dial__sigil{position:absolute;inset:18px;border-radius:50%;background:var(--d4pt-pit-sigil) center / 108% no-repeat,radial-gradient(closest-side,color-mix(in oklch,var(--heat) 22%,transparent),transparent);filter:drop-shadow(0 2px 3px oklch(0 0 none / 0.5));transition:background-color .3s var(--d4lp-ease)}.d4pt-clock__text{display:grid;gap:2px;min-inline-size:0}.d4pt-clock__text p{margin:0}.d4pt-clock__hours{color:var(--d4lp-ink);font-size:18px;font-weight:700;line-height:1.3}.d4pt-clock__rate{color:var(--heat);font-size:14px;font-weight:600;line-height:1.35;font-variant-numeric:tabular-nums;transition:color .3s var(--d4lp-ease)}.d4pt-clock__glyph{color:var(--d4lp-muted);font-size:13px;line-height:1.4}.d4pt-clock p:empty{display:none}