.shto-form-matters{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:28px;padding:48px var(--shto-side);background:var(--ink-dark);overflow:hidden}.shto-form-matters__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.shto-form-matters__background picture{display:block;width:100%;height:100%}.shto-form-matters__background img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.shto-form-matters__head{display:flex;flex-direction:column;align-items:center;gap:8px}.shto-form-matters__rating{display:flex;align-items:center;justify-content:center;gap:6px;width:100%}.shto-form-matters__stars{flex:none;display:flex;align-items:center;gap:2px;height:14px}.shto-form-matters__stars img{width:14px;height:auto}.shto-form-matters__rating-text{font-family:var(--font-body);font-weight:400;font-size:12px;line-height:round(1.2em,1px);letter-spacing:0;color:var(--bg-mist)}.shto-form-matters__titles{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.shto-form-matters__title{width:100%;font-family:var(--font-heading);font-weight:400;font-size:34px;line-height:round(1.2em,1px);letter-spacing:0;text-transform:uppercase;text-align:center;color:var(--on-ink)}.shto-form-matters__text{width:100%;font-family:var(--font-body);font-weight:400;font-size:16px;line-height:round(1.4em,1px);letter-spacing:0;text-align:center;color:var(--bg-mist)}.shto-form-matters__slider{display:flex;flex-direction:column;gap:28px}.shto-form-matters__cards{display:flex;align-items:stretch;gap:12px;margin:0 calc(-1 * var(--shto-side));padding:0 var(--shto-side);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--shto-side);scrollbar-width:none}.shto-form-matters__cards::-webkit-scrollbar{display:none}.shto-form-matters__card{flex:0 0 min(310px,calc(100vw - 48px));display:flex;flex-direction:column;border-radius:var(--radius-card);overflow:hidden;background:#e9f1f9;scroll-snap-align:start}.shto-form-matters__photo{position:relative;flex:none;width:100%;aspect-ratio:310 / 220;background:var(--bg-ice)}.shto-form-matters__photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.shto-form-matters__body{flex:1 0 auto;display:flex;flex-direction:column;gap:16px;padding:16px;background:#e9f1f9}.shto-form-matters__headline{font-family:var(--font-heading);font-weight:400;font-size:18px;line-height:round(1.2em,1px);letter-spacing:0;text-transform:uppercase;color:#000}.shto-form-matters__description{font-family:var(--font-body);font-weight:400;font-size:14px;line-height:round(1.4em,1px);letter-spacing:0;color:var(--ink-body)}.shto-form-matters__progress{position:relative;width:100%;height:8px;border-radius:100px;background:#e7e7e74d;overflow:hidden}.shto-form-matters__thumb{position:absolute;top:0;left:0;width:35.61%;height:100%;border-radius:100px;background:#fff;will-change:transform}.shto-form-matters__cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:18px 16px;border-radius:var(--radius-small);background:var(--brand-blue);color:var(--on-ink);transition:background-color .2s ease}.shto-form-matters__cta:hover{background:#1287bc}.shto-form-matters__cta-label{flex:1 1 0;min-width:0;font-family:var(--font-ui);font-weight:800;font-size:16px;line-height:16px;letter-spacing:0;text-transform:uppercase;text-align:center;color:var(--on-ink)}@media(max-width:359.98px){.shto-form-matters__text br{display:none}}@media(min-width:990px){.shto-form-matters{align-items:center;gap:40px;padding-top:80px;padding-bottom:80px}.shto-form-matters__head{width:100%}.shto-form-matters__rating-text{font-size:16px;line-height:round(1.4em,1px);color:var(--on-ink)}.shto-form-matters__titles{gap:12px}.shto-form-matters__title{font-size:40px}.shto-form-matters__text{font-size:18px;color:var(--on-ink)}.shto-form-matters__text br{display:none}.shto-form-matters__slider{width:100%}.shto-form-matters__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;overflow:visible;scroll-snap-type:none}.shto-form-matters__photo{aspect-ratio:305 / 220}.shto-form-matters__body{padding:20px}.shto-form-matters__headline{font-size:24px;text-transform:none}.shto-form-matters__description{font-size:16px}.shto-form-matters__progress{display:none}.shto-form-matters__cta{width:529px;max-width:100%;border-radius:var(--radius-card)}.shto-form-matters__cta-label{flex:0 1 456px}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/shto-form-matters.css.map */