.d4hd{display:grid;gap:14px;margin-block:0 14px;container-type:inline-size}.d4hd-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}@container (max-width: 520px){.d4hd-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}.d4hd-tile{display:grid;grid-template-rows:auto auto 1fr auto;grid-template-areas:"glass" "hours" "price" "rate";justify-items:start;row-gap:2px;min-inline-size:0;margin:0;padding:10px;border:1px solid transparent;border-radius:var(--d4lp-r-control);color:var(--d4lp-copy);font:inherit;text-align:start;cursor:pointer;background:radial-gradient(64px 52px at 22px 24px,color-mix(in oklch,var(--d4lp-tint) 9%,transparent),transparent),var(--d4lp-control)}.d4hd-tile[aria-checked=true]{border-color:color-mix(in oklch,var(--d4lp-tint) 70%,transparent);background:radial-gradient(84px 64px at 22px 24px,color-mix(in oklch,var(--d4lp-tint) 22%,transparent),transparent),color-mix(in oklab,var(--d4lp-tint) 10%,var(--d4lp-control));box-shadow:inset 0 0 18px color-mix(in oklch,var(--d4lp-tint) 12%,transparent),0 0 14px -6px color-mix(in oklch,var(--d4lp-tint) 70%,transparent)}@media(hover:hover)and (pointer:fine){.d4hd-tile[aria-checked=false]:hover{border-color:color-mix(in oklch,var(--d4lp-tint) 30%,transparent)}.d4hd-tile[aria-checked=false]:hover .d4hd-glass{color:color-mix(in oklch,var(--d4lp-tint) 60%,var(--d4lp-muted))}}.d4hd-tile:active:not([aria-checked=true]){background-color:color-mix(in oklab,var(--d4lp-active) 60%,var(--d4lp-control))}.d4hd-tile:active,.d4hd-count__step:active:not(:disabled){scale:.97}@media(prefers-reduced-motion:no-preference){.d4hd-tile,.d4hd-count__step{transition:scale 160ms var(--d4lp-ease)}}.d4hd-tile:focus-visible{outline:2px solid var(--d4lp-focus);outline-offset:2px}.d4hd-tile{position:relative}.d4hd-tile .d4hd-glass{grid-area:glass;margin-block-end:6px}.d4hd-off{padding-block:2px;padding-inline:6px;border-radius:var(--d4lp-r-control);color:var(--d4lp-tint);font-size:12px;font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap;background:color-mix(in oklch,var(--d4lp-tint) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--d4lp-tint) 35%,transparent)}.d4hd-off:empty{display:none}.d4hd-tile .d4hd-off{position:absolute;inset-block-start:8px;inset-inline-end:8px}.d4hd-tile[aria-checked=true] .d4hd-off{color:oklch(0.18 0.03 60);background:var(--d4lp-tint);box-shadow:0 0 10px -2px color-mix(in oklch,var(--d4lp-tint) 70%,transparent)}@media(prefers-reduced-motion:no-preference){.d4hd-off[data-lit]{animation:d4hd-off .5s var(--d4lp-ease)}@keyframes d4hd-off{from{scale:.6;opacity:0}50%{scale:1.15;box-shadow:0 0 14px 2px color-mix(in oklch,var(--d4lp-tint) 80%,transparent)}}}.d4hd-hours{grid-area:hours;display:flex;align-items:baseline;min-inline-size:0;color:var(--d4lp-ink);line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}.d4hd-hours b{font-size:18px;font-weight:700}.d4hd-hours .d4hd-custom{font-size:16px}.d4hd-unit{margin-inline-start:2px;color:var(--d4lp-copy);font-size:13px;font-weight:600}.d4hd-tile[aria-checked=true] .d4hd-unit{color:var(--d4lp-ink)}.d4hd-price{grid-area:price;min-block-size:18px;margin-block-start:6px;color:var(--d4lp-ink);font-size:14px;font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums}.d4hd-rate{grid-area:rate;min-block-size:16px;color:var(--d4lp-copy);font-size:12px;line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap}.d4hd-glass{inline-size:26px;block-size:33px;overflow:visible;color:color-mix(in oklch,var(--d4lp-ink) 42%,transparent)}.d4hd-bulbs{fill:color-mix(in oklch,currentColor 14%,transparent);stroke:currentColor;stroke-width:1.3;stroke-linejoin:round}.d4hd-frame{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.d4hd-sand{fill:color-mix(in oklch,var(--d4lp-tint) 55%,transparent);transform-box:fill-box;transform-origin:50% 100%}.d4hd-sand--top{transform:scaleY(var(--sand, 0))}.d4hd-sand--bottom{transform:scaleY(0)}.d4hd-stream{fill:var(--d4lp-tint);opacity:0}.d4hd-tile[aria-checked=true] .d4hd-glass{color:color-mix(in oklch,var(--d4lp-tint) 80%,var(--d4lp-ink));filter:drop-shadow(0 0 6px color-mix(in oklch,var(--d4lp-tint) 45%,transparent))}.d4hd-tile[aria-checked=true] .d4hd-sand,.d4hd-read .d4hd-sand{fill:var(--d4lp-tint)}.d4hd-tile[aria-checked=true] .d4hd-sand--bottom,.d4hd-read .d4hd-sand--bottom{transform:scaleY(.22)}.d4hd-tile[data-d4hd=hourly-package-custom]:not([aria-checked=true]) .d4hd-bulbs{stroke-dasharray:2.4 2}@media(prefers-reduced-motion:no-preference){.d4hd-tile[data-lit] .d4hd-stream{animation:d4hd-stream 1.1s var(--d4lp-ease)}.d4hd-tile[data-lit] .d4hd-sand--bottom{animation:d4hd-pile 1.1s var(--d4lp-ease)}.d4hd-tile[data-lit] .d4hd-sand--top{animation:d4hd-top 1.1s var(--d4lp-ease)}.d4hd-tile[data-lit] .d4hd-glass{animation:d4hd-turn .45s var(--d4lp-ease)}@keyframes d4hd-stream{0%{opacity:0}12%,70%{opacity:1}100%{opacity:0}}@keyframes d4hd-pile{from{transform:scaleY(0)}}@keyframes d4hd-top{from{transform:scaleY(calc(var(--sand, 0) + .14))}}@keyframes d4hd-turn{from{rotate:-180deg;scale:.85}}}.d4hd-ladder{display:grid;gap:6px}.d4hd-steps{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:end;gap:4px;margin:0;padding:0;list-style:none}.d4hd-step{display:grid;gap:4px;min-inline-size:0}.d4hd-step__rate{display:flex;flex-wrap:wrap;column-gap:4px;color:var(--d4lp-copy);font-size:12px;font-weight:600;line-height:1.25;font-variant-numeric:tabular-nums}.d4hd-step__rate>span{white-space:nowrap}.d4hd-step__bar{block-size:calc(8px + var(--h, 1) * 24px);border-radius:var(--d4lp-r-control) var(--d4lp-r-control) 0 0;background:color-mix(in oklch,var(--d4lp-ink) 9%,transparent)}.d4hd-stairs{position:relative;anchor-scope:--d4hd-peak}.d4hd-step__bar{position:relative}.d4hd-step__peak{position:absolute;inset-block-start:0;inset-inline-start:50%;inline-size:0;block-size:0}.d4hd-step--ramp .d4hd-step__peak{inset-block-start:calc((var(--h0, 1) - var(--h, 0)) * 12px)}.d4hd-step[data-on] .d4hd-step__peak{anchor-name:--d4hd-peak}.d4hd-grain{display:none}@supports (anchor-name: --d4hd-peak){.d4hd-stairs:has(.d4hd-step[data-on]) .d4hd-grain{display:block;position:absolute;position-anchor:--d4hd-peak;inset-inline-start:anchor(center);inset-block-start:anchor(top);inline-size:8px;block-size:8px;translate:-50% -50%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 35% 35%,oklch(0.98 0.05 90),var(--d4lp-tint) 70%);box-shadow:0 0 8px 2px color-mix(in oklch,var(--d4lp-tint) 75%,transparent),0 1px 2px oklch(0 0 none / 0.6)}@media(prefers-reduced-motion:no-preference){.d4hd-grain{transition:inset-inline-start .25s var(--d4lp-ease),inset-block-start .25s var(--d4lp-ease)}}}.d4hd-step__band{color:var(--d4lp-muted);font-size:12px;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap}.d4hd-step--ramp .d4hd-step__bar{--top: calc(8px + var(--h0, 1) * 24px);block-size:var(--top);clip-path:polygon(0 0,100% calc(var(--top) - 8px - var(--h, 0) * 24px),100% 100%,0 100%);border-radius:2px}.d4hd-step[data-on] .d4hd-step__rate{color:var(--d4lp-ink)}.d4hd-step__off{color:var(--d4lp-tint)}.d4hd-step[data-on] .d4hd-step__band{color:var(--d4lp-copy)}.d4hd-step[data-on] .d4hd-step__bar{background:linear-gradient(to bottom,color-mix(in oklch,var(--d4lp-tint) 100%,oklch(1 0 none) 18%),var(--d4lp-tint));box-shadow:0 0 12px -3px color-mix(in oklch,var(--d4lp-tint) 70%,transparent)}@media(prefers-reduced-motion:no-preference){.d4hd-step__bar{transition:background-color .25s var(--d4lp-ease)}.d4hd-step[data-lit] .d4hd-step__bar{animation:d4hd-rise .5s var(--d4lp-ease);transform-origin:50% 100%}@keyframes d4hd-rise{from{scale:1 .6}}}.d4pp-page{--d4hd-bronze: oklch(0.76 0.09 72);--d4hd-groove: oklch(0.13 0.012 60)}.d4pp-on .custom-option[data-d4pp-native=hourly-custom-hours]{display:block!important}.d4pp-on .custom-option.d4hd-slider{display:flex!important;flex-wrap:wrap;align-items:center;gap:6px 12px}.d4hd-slider>.custom-option__title{flex:999 1 0;min-inline-size:50%;margin:0}.d4hd-slider>.d4hd-count{flex:1 1 14rem}.d4hd-slider>.range-slider{flex:1 1 100%}.d4pp-page .d4hd-slider .range-slider__inputs{display:none}.d4hd-count{display:flex;align-items:center;gap:6px}.d4hd-off--count{margin-inline-end:4px;font-size:13px}.d4hd-count__step{display:grid;place-items:center;inline-size:40px;block-size:40px;margin:0;padding:0;cursor:pointer;border:1px solid color-mix(in oklch,var(--d4hd-bronze) 40%,transparent);border-radius:var(--d4lp-r-control);color:var(--d4lp-ink);background:linear-gradient(to bottom,color-mix(in oklch,var(--d4hd-bronze) 10%,var(--d4lp-control)),var(--d4lp-control))}.d4hd-count__step svg{inline-size:16px;block-size:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}@media(pointer:coarse){.d4hd-count__step{inline-size:44px;block-size:44px}}@media(hover:hover)and (pointer:fine){.d4hd-count__step:not(:disabled):hover{border-color:color-mix(in oklch,var(--d4hd-bronze) 75%,transparent);color:var(--d4hd-bronze)}}.d4hd-count__step:disabled{cursor:default;opacity:.35}.d4hd-count__step:focus-visible{outline:2px solid var(--d4lp-focus);outline-offset:2px}.d4hd-count__field{display:flex;flex:1;flex-wrap:wrap;align-content:center;align-items:baseline;justify-content:center;gap:3px;min-inline-size:76px;block-size:40px;margin:0;padding-inline:10px;box-sizing:border-box;cursor:text;border:1px solid color-mix(in oklch,var(--d4hd-bronze) 30%,transparent);border-radius:var(--d4lp-r-control);background:var(--d4hd-groove);box-shadow:inset 0 2px 4px oklch(0 0 none / 0.6)}@media(pointer:coarse){.d4hd-count__field{block-size:44px}}@media(prefers-reduced-motion:no-preference){.d4hd-count__field[data-roll] .d4hd-count__input{animation:d4hd-roll .2s cubic-bezier(0.16,1,0.3,1)}.d4hd-count__field[data-roll][data-dir=down] .d4hd-count__input{animation-name:d4hd-roll-down}@keyframes d4hd-roll{from{translate:0 6px;opacity:.3}}@keyframes d4hd-roll-down{from{translate:0 -6px;opacity:.3}}}.d4hd-count__field:focus-within{outline:2px solid var(--d4lp-focus);outline-offset:1px}.d4hd-count__input{inline-size:2.4ch;margin:0;padding:0;border:0;outline:2px solid transparent;background:none;color:var(--d4lp-ink);font:inherit;font-size:18px;font-weight:700;text-align:end;font-variant-numeric:tabular-nums;caret-color:var(--d4lp-tint)}.d4hd-count__input::selection{background:color-mix(in oklch,var(--d4lp-tint) 45%,transparent)}.d4hd-count__unit{color:var(--d4lp-copy);font-size:13px;font-weight:600}.d4pp-page .d4hd-slider .range-slider__body{margin-block-end:22px}.d4pp-page .d4hd-slider .vue-slider{block-size:14px!important;padding-block:14px!important;padding-inline:4px!important}@media(pointer:coarse){.d4pp-page .d4hd-slider .vue-slider{padding-block:17px!important}}.d4pp-page .d4hd-slider .vue-slider-rail{border-radius:var(--d4lp-r-control);background:linear-gradient(to bottom,oklch(0.09 0.01 60),var(--d4hd-groove));box-shadow:inset 0 2px 3px oklch(0 0 none / 0.75),0 0 0 1px color-mix(in oklch,var(--d4hd-bronze) 55%,transparent),0 0 0 3px oklch(0.1 0.01 60),0 0 0 4px color-mix(in oklch,var(--d4hd-bronze) 22%,transparent),0 6px 12px -6px oklch(0 0 none / 0.8)}.d4pp-page .d4hd-slider .vue-slider-rail::before{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(100% / 47 - 1px),oklch(0 0 none / 0.55) calc(100% / 47 - 1px) calc(100% / 47))}.d4pp-page .d4hd-slider .vue-slider-rail::after{content:"";position:absolute;inset-block:0;inset-inline:48.94% 0;border-radius:0 var(--d4lp-r-control) var(--d4lp-r-control) 0;pointer-events:none;background:linear-gradient(to bottom,color-mix(in oklch,var(--d4lp-tint) 16%,transparent),color-mix(in oklch,var(--d4lp-tint) 6%,transparent))}.d4pp-page .d4hd-slider .vue-slider-process{z-index:1;border-radius:var(--d4lp-r-control) 0 0 var(--d4lp-r-control);background:linear-gradient(to bottom,oklch(0.9 0.12 80),var(--d4lp-tint) 45%,oklch(0.5 0.12 50))!important;box-shadow:0 0 12px -2px color-mix(in oklch,var(--d4lp-tint) 70%,transparent)}.d4pp-page .d4hd-slider .vue-slider-process::after{content:"";position:absolute;inset-block:-3px;inset-inline-end:-2px;inline-size:4px;border-radius:2px;background:oklch(0.97 0.06 85);box-shadow:0 0 10px 2px color-mix(in oklch,var(--d4lp-tint) 85%,transparent)}.d4pp-page .d4hd-slider .vue-slider-marks{z-index:3}.d4pp-page .d4hd-slider .vue-slider-mark-step{display:none}.d4pp-page .d4hd-slider .vue-slider-mark:is(:nth-child(2),:nth-child(3),:nth-child(4)) .vue-slider-mark-step{display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:8px;block-size:8px;border:1px solid color-mix(in oklch,var(--d4hd-bronze) 70%,transparent);border-radius:1px;background:oklch(0.16 0.015 60);translate:-50% -50%;rotate:45deg;box-shadow:0 0 0 2px oklch(0.1 0.01 60)}.d4pp-page .d4hd-slider .vue-slider-mark:is(:nth-child(2),:nth-child(3),:nth-child(4)) .vue-slider-mark-step-active{border-color:oklch(0.95 0.06 85);background:oklch(0.85 0.13 80);box-shadow:0 0 0 2px oklch(0.1 0.01 60),0 0 8px oklch(0.8 0.14 75 / 0.8)}.d4pp-page .d4hd-slider .vue-slider-mark-label{margin-block-start:16px;color:var(--d4lp-muted);font-size:12px;font-variant-numeric:tabular-nums}.d4pp-page .d4hd-slider .vue-slider-mark-label-active{color:var(--d4lp-copy)}.d4pp-page .d4hd-slider .vue-slider-dot{z-index:4}.d4pp-page .d4hd-slider .vue-slider-dot-handle{position:absolute;inset:-11px -7px;inline-size:auto;block-size:auto;border:0;border-radius:0;box-shadow:none;cursor:grab;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 32'><path d='M5 4h14c0 5.5-4.6 7.8-5.7 12 1.1 4.2 5.7 6.5 5.7 12H5c0-5.5 4.6-7.8 5.7-12C9.6 11.8 5 9.5 5 4z' fill='%23140e08' fill-opacity='.72' stroke='%23140e08' stroke-width='3.4' stroke-linejoin='round'/><path d='M7.6 7.2h8.8c-.7 2.6-2.7 4-4.4 5.6-1.7-1.6-3.7-3-4.4-5.6z' fill='%23f2a33a'/><path d='M6.8 28h10.4c-.6-2.8-3.1-4.3-5.2-4.8-2.1.5-4.6 2-5.2 4.8z' fill='%23f2a33a'/><path d='M11.6 13.5h.8v10h-.8z' fill='%23ffd27a'/><path d='M5 4h14c0 5.5-4.6 7.8-5.7 12 1.1 4.2 5.7 6.5 5.7 12H5c0-5.5 4.6-7.8 5.7-12C9.6 11.8 5 9.5 5 4z' fill='none' stroke='%23e3b06a' stroke-width='1.4' stroke-linejoin='round'/><path d='M3 2.6h18M3 29.4h18' stroke='%23140e08' stroke-width='4.4' stroke-linecap='round'/><path d='M3 2.6h18M3 29.4h18' stroke='%23e3b06a' stroke-width='2.2' stroke-linecap='round'/></svg>") center / contain no-repeat;filter:drop-shadow(0 2px 3px oklch(0 0 none / 0.7)) drop-shadow(0 0 6px color-mix(in oklch,var(--d4lp-tint) 45%,transparent))}.d4pp-page .d4hd-slider .vue-slider-dot-dragging .vue-slider-dot-handle{cursor:grabbing;filter:brightness(1.15) drop-shadow(0 2px 3px oklch(0 0 none / 0.7)) drop-shadow(0 0 12px color-mix(in oklch,var(--d4lp-tint) 85%,transparent))}.d4pp-page .d4hd-slider .vue-slider-dot-handle::after,.d4pp-page .d4hd-slider .vue-slider-dot-tooltip{display:none}.d4pp-page .d4hd-slider .vue-slider-dot:focus-visible{outline:2px solid var(--d4lp-focus);outline-offset:12px;border-radius:var(--d4lp-r-control)}@media(hover:hover)and (pointer:fine){.d4pp-page .d4hd-slider .vue-slider-dot:hover .vue-slider-dot-handle{filter:brightness(1.12) drop-shadow(0 2px 3px oklch(0 0 none / 0.7)) drop-shadow(0 0 9px color-mix(in oklch,var(--d4lp-tint) 65%,transparent))}}@media(prefers-reduced-motion:no-preference){.d4pp-page .d4hd-slider .vue-slider-dot-handle{transition:rotate .2s var(--d4lp-ease),scale .2s var(--d4lp-ease),filter .2s var(--d4lp-ease)}.d4pp-page .d4hd-slider .vue-slider-dot-dragging .vue-slider-dot-handle{rotate:14deg;scale:1.12}}.d4hd-read{display:flex;align-items:center;gap:12px;margin-block:10px 2px}.d4hd-read[hidden]{display:none}.d4hd-glass--big{flex:none;inline-size:30px;block-size:39px;color:color-mix(in oklch,var(--d4lp-tint) 80%,var(--d4lp-ink));filter:drop-shadow(0 0 6px color-mix(in oklch,var(--d4lp-tint) 35%,transparent))}.d4hd-read__body{display:grid;flex:1;gap:6px;min-inline-size:0}.d4hd-read__rate{margin:0;color:var(--d4lp-copy);font-size:13px;line-height:1.3;font-variant-numeric:tabular-nums}.d4hd-read__rate strong{color:var(--d4lp-ink);font-weight:600}.d4hd-read__rate s{color:var(--d4lp-muted);text-decoration-color:color-mix(in oklch,var(--d4lp-muted) 70%,transparent)}.d4pp-receipt .d4hd-save-line :is(dt,dd){color:var(--d4lp-tint);font-weight:700}.d4hd-pips{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:3px 2px;margin:0;padding:0;list-style:none}.d4hd-pips li{block-size:7px;border-radius:2px;background:color-mix(in oklch,var(--d4lp-ink) 9%,transparent)}.d4hd-pips li:nth-child(6n){block-size:10px;align-self:end}.d4hd-pips li.is-on{background:var(--d4lp-tint)}@media(prefers-reduced-motion:no-preference){.d4hd-pips li[data-lit]{animation:d4hd-pip .35s var(--d4lp-ease) both;animation-delay:calc(var(--i, 0) * 22ms);transform-origin:50% 100%}@keyframes d4hd-pip{from{scale:1 0;background:color-mix(in oklch,var(--d4lp-tint) 100%,oklch(1 0 none) 50%)}}}