@layer components{.gift-mobile-app{display:flex;flex-direction:column;align-items:center}.gift-mobile-app__content{display:flex;flex-direction:column;gap:48px;box-sizing:border-box;width:100%}.gift-mobile-app__nav{display:flex;flex-direction:row;gap:6px;order:2;overflow:auto hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;scrollbar-width:none;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch}.gift-mobile-app__nav::-webkit-scrollbar{display:none}.gift-mobile-app__trigger{display:flex;flex-direction:row;align-items:center;padding:12px 16px;color:var(--color-navy-blue);font:inherit;font-weight:400;text-align:left;background:#e5e9f4;border:0;border-radius:100em;cursor:pointer;transition:color .35s ease,transform .35s ease}.gift-mobile-app__trigger:before{display:block;width:5px;height:28px;background:var(--color-orange);opacity:0;transition:opacity .35s ease}.gift-mobile-app__trigger:hover{opacity:1}.gift-mobile-app__trigger.is-selected{font-weight:700;opacity:1}.gift-mobile-app__trigger.is-selected:before{opacity:1}.gift-mobile-app__trigger-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gift-mobile-app__preview{display:grid;flex-shrink:0;grid-template-areas:"stack";align-self:center;max-width:296px;overflow:hidden}.gift-mobile-app__image{grid-area:stack;width:100%;height:100%;object-fit:contain;transform:translateY(12px);visibility:hidden;opacity:0;transition:opacity .35s ease-in-out,transform .35s ease-in-out,visibility 0s linear .35s}.gift-mobile-app__image.is-selected{transform:translateY(0);visibility:visible;opacity:1;filter:blur(0);transition:opacity .35s ease-in-out,transform .35s ease-in-out,visibility 0s linear 0s}.gift-mobile-app__cta{align-self:center;order:1}@media(min-width:768px){.gift-mobile-app{flex-direction:row;gap:32px;align-items:center;justify-content:center}.gift-mobile-app__content{width:440px;padding:0 0 60px}.gift-mobile-app__nav{flex-direction:column;gap:0;order:1}.gift-mobile-app__trigger{gap:8px;padding:12px 0;color:var(--color-gray);font-size:20px;background:transparent;transform:translate(-13px)}.gift-mobile-app__trigger:before{content:""}.gift-mobile-app__trigger.is-selected{color:var(--color-white);transform:translate(0)}.gift-mobile-app__preview{align-self:end;width:296px}.gift-mobile-app__image{transition:opacity .35s ease,transform .35s ease,visibility 0s linear .35s}.gift-mobile-app__image.is-selected{transition:opacity .35s ease,transform .35s ease,visibility 0s linear 0s}.gift-mobile-app__cta{align-self:inherit;order:2}}@media(min-width:992px){.gift-mobile-app{gap:80px}.gift-mobile-app__trigger{font-size:24px}}}@layer components{.mobile-app-rating{display:inline-flex;flex-direction:row;gap:24px;align-items:center}.mobile-app-rating__item{display:flex;gap:8px;align-items:center}.mobile-app-rating__icon{flex-shrink:0;width:16px;height:16px}.mobile-app-rating__rating{display:flex;gap:4px;align-items:center;font-size:16px}.mobile-app-rating__star{flex-shrink:0;width:16px;height:16px;color:var(--color-orange)}@media(min-width:768px){.mobile-app-rating__icon{width:20px;height:20px}.mobile-app-rating__rating{font-size:18px}.mobile-app-rating__star{width:20px;height:20px}}}@layer components{.mobile-app-features-section{padding:60px 0 0;color:var(--ui-100);background:var(--color-navy-blue)}.mobile-app-features-section__header{max-width:var(--breakpoint-xl);margin-right:auto;margin-bottom:32px;margin-left:auto;text-align:center}.mobile-app-features-section__title{margin:0 0 32px;font-weight:400;font-size:24px;line-height:30px}.mobile-app-features-section__subtitle{margin:0;font-weight:400;font-size:16px;font-family:var(--font-primary);line-height:24px}.mobile-app-features-section__rating{margin-top:16px}@media(min-width:640px){.mobile-app-features-section__title{font-size:28px;line-height:35px}}@media(min-width:768px){.mobile-app-features-section{padding:80px 0 0}.mobile-app-features-section__header{margin-bottom:60px}.mobile-app-features-section__subtitle{font-size:18px;line-height:26px}.mobile-app-features-section__rating{margin-top:24px}}@media(min-width:992px){.mobile-app-features-section{padding:100px 0 0}.mobile-app-features-section__header{margin-bottom:80px}.mobile-app-features-section__title{font-size:34px;line-height:43px}}}