.sp-home{--sp-ink:#111;--sp-paper:#fff;--sp-muted:#62636a;--sp-line:#e5e5e8;--sp-blue:#5b6b7a;--sp-yellow:#c5a85a;--sp-radius:22px;color:var(--sp-ink);background:var(--sp-paper);font-family:var(--font-body--family)}.sp-home *{box-sizing:border-box}.sp-home a{color:inherit;text-decoration:none}.sp-home img{display:block;max-width:100%}.sp-shell{max-width:1400px;margin:auto;padding:16px 24px}.sp-first-screen{display:grid;grid-template-columns:minmax(0,2fr) minmax(310px,.82fr);gap:14px;align-items:stretch}.sp-carousel{position:relative;min-height:500px;overflow:hidden;border-radius:26px;background:#edf2ff}.sp-slide{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:center;padding:40px;opacity:0;visibility:hidden;transform:translate(20px);transition:opacity .4s ease,transform .4s ease,visibility .4s}.sp-slide.is-active{opacity:1;visibility:visible;transform:none;z-index:1}.sp-slide--main{background:linear-gradient(135deg,#f2f5ff,#fff 58%,#fff1b8)}.sp-slide--tags{background:linear-gradient(145deg,#101114,#292c33 58%,#e9edf2);color:#fff}.sp-slide--keyrings{background:linear-gradient(135deg,#eaf0ff,#fff 58%,#ffe8c4)}.sp-copy{position:relative;z-index:2;max-width:520px}.sp-eyebrow{display:inline-flex;padding:6px 10px;border-radius:999px;background:#dfe7ff;color:var(--sp-blue);font-size:.69rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.sp-slide--tags .sp-eyebrow{background:#fff;color:#111}.sp-copy :is(h1,h2){margin:14px 0 12px;font-size:clamp(2.65rem,4vw,4.5rem);line-height:1.04;letter-spacing:-.015em}.sp-copy :is(h1,h2) em{color:var(--sp-blue);font-style:normal;letter-spacing:0}.sp-slide--tags .sp-copy :is(h1,h2) em{color:var(--sp-yellow)}.sp-copy p{max-width:500px;margin:0;color:#55565c;font-size:.96rem;line-height:1.45}.sp-slide--tags .sp-copy p{color:#d9dde4}.sp-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:19px}.sp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 17px;border-radius:999px;background:#111;color:#fff!important;font-size:.86rem;font-weight:850}.sp-btn--blue{background:var(--sp-blue)}.sp-points{display:flex;gap:13px;flex-wrap:wrap;margin-top:16px;font-size:.74rem;font-weight:800}.sp-points span:before{content:"\2713";margin-right:5px;color:var(--sp-blue)}.sp-slide--tags .sp-points span:before{color:var(--sp-yellow)}.sp-stage{position:relative;min-height:350px;border-radius:22px;background:#ffffffc2;box-shadow:0 18px 50px #1111111f;overflow:hidden}.sp-feature-image{width:100%;height:100%;min-height:350px;object-fit:contain;padding:22px}.sp-slide--tags .sp-stage{background:#f7f8fa}.sp-tile{position:absolute;width:43%;height:43%;border-radius:15px;background:#fff;box-shadow:0 10px 25px #1111111f;overflow:hidden}.sp-tile img{width:100%;height:100%;object-fit:contain;padding:8px}.sp-tile--one{left:6%;top:7%;transform:rotate(-4deg)}.sp-tile--two{right:5%;top:12%;transform:rotate(4deg)}.sp-tile--three{left:11%;bottom:6%;transform:rotate(3deg)}.sp-tile--four{right:7%;bottom:7%;transform:rotate(-4deg)}.sp-stage-mark{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#5b6b7a18;font-size:7rem;font-weight:950}.sp-controls{position:absolute;left:40px;bottom:20px;z-index:4;display:flex;align-items:center;gap:7px}.sp-arrow,.sp-dot{border:0;cursor:pointer}.sp-arrow{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;font-size:1.1rem;box-shadow:0 4px 14px #0002}.sp-dot{width:7px;height:7px;padding:0;border-radius:50%;background:#1114}.sp-dot.is-active{width:22px;border-radius:10px;background:var(--sp-blue)}.sp-quick-nav{min-height:500px;padding:22px;border:1px solid var(--sp-line);border-radius:26px;background:#fff;box-shadow:0 14px 45px #1111110f}.sp-quick-head{display:flex;justify-content:space-between;gap:14px;align-items:baseline;padding:0 2px 15px;border-bottom:1px solid var(--sp-line)}.sp-quick-head span{color:var(--sp-blue);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.sp-quick-head strong{font-size:1.25rem;letter-spacing:-.035em}.sp-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 0}.sp-quick-grid a{min-height:68px;padding:12px;border-radius:14px;background:#f5f6f8;font-size:.92rem;font-weight:850;line-height:1.12;transition:background .18s ease,transform .18s ease}.sp-quick-grid a:hover{background:#eaf0ff;transform:translateY(-2px)}.sp-quick-grid a span{display:block;margin-bottom:5px;color:var(--sp-muted);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.sp-quick-grid a:nth-child(3){background:#fff4ce}.sp-quick-grid a:nth-child(4){background:#f2ecff}.sp-quick-all{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-radius:12px;background:#111;color:#fff!important;font-size:.82rem;font-weight:850}.sp-quick-all span{font-size:1.1rem}.sp-section{max-width:1260px;margin:auto;padding:44px 24px}.sp-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}.sp-section-head h2{margin:0;font-size:clamp(2rem,3.5vw,3rem);line-height:1;letter-spacing:-.055em}.sp-section-head p{max-width:390px;margin:0;color:var(--sp-muted);font-size:.92rem}.sp-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sp-category{position:relative;min-height:230px;padding:20px 46% 20px 20px;border:1px solid var(--sp-line);border-radius:19px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.sp-category:hover{transform:translateY(-3px);box-shadow:0 14px 36px #1112}.sp-category h3,.sp-category p{position:relative;z-index:2;max-width:190px}.sp-category h3{margin:0;font-size:1.25rem;line-height:1.05;letter-spacing:-.035em}.sp-category p{margin:7px 0 0;color:var(--sp-muted);font-size:.83rem;line-height:1.35}.sp-category-arrow{position:absolute;right:14px;top:14px;z-index:3;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#fff;color:#111;font-size:.98rem}.sp-category img{position:absolute;right:0;bottom:0;width:48%;height:73%;object-fit:contain;padding:6px;transition:transform .25s ease}.sp-category:hover img{transform:scale(1.035) rotate(-2deg)}.sp-category--tags{background:linear-gradient(145deg,#15171b,#31353d);color:#fff}.sp-category--tags p{color:#d6d9df}.sp-category--keyrings{background:#eaf0ff}.sp-category--school{background:#fff5c9}.sp-category--embroidery{background:#f3edff}.sp-category--labels{background:#eaf8f2}.sp-category--ribbons{background:#fff0e5}.sp-category--pet{background:#ffecf2}.sp-category--photo{background:#fff4ce}.sp-category--supplies{background:#f0efff}.sp-browse{background:#111;color:#fff}.sp-browse-inner{max-width:1220px;margin:auto;padding:48px 24px;display:grid;grid-template-columns:.65fr 1.35fr;gap:48px}.sp-browse h2{margin:0 0 9px;font-size:clamp(2rem,3vw,3rem);letter-spacing:-.05em}.sp-browse p{margin:0;color:#b8bac0;font-size:.9rem}.sp-pill-row{display:grid;grid-template-columns:145px 1fr;gap:15px;padding:11px 0;border-bottom:1px solid #ffffff20}.sp-pill-row strong{padding-top:7px;font-size:.88rem}.sp-pills{display:flex;flex-wrap:wrap;gap:7px}.sp-pill{padding:7px 11px;border:1px solid #ffffff35;border-radius:999px;color:#fff!important;font-size:.78rem}.sp-pill:hover{background:#fff;color:#111!important}@media(max-width:1100px){.sp-first-screen{grid-template-columns:1fr}.sp-carousel{min-height:520px}.sp-quick-nav{min-height:auto}.sp-quick-grid{grid-template-columns:repeat(3,1fr)}.sp-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.sp-shell{padding:10px 12px}.sp-first-screen{gap:10px}.sp-carousel{min-height:650px;border-radius:21px}.sp-slide{grid-template-columns:1fr;padding:26px 20px 60px;gap:16px;align-content:start}.sp-copy :is(h1,h2){font-size:2.8rem}.sp-copy p{font-size:.9rem}.sp-stage,.sp-feature-image{min-height:255px}.sp-feature-image{padding:12px}.sp-controls{left:20px;bottom:16px}.sp-quick-nav{padding:15px;border-radius:21px}.sp-quick-head strong{font-size:1.05rem}.sp-quick-grid{grid-template-columns:1fr 1fr;gap:6px;padding:10px 0}.sp-quick-grid a{min-height:59px;padding:10px;font-size:.81rem}.sp-section{padding:36px 12px}.sp-section-head{display:block;margin-bottom:14px}.sp-section-head p{margin-top:7px}.sp-category-grid{grid-template-columns:1fr 1fr;gap:8px}.sp-category{min-height:215px;padding:15px 15px 112px}.sp-category h3{font-size:1.05rem}.sp-category p{font-size:.74rem}.sp-category img{right:0;bottom:0;width:72%;height:53%}.sp-category-arrow{right:10px;top:10px;width:27px;height:27px}.sp-browse-inner{padding:38px 16px;grid-template-columns:1fr;gap:20px}.sp-pill-row{display:block}.sp-pill-row strong{display:block;margin-bottom:8px}}@media(max-width:420px){.sp-carousel{min-height:620px}.sp-copy :is(h1,h2){font-size:2.45rem}.sp-actions{display:block}.sp-btn{width:100%;margin-bottom:7px}.sp-points{display:none}.sp-quick-grid{grid-template-columns:1fr 1fr}.sp-category-grid{grid-template-columns:1fr}.sp-category{min-height:190px;padding-bottom:80px}.sp-category img{width:55%;height:60%}}@media(prefers-reduced-motion:reduce){.sp-slide,.sp-category,.sp-category img,.sp-quick-grid a{transition:none!important}}.sp-home{--sp-blue:#5b6b7a}.sp-stage-mark{color:#5b6b7a18}.sp-copy :is(h1,h2){font-size:clamp(2.35rem,3.5vw,3.75rem);line-height:1.02;letter-spacing:-.01em}.sp-copy :is(h1,h2) em{letter-spacing:.005em}.sp-actions{margin-top:15px}.sp-btn{min-height:40px}@media(max-width:760px){.sp-carousel{min-height:650px}.sp-slide{padding:22px 20px 56px;gap:12px}.sp-copy :is(h1,h2){margin:10px 0 9px;font-size:2.2rem;line-height:1.02}.sp-copy p{font-size:.87rem;line-height:1.38}.sp-actions{margin-top:12px}.sp-points{display:none}.sp-stage,.sp-feature-image{min-height:230px}}@media(max-width:420px){.sp-carousel{min-height:650px}.sp-copy :is(h1,h2){font-size:1.95rem;line-height:1.03}.sp-btn{min-height:39px}}.sp-category--tags h3{color:#fff!important}@media(min-width:761px){.sp-category:not(.sp-category--tags) img{right:3%;bottom:6%;width:40%;height:61%;padding:8px}}@media(max-width:760px)and (min-width:421px){.sp-category:not(.sp-category--tags) img{right:4%;bottom:4%;width:59%;height:45%;padding:8px}}@media(max-width:420px){.sp-category:not(.sp-category--tags) img{right:4%;bottom:4%;width:47%;height:49%;padding:7px}}.sp-category--signs{background:#f1f2ef}.sp-category--screens{background:#e8f2f6}.sp-quick-grid{grid-auto-rows:1fr}.sp-quick-grid .sp-quick-signs{grid-column:auto;min-height:68px}@media(max-width:760px){.sp-quick-grid .sp-quick-signs{min-height:59px}}@media(max-width:760px){.sp-carousel{min-height:550px}.sp-stage,.sp-feature-image{min-height:185px}.sp-copy :is(h1,h2){font-size:clamp(1.9rem,7vw,2.2rem)}}@media(max-width:420px){.sp-carousel{min-height:545px}}.sp-shell{padding-block:10px}.sp-first-screen{gap:10px}.sp-carousel{min-height:400px}.sp-slide{padding:24px 26px 52px;gap:16px}.sp-copy :is(h1,h2){font-size:clamp(2rem,3vw,3.2rem);margin:10px 0;line-height:1.06}.sp-copy p{font-size:.9rem;line-height:1.38}.sp-actions{margin-top:12px;gap:7px}.sp-points{margin-top:10px;gap:9px}.sp-stage,.sp-feature-image{min-height:280px}.sp-feature-image{padding:14px}.sp-controls{left:26px;bottom:14px}.sp-quick-nav{min-height:0;padding:14px;border-radius:22px}.sp-quick-head{padding-bottom:10px}.sp-quick-head strong{font-size:1.1rem}.sp-quick-grid{gap:6px;padding:10px 0;grid-auto-rows:1fr}.sp-quick-grid a,.sp-quick-grid .sp-quick-signs{min-height:58px;padding:8px 9px;font-size:.82rem;line-height:1.18;border-radius:11px}.sp-quick-grid a span{margin-bottom:3px;font-size:.61rem}.sp-quick-all{padding:9px 11px}@media(min-width:761px)and (max-width:1100px){.sp-carousel{min-height:416px}.sp-slide{padding:24px 28px 52px}}@media(max-width:760px){.sp-carousel{min-height:470px}.sp-slide{padding:18px 18px 50px;gap:10px}.sp-copy :is(h1,h2){font-size:clamp(1.75rem,6.5vw,2rem);margin:8px 0}.sp-copy p{font-size:.84rem;line-height:1.35}.sp-stage,.sp-feature-image{min-height:150px}.sp-quick-nav{padding:12px}.sp-quick-grid a,.sp-quick-grid .sp-quick-signs{min-height:50px;padding:7px 8px;font-size:.78rem}.sp-controls{left:18px;bottom:12px}}@media(max-width:420px){.sp-carousel{min-height:490px}.sp-actions{display:flex}.sp-btn{width:auto;flex:1 1 auto;padding-inline:12px;margin-bottom:0;min-height:40px;font-size:.8rem}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/supperpug-home.css.map */