.download{display:flex;flex-direction:column;align-items:center;width:100%;min-height:calc(100vh - 320px);background-color:var(--color-download-bg, #eff5ff);background-size:cover;background-position:center;background-repeat:no-repeat}.download__hero{display:flex;justify-content:center;width:100%;padding-top:calc(var(--download-hero-pt, 180px) + var(--announcement-bar-height, 0px));padding-bottom:var(--download-hero-pb, 80px)}.download__content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:var(--section-max-width, 1245px);width:100%;padding:0 var(--section-padding-x)}.download__headline{font-size:var(--download-headline-size, 2.5rem);font-weight:700;color:var(--color-text, #0f172a);margin:0;line-height:1.3}.download__subheadline{font-size:var(--download-subheadline-size, 1.125rem);color:var(--color-text-muted, #64748b);margin:var(--spacing-md, 1rem) 0 0 0;max-width:640px}.download__platforms{display:flex;justify-content:center;width:100%;padding:0 var(--section-padding-x);padding-bottom:var(--download-platforms-pb, 5rem)}.download__placeholder{text-align:center;padding:var(--spacing-xl, 2rem);color:var(--color-text-muted, #64748b);font-size:var(--text-lg, 1.125rem)}.download__list{display:flex;justify-content:center;align-items:stretch;gap:32px;max-width:var(--section-max-width, 1245px);width:100%;flex-wrap:wrap}.download__card{position:relative;width:260px;min-height:200px;background-color:#fff;border-radius:16px;box-shadow:0 2px 16px #a7b2cc52;overflow:hidden;box-sizing:border-box;flex:0 0 auto}.download__tile{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;min-height:200px;padding:24px;margin:0;background:none;border:none;border-radius:inherit;cursor:pointer;text-align:center}.download__tile:focus-visible{outline:2px solid var(--color-brand-blue, #3366ff);outline-offset:2px}.download__icon{display:block;width:60px;height:60px;color:var(--download-icon-color, #afb8cc)}.download__icon img,.download__icon svg{width:100%;height:100%;display:block;object-fit:contain}.download__name{font-size:14px;font-weight:500;color:#111827;margin:0;line-height:1.4}.download__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;border-radius:inherit;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;pointer-events:none;padding:16px}.download__overlay>*{pointer-events:auto}.download__card--has-overlay:hover .download__overlay,.download__card--has-overlay:focus-within .download__overlay,.download__card[data-expanded=true] .download__overlay{opacity:1;visibility:visible}.download__actions{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%}.download__action{display:inline-flex;justify-content:center;align-items:center;width:100%;max-width:189px;min-height:36px;padding:8px 16px;background-color:#fff;border:1px solid #3366ff;border-radius:24px;color:#3370ff;font:inherit;font-size:14px;font-weight:500;text-decoration:none;text-align:center;cursor:pointer;transition:background-color .2s ease,color .2s ease;box-sizing:border-box}.download__action:hover{background-color:#36f;color:#fff}.download__action:focus-visible{outline:2px solid var(--color-brand-blue, #3366ff);outline-offset:2px}.download__qr{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%}.download__qr-image{width:100%;max-width:120px;height:auto;aspect-ratio:1 / 1;display:block}.download__qr-label{font-size:14px;color:#111827;font-weight:500;margin:0;text-align:center}@media(min-width:1536px){.download__list{gap:60px}}@media(max-width:900px){.download{min-height:auto}.download__hero{padding-top:calc(140px + var(--announcement-bar-height, 0px));padding-bottom:48px}.download__headline{font-size:2rem}.download__subheadline{font-size:1rem}.download__card{width:calc(50% - 16px);min-width:200px}}@media(max-width:640px){.download__hero{padding-top:calc(110px + var(--announcement-bar-height, 0px));padding-bottom:32px}.download__headline{font-size:1.625rem}.download__subheadline{font-size:.9375rem}.download__platforms{padding-bottom:3rem}.download__list{gap:20px}.download__card{width:100%;max-width:320px;min-height:160px}.download__tile{min-height:160px;gap:12px;padding:20px}.download__icon{width:52px;height:52px}.download__name{font-size:13px}.download__action{font-size:13px;min-height:40px}.download__qr-image{max-width:120px}}@media(max-width:360px){.download__headline{font-size:1.5rem}.download__card{max-width:100%}}@media(prefers-reduced-motion:reduce){.download__overlay,.download__action{transition:none}}.download-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;justify-content:center;align-items:center;padding:16px;background-color:#0f172a99;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.download-modal[hidden]{display:none}.download-modal--visible{opacity:1;visibility:visible}.download-modal__dialog{position:relative;width:100%;max-width:800px;max-height:calc(100vh - 32px);overflow-y:auto;background-color:#fff;border-radius:16px;box-shadow:0 16px 48px #0f172a33;box-sizing:border-box}.download-modal__close{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;justify-content:center;align-items:center;background:none;border:none;color:#64748b;cursor:pointer;border-radius:50%;transition:background-color .2s ease,color .2s ease}.download-modal__close:hover{background-color:#f1f5f9;color:#0f172a}.download-modal__close:focus-visible{outline:2px solid var(--color-brand-blue, #3366ff);outline-offset:2px}.download-modal__body{display:flex;flex-direction:column;gap:28px;padding-top:88px}.download-modal__title{font-size:1.75rem;font-weight:700;color:#0f172a;margin:0;text-align:center;line-height:1.3}.download-modal__actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.download-modal__action{display:inline-flex;justify-content:center;align-items:center;min-width:220px;min-height:44px;padding:10px 24px;border-radius:24px;font:inherit;font-size:14px;font-weight:500;text-decoration:none;text-align:center;cursor:pointer;border:none;transition:background-color .2s ease,color .2s ease;box-sizing:border-box}.download-modal__action--primary{background-color:#36f;color:#fff}.download-modal__action--primary:hover{background-color:#2952cc}.download-modal__action--primary:focus-visible{outline:2px solid var(--color-brand-blue, #3366ff);outline-offset:2px}.download-modal__guide{background-color:#f7f9fa;padding:40px 86px 24px;margin-top:56px}.download-modal__guide-title{font-size:1rem;font-weight:600;color:#0f172a;margin-bottom:24px;text-align:left}.download-modal__guide-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.download-modal__step{display:flex;flex-direction:column;gap:12px}.download-modal__step .download-modal__step-text:before{display:inline-flex;align-items:center;justify-content:center;background-color:#515359;color:#fff;width:17px;height:17px;border-radius:100%;margin-right:4px;font-size:14px}.download-modal__step:nth-child(1) .download-modal__step-text:before{content:"1"}.download-modal__step:nth-child(2) .download-modal__step-text:before{content:"2"}.download-modal__step-text{font-size:.875rem;line-height:1.5;color:#334155;margin:0}.download-modal__step-visual{width:100%;border-radius:8px;margin-top:auto;object-fit:cover}@media(max-width:640px){.download-modal__dialog{padding:32px 20px}.download-modal__title{font-size:1.375rem}.download-modal__actions{flex-direction:column;align-items:stretch}.download-modal__action{width:100%;min-width:auto}.download-modal__guide-steps{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.download-modal,.download-modal__action,.download-modal__close{transition:none}}.download__hover{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;padding:0;background:transparent;border:none;color:#36f;font:inherit;font-size:14px;font-weight:500;text-align:center;cursor:pointer}.download__hover-icon{display:block;width:60px;height:60px}.download__hover-icon img,.download__hover-icon svg{width:100%;height:100%;display:block;object-fit:contain}.download__hover-text{margin:0;line-height:1.4}.download__hover:focus-visible{outline:2px solid var(--color-brand-blue, #3366ff);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/37/assets/download.css.map */