.ss-app{background:var(--ss-app-bg);color:var(--ss-app-text);padding-block:calc(var(--ss-app-pt) * var(--ss-space, 1)) calc(var(--ss-app-pb) * var(--ss-space, 1));overflow:hidden}.ss-app__hero{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-items:center}@media(min-width:990px){.ss-app__hero{grid-template-columns:1fr 1.1fr;gap:3rem}}.ss-app__eyebrow{margin:0 0 .75rem;display:flex;align-items:center;gap:.625rem;font-size:.6875rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;opacity:.8}.ss-app__eyebrow:before{content:"";width:1.75rem;height:2px;background:var(--ss-accent, #D30000)}.ss-app__heading{margin:0;color:inherit;display:flex;flex-direction:column;font-family:var(--font-heading--family);font-weight:800;font-style:italic;text-transform:uppercase;font-size:clamp(2.25rem,10vw,4.5rem);line-height:.92;padding-inline-end:.08em}.ss-app__accent{color:var(--ss-accent, #D30000)}@media(max-width:749px){.ss-app__eyebrow{justify-content:center}.ss-app__fh{text-align:center}}.ss-app__text{margin-top:1rem;max-width:32rem;font-size:1rem;line-height:1.6;opacity:.85}.ss-app__text>:first-child{margin-top:0}.ss-app__text>:last-child{margin-bottom:0}.ss-app__stores{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.ss-app__store{display:inline-flex;align-items:center;height:3rem;text-decoration:none;color:inherit}.ss-app__badge{height:100%;width:auto;display:block}.ss-app__store-txt{display:inline-flex;align-items:center;height:100%;padding:0 1.25rem;border:1.5px solid currentColor;border-radius:.6rem;font-weight:700}.ss-app__qr{display:none}@media(min-width:990px){.ss-app__qr{display:flex;align-items:center;gap:1rem;margin-top:1.5rem}.ss-app__qr img{width:6rem;height:6rem;padding:.375rem;background:#fff;border-radius:.5rem}.ss-app__qr span{max-width:9rem;font-size:.8125rem;font-weight:700;line-height:1.35;opacity:.8}}.ss-app__rating{margin:1.25rem 0 0;font-size:.8125rem;font-weight:700;letter-spacing:.04em;opacity:.7}.ss-app__phones{list-style:none;margin:0 calc(-1 * var(--page-margin, 16px));padding:.5rem var(--page-margin, 16px) 0;display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.ss-app__phones::-webkit-scrollbar{display:none}.ss-app__phone{flex:0 0 62%;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.ss-app__frame{position:relative;width:100%;box-sizing:border-box;padding:3.6cqi;border-radius:15cqi;background:#050506;overflow:hidden;isolation:isolate;box-shadow:0 0 0 1.5px #9a9ea3,0 0 0 3.5px #3b3e42,0 0 0 4.5px #75797e,0 1.75rem 3.5rem #00000080}.ss-app__island{position:absolute;z-index:1;top:6.2cqi;left:50%;width:29cqi;height:8.4cqi;transform:translate(-50%);border-radius:999px;background:#000}.ss-app__screen{width:100%;height:auto;aspect-ratio:1206 / 2622;object-fit:cover;object-position:top;display:block;border-radius:11.4cqi;background:#fff}.ss-app__phone,.ss-app__spot-phone{container-type:inline-size}.ss-app__cap{margin:0;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.8;text-align:center}@media(min-width:990px){.ss-app__phones{margin:0;padding:1rem 0 0;overflow:visible;justify-content:center;align-items:flex-end;gap:0}.ss-app__phone{flex:0 0 15rem}.ss-app__phones--3 .ss-app__phone:nth-child(1){transform:translate(2.5rem) rotate(-7deg) scale(.9);z-index:0}.ss-app__phones--3 .ss-app__phone:nth-child(2){z-index:1;flex-basis:17rem}.ss-app__phones--3 .ss-app__phone:nth-child(3){transform:translate(-2.5rem) rotate(7deg) scale(.9);z-index:0}.ss-app__phones--3 .ss-app__phone:nth-child(n+4){display:none}.ss-app__phones--3 .ss-app__cap,.ss-app__phones--2 .ss-app__cap{opacity:0}.ss-app__phones--2{gap:2rem}}.ss-app__spots{display:flex;flex-direction:column;gap:calc(64px * var(--ss-space, 1));margin-top:calc(64px * var(--ss-space, 1))}.ss-app__spot{display:grid;grid-template-columns:minmax(0,1fr);gap:1.75rem;align-items:center}.ss-app__spot-phone{width:min(64%,20rem);margin-inline:auto}.ss-app__spot-kicker{margin:0 0 .5rem;font-size:.6875rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--ss-accent, #D30000)}.ss-app__spot-title{margin:0;color:inherit;font-family:var(--font-heading--family);font-weight:800;font-style:italic;text-transform:uppercase;font-size:clamp(1.75rem,7.5vw,3rem);line-height:.95;padding-inline-end:.08em}.ss-app__spot-text{margin-top:.875rem;font-size:1rem;line-height:1.6;opacity:.85;max-width:30rem}.ss-app__spot-text>:first-child{margin-top:0}.ss-app__spot-text>:last-child{margin-bottom:0}@media(max-width:989px){.ss-app__spot-copy{text-align:center}.ss-app__spot-text{margin-inline:auto}}@media(min-width:990px){.ss-app__spot{grid-template-columns:1fr 1fr;gap:4rem}.ss-app__spot:nth-child(2n) .ss-app__spot-phone{order:2}}.ss-app__close{margin-top:calc(48px * var(--ss-space, 1));text-align:center}.ss-app__close-title{margin:0;color:inherit;font-family:var(--font-heading--family);font-weight:800;font-style:italic;text-transform:uppercase;font-size:clamp(1.75rem,8vw,3.25rem);line-height:.95;padding-inline-end:.08em}.ss-app__close-text{margin:.75rem auto 0;max-width:28rem;opacity:.8}.ss-app__stores--center{justify-content:center}.ss-app__fh{margin:calc(48px * var(--ss-space, 1)) 0 1.25rem;padding-inline-end:.08em;color:inherit;font-family:var(--font-heading--family);font-weight:800;font-style:italic;text-transform:uppercase;font-size:clamp(1.5rem,6vw,2.25rem);line-height:1}.ss-app__features{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid color-mix(in srgb,currentColor 16%,transparent)}@media(min-width:750px){.ss-app__features{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.5rem}}@media(min-width:1200px){.ss-app__features{grid-template-columns:repeat(3,minmax(0,1fr))}}.ss-app__feature{display:flex;gap:1rem;padding-block:1.25rem;border-bottom:1px solid color-mix(in srgb,currentColor 16%,transparent)}.ss-app__num{font-family:var(--font-heading--family);font-weight:800;font-style:italic;font-size:.875rem;color:var(--ss-accent, #D30000);min-width:1.5rem;padding-top:.2rem}.ss-app__ft{margin:0;color:inherit;font-family:var(--font-heading--family);font-weight:800;font-style:italic;text-transform:uppercase;font-size:1.0625rem;line-height:1.15;padding-inline-end:.08em}.ss-app__fx{margin-top:.375rem;font-size:.9375rem;line-height:1.55;opacity:.8}.ss-app__fx>:first-child{margin-top:0}.ss-app__fx>:last-child{margin-bottom:0}.ss-app-prompt{border:0;padding:20px;width:min(420px,calc(100vw - 32px));border-radius:18px;background:#fff;color:#1a1c1d;box-shadow:0 24px 60px #00000059}ss-app-prompt dialog.ss-app-prompt{background-color:#fff;opacity:1;color:#1a1c1d}ss-app-prompt dialog.ss-app-prompt *{opacity:1}ss-app-prompt .ss-app-prompt__text{opacity:.75}.ss-app-prompt::backdrop{background:#1a1c1d8c}.ss-app-prompt__close{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;border-radius:50%;background:#f5f5f5;color:#1a1c1d;display:flex;align-items:center;justify-content:center;cursor:pointer}.ss-app-prompt__head{display:flex;align-items:center;gap:14px;padding-right:44px}.ss-app-prompt__icon{width:64px;height:64px;border-radius:16px;flex:none;object-fit:cover}.ss-app-prompt__title{margin:0;font-family:var(--font-heading--family);font-weight:800;font-style:italic;text-transform:uppercase;font-size:1.25rem;line-height:1.05;padding-inline-end:.08em}.ss-app-prompt__text{margin:4px 0 0;font-size:.875rem;opacity:.75}.ss-app-prompt__btn{display:flex;width:100%;justify-content:center;align-items:center;gap:6px;margin-top:16px;box-sizing:border-box}.ss-app-prompt__chev{width:16px;height:16px;flex:none}.ss-app-prompt__qr{display:none;margin-top:16px;text-align:center}.ss-app-prompt__qr img{width:180px;height:180px}.ss-app-prompt__qr p{margin:8px 0 0;font-size:.8125rem;opacity:.75}ss-app-prompt:not(.is-phone) .ss-app-prompt__qr{display:block}ss-app-prompt:not(.is-phone) .ss-app-prompt__btn{display:none}@media(max-width:749px){.ss-app-prompt{margin:auto 0 0;width:100%;max-width:100%;border-radius:20px 20px 0 0;padding-bottom:calc(20px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:no-preference){.ss-app-prompt[open]{animation:ss-app-prompt-in .35s cubic-bezier(.2,.8,.2,1)}.ss-app-prompt.dialog-closing{animation:none}@keyframes ss-app-prompt-in{0%{transform:translateY(24px);opacity:0}}}.ss-app--part{display:flow-root}@supports (overflow: clip){.ss-app--part{overflow:visible;overflow-x:clip}}@media(max-width:749px){.ss-app__copy{text-align:center;align-items:center}.ss-app__stores{justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/388/assets/ss-app-showcase.css.map */
