.hp-slot{--hp-scale: .62;--hp-device-w: 426px;--hp-device-h: 898px;--hp-screen-w: 402px;--hp-screen-h: 874px;--hp-rail: 3px;--hp-bezel: 9px;--hp-screen-radius: 48px;--hp-titanium: linear-gradient(100deg, #c9ced5 0%, #7d838c 12%, #eef1f4 27%, #a2a8b1 44%, #f4f6f8 58%, #868c95 74%, #dfe3e8 88%, #9aa0a9 100%);--hp-bezel-colour: #08080c;--hp-lens: radial-gradient(circle at 34% 30%, #2b3a4a 0%, #0d1219 55%, #05070b 100%);--hp-button-radius-left: 2px 0 0 2px;--hp-button-radius-right: 0 2px 2px 0;--hp-island-radius: 24px;--hp-round: 50%;--hp-device-font: -apple-system, BlinkMacSystemFont, var(--kd-font-body);--hp-status-font: -apple-system, "SF Pro", system-ui;--hp-status-size: 17px;--hp-status-gap: 154px;--hp-status-pad: 21px 24px 19px;--hp-time-nudge: 1.5px 0 0;--hp-icons-nudge: 1px 1px 0 0;--hp-icons-gap: 7px;--hp-confetti-radius: 2px;--hp-body-pad: 30px 26px 0;--hp-spark-gap: 6px;--hp-headline-size: 32px;--hp-headline-gap: 24px;--hp-amount-gap: 30px;--hp-from-size: 17px;--hp-from-gap: 9px;--hp-from-colour: rgba(255, 255, 255, .72);--hp-sale-size: 15px;--hp-sale-gap: 26px;--hp-sale-colour: rgba(255, 255, 255, .8);--hp-card-pad: 0 16px 20px;--hp-offer-size: 37.96px;--hp-offer-gap: 8px;--hp-home-pad: 8px;--hp-home-radius: 100px;--hp-home-colour: rgba(255, 255, 255, .7);--hp-home-colour-light: rgba(0, 0, 0, .25);--hp-screen-light: #f2f2f7;position:relative;flex:none;width:calc(var(--hp-device-w) * var(--hp-scale));height:calc(var(--hp-device-h) * var(--hp-scale))}.hp-device{position:absolute;top:0;left:0;box-sizing:border-box;width:var(--hp-device-w);padding:var(--hp-rail);border-radius:calc(var(--hp-screen-radius) + var(--hp-bezel) + var(--hp-rail));background:var(--hp-titanium);box-shadow:0 30px 60px -18px #00000073,0 80px 110px -50px #00000059,inset 0 1px 1px #fff9,inset 0 -1px 2px #0006;font-family:var(--hp-device-font);line-height:var(--kd-leading-normal);-webkit-font-smoothing:antialiased;transform:scale(var(--hp-scale));transform-origin:top left}.hp-button{position:absolute;width:var(--hp-rail);background:var(--hp-titanium);box-shadow:inset 0 0 0 .5px #00000059}.hp-button:nth-of-type(1){left:calc(-1 * var(--hp-rail));top:148px;height:30px;border-radius:var(--hp-button-radius-left)}.hp-button:nth-of-type(2){left:calc(-1 * var(--hp-rail));top:200px;height:54px;border-radius:var(--hp-button-radius-left)}.hp-button:nth-of-type(3){left:calc(-1 * var(--hp-rail));top:266px;height:54px;border-radius:var(--hp-button-radius-left)}.hp-button:nth-of-type(4){right:calc(-1 * var(--hp-rail));top:222px;height:86px;border-radius:var(--hp-button-radius-right)}.hp-bezel{box-sizing:border-box;width:100%;padding:var(--hp-bezel);border-radius:calc(var(--hp-screen-radius) + var(--hp-bezel));background:var(--hp-bezel-colour);box-shadow:inset 0 0 0 .5px #ffffff2e}.hp-screen{position:relative;width:var(--hp-screen-w);height:var(--hp-screen-h);overflow:hidden;clip-path:inset(0 round var(--hp-screen-radius));border-radius:var(--hp-screen-radius);background:#000;isolation:isolate}.hp-screen-light{background:var(--hp-screen-light)}.hp-screen-light .hp-status{color:#000}.hp-screen-light .hp-home{background:var(--hp-home-colour-light)}.hp-shot{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover}.hp-island{position:absolute;z-index:50;top:11px;left:50%;width:126px;height:37px;border-radius:var(--hp-island-radius);background:#000;transform:translate(-50%)}.hp-lens{position:absolute;top:13px;right:12px;width:11px;height:11px;border-radius:var(--hp-round);background:var(--hp-lens);box-shadow:inset 0 0 0 .5px #ffffff1a}.hp-status{position:absolute;z-index:10;top:0;right:0;left:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--hp-status-gap);padding:var(--hp-status-pad);color:var(--kd-white)}.hp-status-half{display:flex;flex:1;align-items:center;justify-content:center;height:22px;padding:var(--hp-time-nudge)}.hp-icons{gap:var(--hp-icons-gap);padding:var(--hp-icons-nudge)}.hp-icons svg{display:block;flex:none}.hp-time{font-family:var(--hp-status-font);font-size:var(--hp-status-size);font-weight:590;line-height:22px}.hp-content{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--kd-ink)}.hp-mesh{position:absolute;inset:-12% -24%;background:var(--kd-gradient-mesh);opacity:.42;filter:blur(6px)}.hp-confetti{position:absolute;inset:0;pointer-events:none}.hp-confetti i{position:absolute;border-radius:var(--hp-confetti-radius)}.hp-confetti i:nth-child(1){left:12%;top:13%;width:9px;height:9px;background:var(--kd-celebrate);transform:rotate(24deg);opacity:.9}.hp-confetti i:nth-child(2){left:26%;top:7%;width:8px;height:8px;background:var(--kd-value);transform:rotate(-12deg);opacity:.85}.hp-confetti i:nth-child(3){left:41%;top:17%;width:7px;height:7px;background:var(--kd-white);transform:rotate(38deg);opacity:.55}.hp-confetti i:nth-child(4){left:58%;top:9%;width:9px;height:9px;background:var(--kd-celebrate);transform:rotate(-28deg);opacity:.9}.hp-confetti i:nth-child(5){left:73%;top:15%;width:8px;height:8px;background:var(--kd-value);transform:rotate(16deg);opacity:.85}.hp-confetti i:nth-child(6){left:86%;top:8%;width:7px;height:7px;background:var(--kd-white);transform:rotate(-40deg);opacity:.5}.hp-confetti i:nth-child(7){left:19%;top:27%;width:7px;height:7px;background:var(--kd-value);transform:rotate(30deg);opacity:.6}.hp-confetti i:nth-child(8){left:81%;top:29%;width:8px;height:8px;background:var(--kd-celebrate);transform:rotate(-18deg);opacity:.65}.hp-spacer{flex:none;height:60px}.hp-body{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;padding:var(--hp-body-pad);text-align:center}.hp-spark{flex:none;width:13px;height:13px;margin-right:var(--hp-spark-gap);vertical-align:-1px}.hp-headline{max-width:11ch;margin:var(--hp-headline-gap) 0 0;font-family:var(--kd-font-display);font-size:var(--hp-headline-size);font-weight:800;line-height:1.14;letter-spacing:-.02em;color:var(--kd-white)}.hp-amount{margin-top:var(--hp-amount-gap)}.hp-from{margin:var(--hp-from-gap) 0 0;font-size:var(--hp-from-size);color:var(--hp-from-colour)}.hp-from b{font-weight:700;color:var(--kd-white)}.hp-sale{max-width:32ch;margin:var(--hp-sale-gap) 0 0;font-size:var(--hp-sale-size);line-height:1.55;color:var(--hp-sale-colour)}.hp-sale b{color:var(--kd-white)}.hp-card{position:relative;padding:var(--hp-card-pad)}.hp-screen .kd-boost{--hp-bite: 10px;--hp-seam: 2px;--hp-bite-off: calc(var(--hp-seam) - 1px);--hp-bites-bottom: radial-gradient(circle at 0 calc(100% - var(--hp-bite-off)), transparent var(--hp-bite), var(--kd-ink) calc(var(--hp-bite) + .5px)) left / 51% 100% no-repeat, radial-gradient(circle at 100% calc(100% - var(--hp-bite-off)), transparent var(--hp-bite), var(--kd-ink) calc(var(--hp-bite) + .5px)) right / 51% 100% no-repeat;--hp-bites-top: radial-gradient(circle at 0 var(--hp-bite-off), transparent var(--hp-bite), var(--kd-ink) calc(var(--hp-bite) + .5px)) left / 51% 100% no-repeat, radial-gradient(circle at 100% var(--hp-bite-off), transparent var(--hp-bite), var(--kd-ink) calc(var(--hp-bite) + .5px)) right / 51% 100% no-repeat;background:none;box-shadow:none;filter:drop-shadow(0 14px 17px color-mix(in srgb,var(--kd-cerulean-700) 18%,transparent)) drop-shadow(0 3px 5px color-mix(in srgb,var(--kd-magenta-500) 14%,transparent))}.hp-screen .kd-boost__body{margin-bottom:calc(-1 * var(--hp-seam));padding-bottom:calc(var(--kd-space-4) + var(--hp-seam));background:var(--kd-surface);-webkit-mask:var(--hp-bites-bottom);mask:var(--hp-bites-bottom)}.hp-screen .kd-boost__foot{margin-top:calc(-1 * var(--hp-seam));padding-top:calc(var(--kd-space-4) + var(--hp-seam));background:var(--kd-surface);-webkit-mask:var(--hp-bites-top);mask:var(--hp-bites-top)}.hp-screen .kd-boost__perf{z-index:1}.hp-screen .kd-boost__perf:before,.hp-screen .kd-boost__perf:after{content:none}.hp-card-badge{position:absolute;z-index:2;top:32px;right:32px}.hp-logo{display:grid;place-items:center;width:100%;height:100%;font-family:var(--kd-font-display);font-size:var(--kd-text-lg);font-weight:700;color:var(--kd-text-muted);opacity:.7;filter:blur(5px)}.hp-offer-row{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:var(--hp-offer-gap)}.hp-offer-note{font-family:var(--kd-font-body);font-size:var(--kd-text-sm);font-weight:500;letter-spacing:0;color:var(--kd-text-muted)}.hp-screen .kd-boost__offer{font-size:var(--hp-offer-size)}.hp-home-wrap{position:absolute;z-index:60;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;height:34px;padding-bottom:var(--hp-home-pad);pointer-events:none}.hp-home{width:139px;height:5px;border-radius:var(--hp-home-radius);background:var(--hp-home-colour)}
