.section-app-showcase{--as-gap: 28px;--as-pad-y: 24px;--as-pad-x: 32px;--as-icon: 56px;--as-ease: cubic-bezier(.16, 1, .3, 1);display:block;position:relative;width:100%}.section-app-showcase .as__header{max-width:760px;margin:0 auto 48px}.section-app-showcase .as__header.text-left{margin-left:0}.section-app-showcase .as__eyebrow{margin:0 0 14px;color:var(--color-charcoal-gray);font-family:var(--font-matter-medium);font-size:13px;line-height:1.4;letter-spacing:.12em;text-transform:uppercase}.section-app-showcase .as__heading{margin:0;color:var(--color-black)}.section-app-showcase .as__description{margin-top:14px;color:var(--color-charcoal-gray)}.section-app-showcase .as__description p{margin:0}.section-app-showcase .as__list{display:flex;flex-direction:column;gap:20px;max-width:1020px;margin:0 auto;padding:0;list-style:none}.section-app-showcase .as__item{position:relative;display:flex;align-items:center;gap:var(--as-gap);margin:0;padding:var(--as-pad-y) var(--as-pad-x);background-color:var(--color-white);border:1px solid var(--color-black-10);border-radius:20px;box-sizing:border-box;transition:transform .4s var(--as-ease),box-shadow .4s ease,border-color .4s ease}.section-app-showcase .as__number{flex:0 0 auto;min-width:24px;color:var(--color-charcoal-gray);opacity:.5;font-family:var(--font-matter-medium);font-size:18px;line-height:1;font-variant-numeric:tabular-nums;transition:opacity .4s ease,color .4s ease}.section-app-showcase .as__icon{display:flex;align-items:center;justify-content:center;flex:0 0 var(--as-icon);width:var(--as-icon);height:var(--as-icon);overflow:hidden;border:1px solid var(--color-black-5);border-radius:14px;background-color:var(--color-light-grey);transition:transform .4s var(--as-ease)}.section-app-showcase .as__icon-img{display:block;width:100%;height:100%;object-fit:cover}.section-app-showcase .as__icon-placeholder{width:100%;height:100%;fill:var(--color-charcoal-gray);opacity:.3}.section-app-showcase .as__content{flex:1.4 1 0;min-width:0}.section-app-showcase .as__title-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.section-app-showcase .as__title{margin:0;color:var(--color-black);font-family:var(--font-matter-semibold);font-size:18px;line-height:1.3;letter-spacing:-.01em}.section-app-showcase .as__badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border:1px solid var(--color-black-5);border-radius:100px;background-color:var(--color-lavender-mist);color:var(--color-black);font-family:var(--font-matter-medium);font-size:11px;line-height:1.4;white-space:nowrap}.section-app-showcase .as__badge-icon{flex-shrink:0}.section-app-showcase .as__text{margin:4px 0 0;color:var(--color-charcoal-gray);font-size:15px;line-height:1.45}.section-app-showcase .as__highlight{flex:1 1 0;min-width:0}.section-app-showcase .as__highlight-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--color-black-5);border-radius:10px;background-color:var(--color-light-grey);color:var(--color-black);font-family:var(--font-matter-medium);font-size:13px;line-height:1.3}.section-app-showcase .as__highlight-star{font-size:11px}.section-app-showcase .as__action{display:flex;justify-content:flex-end;flex:0 0 auto;min-width:140px}.section-app-showcase .as__btn{display:inline-flex;align-items:center;gap:12px;padding:6px 6px 6px 18px;border-radius:100px;background-color:var(--p-btn-background-color);color:var(--p-btn-text-color);font-family:var(--font-matter-semibold);font-size:15px;line-height:1.2;text-decoration:none;white-space:nowrap;transition:opacity .3s ease}.section-app-showcase .as__btn-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;background-color:var(--p-btn-text-color);color:var(--p-btn-background-color);transition:transform .35s var(--as-ease)}.section-app-showcase .as__btn:focus-visible{outline:2px solid var(--p-btn-background-color);outline-offset:3px}@media(hover:hover)and (pointer:fine){.section-app-showcase .as__item:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--color-black) 22%,transparent);box-shadow:0 22px 44px -24px color-mix(in srgb,var(--color-black) 30%,transparent)}.section-app-showcase .as__item:hover .as__number{opacity:1;color:var(--color-black)}.section-app-showcase .as__item:hover .as__icon{transform:scale(1.06)}.section-app-showcase .as__btn:hover{opacity:.9}.section-app-showcase .as__btn:hover .as__btn-icon{transform:translate(2px) rotate(-45deg)}}.section-app-showcase.is-ready .as__item{opacity:0;translate:0 24px;transition:opacity .7s ease calc(var(--as-index) * 90ms),translate .8s var(--as-ease) calc(var(--as-index) * 90ms),transform .4s var(--as-ease),box-shadow .4s ease,border-color .4s ease}.section-app-showcase.is-ready.is-inview .as__item{opacity:1;translate:0 0}.section-app-showcase .as__controls{display:none}.section-app-showcase .as__arrow{display:inline-flex;align-items:center;justify-content:center;width:44px;min-height:44px;height:44px;padding:0;border:1px solid var(--color-black-10);border-radius:50%;background-color:var(--color-white);color:var(--color-black);cursor:pointer;text-transform:none;transition:opacity .25s ease,background-color .25s ease}.section-app-showcase .as__arrow:disabled{opacity:.35;cursor:default}@media(prefers-reduced-motion:reduce){.section-app-showcase .as__item,.section-app-showcase .as__icon,.section-app-showcase .as__btn-icon,.section-app-showcase .as__number{transition:none}.section-app-showcase.is-ready .as__item{opacity:1;translate:none}}@media screen and (max-width:1023px){.section-app-showcase{--as-gap: 20px;--as-pad-y: 22px;--as-pad-x: 24px}.section-app-showcase .as__header{margin-bottom:36px}.section-app-showcase .as__item{display:grid;grid-template-columns:auto var(--as-icon) minmax(0,1fr) auto;grid-template-areas:"num icon content action" "num icon highlight action";align-items:center;row-gap:12px}.section-app-showcase .as__number{grid-area:num}.section-app-showcase .as__icon{grid-area:icon}.section-app-showcase .as__content{grid-area:content}.section-app-showcase .as__highlight{grid-area:highlight}.section-app-showcase .as__highlight--empty{display:none}.section-app-showcase .as__action{grid-area:action;min-width:0}}@media screen and (max-width:749px){.section-app-showcase{--as-pad-y: 18px;--as-pad-x: 18px;--as-icon: 48px}.section-app-showcase .as__header{margin-bottom:28px}.section-app-showcase .as__list{gap:12px}.section-app-showcase .as__item{grid-template-columns:var(--as-icon) minmax(0,1fr) auto;grid-template-areas:"icon content num" "highlight highlight highlight" "action action action";align-items:start;column-gap:14px;border-radius:16px}.section-app-showcase .as__number{font-size:14px;padding-top:4px}.section-app-showcase .as__icon{border-radius:12px}.section-app-showcase .as__title{font-size:17px}.section-app-showcase .as__text{font-size:14px}.section-app-showcase .as__action{justify-content:stretch}.section-app-showcase .as__btn{justify-content:space-between;width:100%;box-sizing:border-box}.section-app-showcase.as--mobile-slider .as__list{flex-direction:row;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.section-app-showcase.as--mobile-slider .as__list::-webkit-scrollbar{display:none}.section-app-showcase.as--mobile-slider .as__item{flex:0 0 84%;grid-template-rows:auto auto 1fr;scroll-snap-align:start}.section-app-showcase.as--mobile-slider .as__action{align-self:end}.section-app-showcase.as--mobile-slider .as__controls{display:flex;justify-content:center;gap:12px;margin-top:20px}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/app-showcase.css.map */