@property --tsp-fill{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.tsp--shop-pay{--tsp-a: var(--tsh-a-5a31f4, #5a31f4);--tsp-a2: var(--tsh-a-8f72ff, #8f72ff);--tsp-deep: var(--tsh-a-2a1696, #2a1696);--tsp-ink: #ffffff;--tsp-on-light: var(--tsh-a-5a31f4, #5a31f4);--tsp-on-dark: var(--tsh-a-a995ff, #a995ff)}.tsp--klarna{--tsp-a: #ffa8cd;--tsp-a2: #ffd3e4;--tsp-deep: #ff7fb4;--tsp-ink: #17120f;--tsp-on-light: #c21e66;--tsp-on-dark: #ffa8cd}.tsp--paypal{--tsp-a: var(--tsh-a-0070e0, #0070e0);--tsp-a2: var(--tsh-a-3aa0ff, #3aa0ff);--tsp-deep: var(--tsh-a-001c64, #001c64);--tsp-ink: #ffffff;--tsp-on-light: var(--tsh-a-0057b8, #0057b8);--tsp-on-dark: var(--tsh-a-6cc3ff, #6cc3ff)}.tsp--affirm{--tsp-a: var(--tsh-a-4a4af4, #4a4af4);--tsp-a2: var(--tsh-a-7d7dff, #7d7dff);--tsp-deep: var(--tsh-a-1f1fa8, #1f1fa8);--tsp-ink: #ffffff;--tsp-on-light: var(--tsh-a-4a4af4, #4a4af4);--tsp-on-dark: var(--tsh-a-a3a3ff, #a3a3ff)}.tsv.tsp,.tsp-pick__tile{--tsp-tx: var(--tsp-on-light);--tsv-accent: var(--tsp-tx)}.tsv--dark.tsp,.tsv--abyss.tsp,.tsv--dark .tsp-pick__tile,.tsv--abyss .tsp-pick__tile{--tsp-tx: var(--tsp-on-dark)}.tsp__logo{display:inline-flex;align-items:center;height:40px;margin-bottom:1.75rem}.tsp__logo img{width:auto;height:100%}.tsp__logo--shop-pay{height:34px}.tsp__logo--klarna{height:44px}.tsp__logo--paypal{height:31px}.tsv--dark .tsp__logo:not(.tsp__logo--klarna),.tsv--abyss .tsp__logo:not(.tsp__logo--klarna){box-sizing:content-box;padding:10px 16px;border-radius:14px;background:#fff}.tsp.tsv-pad{padding-block:clamp(72px,9vw,136px)}.tsp__grid{display:grid;gap:clamp(40px,6vw,96px);align-items:center}@media(min-width:990px){.tsp__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.tsp--flip .tsp__visual{order:-1}}.tsp .tsv-head{gap:1rem;margin-bottom:2.25rem}.tsp .tsv-title{font-size:clamp(2.1rem,3.8vw,3.6rem)}.tsp__points{display:grid;gap:1.35rem;margin:0;padding:0;list-style:none}.tsp__point{display:flex;gap:1rem;align-items:flex-start}.tsp__point-icon{display:grid;flex:none;place-items:center;width:46px;height:46px;border-radius:14px;color:var(--tsp-tx);background:color-mix(in srgb,var(--tsp-tx) 13%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tsp-tx) 22%,transparent)}.tsp__point-icon svg{width:22px;height:22px}.tsp__point-text{display:grid;gap:.3rem;padding-top:.15rem}.tsp__point-title{font-family:var(--tsv-sub);font-weight:700;font-size:1.0625rem;line-height:1.3;color:var(--tsv-fg)}.tsp__point-body{font-size:.98rem;line-height:1.55;color:var(--tsv-muted);text-wrap:pretty}.tsp .tsp__tip{margin-top:2rem;padding:1rem 1.25rem;border-radius:16px;font-size:.95rem;background:color-mix(in srgb,var(--tsp-tx) 8%,transparent);box-shadow:inset 3px 0 0 var(--tsp-tx)}.tsp__cta{margin-top:2.25rem}.tsv a.tsp__btn{background:var(--tsp-a);color:var(--tsp-ink);box-shadow:0 16px 36px -16px color-mix(in srgb,var(--tsp-a) 90%,transparent)}.tsv a.tsp__btn:hover{background:color-mix(in srgb,var(--tsp-a) 86%,#ffffff)}.tsp__visual{display:grid;gap:1.25rem}.tsp .tsp__extra{padding-inline:.5rem;font-size:.95rem}.tsp .tsp__fine{grid-column:1 / -1;padding-top:1.75rem;border-top:1px solid var(--tsv-line);font-size:.8125rem;line-height:1.6;color:var(--tsv-faint)}.tsp .tsp__fine a{color:inherit}.tsp-plan{position:relative;isolation:isolate;overflow:hidden;margin:0;padding:clamp(26px,3.6vw,48px);border-radius:var(--tsv-radius-xl);color:var(--tsp-ink);background:radial-gradient(120% 80% at 100% 0%,color-mix(in srgb,var(--tsp-a2) 90%,transparent),transparent 60%),linear-gradient(155deg,var(--tsp-a) 10%,var(--tsp-deep) 100%);box-shadow:inset 0 0 0 1px #ffffff29,0 48px 90px -48px color-mix(in srgb,var(--tsp-deep) 85%,transparent);transition:translate .7s var(--tsv-ease)}.tsp--klarna .tsp-plan{background:radial-gradient(120% 80% at 100% 0%,var(--tsp-a2),transparent 60%),linear-gradient(155deg,var(--tsp-a) 20%,var(--tsp-deep) 100%)}@media(hover:hover)and (pointer:fine){.tsp-plan:hover{translate:0 -6px}}.tsp-plan__orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(36px);opacity:.55;pointer-events:none;animation:tsp-drift 16s ease-in-out infinite alternate}.tsp-plan__orb--a{top:-22%;left:-12%;width:55%;aspect-ratio:1;background:color-mix(in srgb,var(--tsp-a2) 80%,#ffffff)}.tsp-plan__orb--b{right:-18%;bottom:-30%;width:70%;aspect-ratio:1;background:var(--tsp-deep);animation-duration:21s;animation-direction:alternate-reverse}@keyframes tsp-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(12%,10%,0) scale(1.15)}}.tsp-plan__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.tsp-plan__label{font-family:var(--tsv-sub);font-weight:600;font-size:.8125rem;letter-spacing:.16em;text-transform:uppercase;opacity:.85}.tsp-plan__badge{padding:.45rem .85rem;border-radius:999px;font-family:var(--tsv-sub);font-weight:700;font-size:.8125rem;background:color-mix(in srgb,var(--tsp-ink) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tsp-ink) 22%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tsp-plan__total{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .85rem;margin:clamp(22px,3vw,34px) 0 clamp(28px,3.6vw,44px)}.tsp-plan__amount{font-family:var(--tsv-display);font-weight:var(--tsv-display-weight);font-size:clamp(3.25rem,6.4vw,5.25rem);line-height:.9;letter-spacing:-.04em}.tsp-plan__times{font-family:var(--tsv-sub);font-weight:600;font-size:clamp(1rem,1.4vw,1.2rem);opacity:.85}.tsp-plan__steps{--ring: clamp(50px, 5.4vw, 64px);position:relative;display:grid;grid-template-columns:repeat(var(--n, 4),minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none}.tsp-plan__steps:before,.tsp-plan__steps:after{content:"";position:absolute;top:calc(var(--ring) / 2 - 1px);left:calc(50% / var(--n, 4));right:calc(50% / var(--n, 4));z-index:0;height:2px;border-radius:2px}.tsp-plan__steps:before{background:color-mix(in srgb,var(--tsp-ink) 22%,transparent)}.tsp-plan__steps:after{background:var(--tsp-ink);transform-origin:left center;transition:transform 1.5s var(--tsv-ease) .35s}.tsp-plan__step{position:relative;z-index:1;display:grid;justify-items:center;gap:.35rem;text-align:center;transition:opacity .8s var(--tsv-ease),translate .8s var(--tsv-ease);transition-delay:calc(var(--s, 0) * .16s + .3s)}.tsp-plan__ring{position:relative;z-index:1;display:grid;place-items:center;width:var(--ring);height:var(--ring);margin-bottom:.4rem;border-radius:50%;font-family:var(--tsv-sub);font-weight:700;font-size:.95rem;background:color-mix(in srgb,var(--tsp-deep) 55%,var(--tsp-a));box-shadow:0 0 0 5px color-mix(in srgb,var(--tsp-a) 70%,var(--tsp-deep))}.tsp--klarna .tsp-plan__ring{background:var(--tsp-a2);box-shadow:0 0 0 5px var(--tsp-a)}.tsp-plan__ring:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;--tsp-fill: var(--pct, 100%);background:conic-gradient(var(--tsp-ink) var(--tsp-fill),color-mix(in srgb,var(--tsp-ink) 20%,transparent) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));transition:--tsp-fill 1.1s var(--tsv-ease);transition-delay:calc(var(--s, 0) * .16s + .45s)}.tsp-plan__step-amount{font-family:var(--tsv-display);font-weight:var(--tsv-display-weight);font-size:clamp(1.05rem,1.6vw,1.35rem);letter-spacing:-.02em}.tsp-plan__step-when{font-size:.8125rem;line-height:1.3;opacity:.8}.tsp-plan__note{margin-top:clamp(24px,3vw,36px);padding-top:1.1rem;border-top:1px solid color-mix(in srgb,var(--tsp-ink) 18%,transparent);font-size:.875rem;line-height:1.5;opacity:.85}.tsv-motion .tsp-plan:not(.is-in) .tsp-plan__steps:after{transform:scaleX(0)}.tsv-motion .tsp-plan:not(.is-in) .tsp-plan__step{opacity:0;translate:0 14px}.tsv-motion .tsp-plan:not(.is-in) .tsp-plan__ring:before{--tsp-fill: 0%}.tsp-pick.tsv-pad{padding-block:clamp(56px,7vw,104px)}.tsp-pick .tsv-head{margin-bottom:clamp(32px,4.5vw,56px)}.tsp-pick .tsv-title{font-size:clamp(2rem,3.6vw,3.25rem)}.tsp-pick__grid{display:grid;gap:clamp(14px,1.6vw,20px);margin:0;padding:0;list-style:none}@media(min-width:600px){.tsp-pick__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:990px){.tsp-pick__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.tsp-pick__item{display:flex}.tsv a.tsp-pick__tile{position:relative;display:flex;flex:1;flex-direction:column;gap:.6rem;overflow:hidden;padding:clamp(22px,2.4vw,30px);border-radius:var(--tsv-radius-xl);text-decoration:none;background:var(--tsv-card);box-shadow:inset 0 0 0 1px var(--tsv-line),0 26px 50px -38px var(--tsh-g-001935-a450, rgb(0 25 53 / .45));transition:transform .6s var(--tsv-ease),box-shadow .6s var(--tsv-ease)}.tsp-pick__tile:after{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--tsp-a),var(--tsp-a2));transform:scaleX(.28);transform-origin:left center;transition:transform .7s var(--tsv-ease)}.tsp-pick__tile>*{position:relative;z-index:1}.tsv a.tsp-pick__tile:hover,.tsv a.tsp-pick__tile:focus-visible{transform:translateY(-6px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tsp-tx) 35%,transparent),0 34px 60px -36px color-mix(in srgb,var(--tsp-a) 75%,transparent)}.tsp-pick__tile:hover:after,.tsp-pick__tile:focus-visible:after{transform:scaleX(1)}.tsp-pick__tile .tsp__logo{height:32px;margin-bottom:.9rem}.tsp-pick__tile .tsp__logo--shop-pay{height:26px}.tsp-pick__tile .tsp__logo--klarna{height:36px}.tsp-pick__tile .tsp__logo--paypal{height:28px}.tsp-pick__title{font-family:var(--tsv-display);font-weight:var(--tsv-display-weight);font-size:clamp(1.2rem,1.6vw,1.4rem);line-height:1.15;letter-spacing:-.015em;color:var(--tsv-fg)}.tsp-pick__text{font-size:.95rem;line-height:1.55;color:var(--tsv-muted)}.tsp-pick__go{display:inline-flex;align-items:center;gap:.45em;margin-top:auto;padding-top:.9rem;font-family:var(--tsv-sub);font-weight:600;font-size:.95rem;color:var(--tsp-tx)}.tsp-pick__go svg{width:1em;height:1em;transition:transform .4s var(--tsv-ease)}.tsp-pick__tile:hover .tsp-pick__go svg{transform:translateY(3px) rotate(90deg)}.tsv.tsp-hero{overflow:hidden;background:radial-gradient(60% 70% at 85% 35%,var(--tsh-s-1a66d2-a380, rgb(26 102 210 / .38)),transparent 70%),radial-gradient(45% 55% at 5% 100%,var(--tsh-s-6fd8ff-a140, rgb(111 216 255 / .14)),transparent 70%),var(--tsv-abyss)}.tsp-hero__grid{position:relative;z-index:2;display:grid;gap:clamp(48px,6vw,80px);align-items:center;padding-block:clamp(112px,15vh,180px) clamp(64px,10vh,120px)}@media(min-width:990px){.tsp-hero__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-height:min(86svh,820px)}}.tsp-hero .tsv-hero__title{max-width:12ch}.tsp-hero .tsv-hero__sub{max-width:46ch}.tsp-hero .tsv-hero__sub>*+*{margin-top:1em}.tsp-hero__fan{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(min-width:990px){.tsp-hero__fan{display:block;height:clamp(440px,40vw,520px)}}.tsp-hero__card{display:grid;gap:.35rem;align-content:start;padding:clamp(16px,2vw,24px);border-radius:var(--tsv-radius-xl);color:var(--tsp-ink);background:radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--tsp-a2) 85%,transparent),transparent 60%),linear-gradient(155deg,var(--tsp-a) 10%,var(--tsp-deep) 100%);box-shadow:inset 0 0 0 1px #ffffff2e,0 40px 70px -36px #000000bf;animation:tsp-card-in 1.1s var(--tsv-ease) both,tsp-bob 7s ease-in-out infinite alternate;animation-delay:calc(.45s + var(--c, 0) * .12s),calc(1.6s + var(--c, 0) * .9s)}@media(min-width:990px){.tsp-hero__card{position:absolute;width:58%;rotate:var(--r, 0deg)}.tsp-hero__card:nth-child(1){--r: -6deg;top:0;left:2%}.tsp-hero__card:nth-child(2){--r: 5deg;top:12%;right:0}.tsp-hero__card:nth-child(3){--r: -3deg;top:46%;left:0}.tsp-hero__card:nth-child(4){--r: 4deg;top:58%;right:4%}}.tsp-hero__card-logo{display:inline-flex;align-items:center;justify-self:start;height:26px;margin-bottom:.9rem;padding:8px 12px;box-sizing:content-box;border-radius:12px;background:#fff;box-shadow:0 8px 20px -12px #00000080}.tsp-hero__card-logo img{width:auto;height:100%}.tsp-hero__card-logo--paypal{height:22px}.tsp-hero__card-logo--klarna{height:30px;padding:4px 6px}.tsp-hero__card-title{font-family:var(--tsv-display);font-weight:var(--tsv-display-weight);font-size:clamp(1.15rem,1.8vw,1.6rem);line-height:1.05;letter-spacing:-.02em}.tsp-hero__card-text{font-size:.875rem;line-height:1.4;opacity:.85}.tsp-hero__dots{display:flex;gap:6px;margin-top:.85rem}.tsp-hero__dots i{width:22px;height:6px;border-radius:6px;background:color-mix(in srgb,var(--tsp-ink) 28%,transparent)}.tsp-hero__dots i:first-child{background:var(--tsp-ink)}@media(max-width:989px){.tsp-hero__dots{display:none}}@keyframes tsp-card-in{0%{opacity:0;scale:.88}}@keyframes tsp-bob{0%{translate:0 0}to{translate:0 -12px}}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/221/assets/topshelf-pay-over-time.css.map */