.our-app-section{--our-app-inline-padding: 24px;--our-app-slider-gap: 16px;--our-app-slider-card-width: 240px;--our-app-card-blur: 50px;--our-app-card-bg-alpha: .04;background:var(--ui-color-surface-secondary)}.our-app-section__container{height:600px;width:100%;max-width:1440px;margin:0 auto;padding:100px var(--our-app-inline-padding) 35px;box-sizing:border-box;display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:24px;position:relative;overflow:hidden}.our-app-section__intro{grid-column:1;grid-row:1;max-width:380px;position:relative;z-index:2}.our-app-section__heading{margin:0;color:var(--ui-color-text-primary);font-family:var(--ui-font-family-sans);font-size:32px;line-height:1.08;letter-spacing:-.04em;font-weight:var(--ui-font-weight-regular)}.our-app-section__subheading{margin-top:10px;color:var(--ui-color-text-secondary);font-size:16px;line-height:1.28}.our-app-section__subheading p{margin:0}.our-app-section__subheading p+p{margin-top:8px}.our-app-section__learn-more{margin-top:16px;align-self:flex-start}.our-app-section__store-links{margin-top:24px;--store-buttons-min-width: 148px}.our-app-section__hero{grid-column:2;grid-row:1 / span 2;align-self:start;justify-self:end;width:min(100%,816px);margin-right:0;position:relative;z-index:1;pointer-events:none;margin-top:-120px}.our-app-section__hero-image,.our-app-section__hero-placeholder{width:100%;height:auto;display:block}.our-app-section__hero-picture{display:block;width:100%}.our-app-section__hero-image{object-fit:contain;object-position:right top}.our-app-section__hero-placeholder{min-height:280px;background:rgba(var(--ui-color-surface-secondary-rgb),.35);color:rgba(var(--ui-color-text-secondary-rgb),.42)}.our-app-section__slider-shell{grid-column:1 / -1;grid-row:3;min-width:0;margin-top:auto;overflow:visible;position:relative;z-index:3}.our-app-section__viewport{overflow:visible;padding:8px 0 6px}.our-app-section__viewport:not(.swiper-initialized)::-webkit-scrollbar{display:none}.our-app-section__track{min-width:100%;box-sizing:border-box;align-items:stretch}.our-app-card{width:100%;min-width:0;min-height:208px;padding:16px 16px 18px;border-radius:16px;background:rgba(var(--ui-color-surface-primary-rgb),.72);color:var(--ui-color-text-primary);box-sizing:border-box;display:flex;flex-direction:column;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden;isolation:isolate}@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.our-app-card{background:rgba(var(--ui-color-text-primary-rgb),var(--our-app-card-bg-alpha));-webkit-backdrop-filter:blur(var(--our-app-card-blur));backdrop-filter:blur(var(--our-app-card-blur))}}.our-app-card--media-top{justify-content:space-between}.our-app-card--media-bottom{justify-content:flex-start}.our-app-card__body{position:relative;z-index:1;text-align:center}.our-app-card--media-top .our-app-card__body{padding-top:10px}.our-app-card__title{margin:0;font-family:var(--ui-type-h4-font-family);font-size:var(--ui-type-h4-font-size);line-height:var(--ui-type-h4-line-height);letter-spacing:-.03em;font-weight:var(--ui-type-h4-font-weight)}.our-app-card__text{margin-top:8px;color:var(--ui-color-text-secondary);font-size:12px;line-height:1.3}.our-app-card__text p{margin:0;font:inherit}.our-app-card__text p+p{margin-top:6px}.our-app-card__media{position:relative;z-index:1;min-height:92px;display:flex;align-items:center;justify-content:center;overflow:visible}.our-app-card__picture{display:flex;align-items:inherit;justify-content:inherit;width:100%}.our-app-card--media-top .our-app-card__media{margin:0 -10px;align-items:flex-start}.our-app-card--media-bottom .our-app-card__media{margin:auto -12px -18px;align-items:flex-end}.our-app-card__image,.our-app-card__placeholder{width:auto;max-width:calc(100% + 20px);max-height:140px;height:auto;display:block;object-fit:contain}.our-app-card--media-top .our-app-card__image{max-height:98px;height:100%}.our-app-card:first-child.our-app-card--media-top .our-app-card__image{border-radius:8px}.our-app-card:last-child.our-app-card--media-top .our-app-card__image{max-height:90px;margin-right:-8px;margin-left:auto}.our-app-card__placeholder{width:100%;height:132px;color:rgba(var(--ui-color-text-secondary-rgb),.42)}.our-app-section__pagination{display:none}.our-app-section__pagination[hidden]{display:none!important}.our-app-section__pagination-dot{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(var(--ui-color-text-primary-rgb),.12);cursor:pointer;transition:width .2s ease,background-color .2s ease}.our-app-section__pagination-dot.is-active{width:28px;background:var(--ui-color-surface-accent)}.our-app-section__pagination-dot:focus-visible{outline:2px solid var(--ui-color-text-primary);outline-offset:2px}@media(min-width:1025px){.our-app-section__track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--our-app-slider-gap);height:200px}}@media(max-width:1024px)and (min-width:768px){.our-app-section__container{height:600px;grid-template-columns:minmax(260px,320px) minmax(0,1fr);column-gap:16px;padding:64px var(--our-app-inline-padding) 40px}.our-app-section__intro{max-width:320px}.our-app-section__subheading{font-size:14px}.our-app-section__store-links{margin-top:20px}.our-app-section__hero{width:498px;margin-top:-64px;margin-right:0}.our-app-section__slider-shell{width:calc(100% + (var(--our-app-inline-padding) * 2));margin-left:calc(var(--our-app-inline-padding) * -1);overflow:hidden}.our-app-section__viewport{overflow:hidden;width:100%;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:0 var(--our-app-inline-padding)}.our-app-section__viewport:not(.swiper-initialized){cursor:grab;-webkit-user-select:none;user-select:none}.our-app-section__viewport:not(.swiper-initialized) .our-app-section__track{width:max-content;min-width:100%;display:flex;flex-wrap:nowrap;gap:12px}.our-app-card{width:var(--our-app-slider-card-width);flex:0 0 var(--our-app-slider-card-width);min-height:162px;padding:16px 16px 18px;border-radius:16px}.our-app-section__pagination{margin-top:16px;display:flex;justify-content:center;gap:8px}}@media(max-width:767px){.our-app-section{--our-app-inline-padding: 16px}.our-app-section__container{height:670px;padding:40px var(--our-app-inline-padding) 40px;display:flex;flex-direction:column;overflow:hidden}.our-app-section__intro{max-width:320px}.our-app-section__heading{font-size:24px}.our-app-section__subheading{font-size:14px;line-height:1.28}.our-app-section__store-links{margin-top:24px;gap:10px;--store-buttons-height: 44px;--store-buttons-padding-block: 7px;--store-buttons-padding-inline: 10px;--store-buttons-button-gap: 8px;--store-buttons-radius: 8px;--store-buttons-icon-size: 18px}.our-app-section__store-links .store-buttons__button{width:calc(50% - 5px);min-width:0}.our-app-section__hero{width:min(100%,357px);max-width:none;align-self:flex-end;justify-self:auto;margin-top:-20px;margin-right:0}.our-app-section__slider-shell{width:calc(100% + (var(--our-app-inline-padding) * 2));margin-left:calc(var(--our-app-inline-padding) * -1);margin-top:-70px;overflow:hidden}.our-app-section__viewport{width:100%;overflow:hidden;padding:0 var(--our-app-inline-padding) 0;touch-action:pan-y;-webkit-overflow-scrolling:touch}.our-app-section__viewport:not(.swiper-initialized){cursor:grab;-webkit-user-select:none;user-select:none}.our-app-section__viewport:not(.swiper-initialized) .our-app-section__track{width:max-content;min-width:100%;display:flex;flex-wrap:nowrap;gap:12px}.our-app-card{width:var(--our-app-slider-card-width);flex:0 0 var(--our-app-slider-card-width);min-height:174px;padding:14px 16px 16px;border-radius:16px}.our-app-card__title{font-size:16px}.our-app-card--media-top .our-app-card__media{margin-top:-6px}.our-app-card--media-bottom .our-app-card__media{margin-bottom:-16px}.our-app-section__pagination{margin-top:16px;display:flex;justify-content:center;gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/our-app-section.css.map */