@media only screen and (min-width: 768px){.how-to-use__card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1.8rem;gap:1.8rem}}@media only screen and (min-width: 1280px){.how-to-use__card{grid-template-columns:repeat(3,minmax(0,1fr))}}.how-to-use__card .swiper{width:100%}.how-to-use__card-col{position:relative;width:100%;aspect-ratio:1/1.45;max-height:calc(95svh - var(--header-height-mobile) - 0);max-height:calc(95svh - var(--header-height-mobile) - var(--announcement-height, 0))}@media only screen and (min-width: 1280px){.how-to-use__card-col{min-height:35rem}}@media only screen and (min-width: 1280px){.how-to-use__card-col{max-height:calc(95svh - var(--header-height-desktop) - 0);max-height:calc(95svh - var(--header-height-desktop) - var(--announcement-height, 0))}}.how-to-use__card-content{position:relative;aspect-ratio:initial;height:100%;padding-top:3rem;text-align:center;color:var(--text-color, var(--ink))}.how-to-use__card-content a,.how-to-use__card-content button{color:var(--text-color, var(--ink))}.how-to-use__card-content.how-to-use__card-content--with-nav{padding-top:6.5rem}@media only screen and (min-width: 768px){.how-to-use__card-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:5.6rem}.how-to-use__card-content.how-to-use__card-content--with-nav{padding-top:5.6rem}}.how-to-use__card-body{margin-top:2.4rem}.how-to-use__card-nav-subtitle-wrapper{position:absolute;z-index:2;top:2.2rem;left:0;right:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.4rem}@media only screen and (min-width: 768px){.how-to-use__card-nav-subtitle-wrapper{position:static;position:initial;margin-top:2.2rem}}.how-to-use__card-nav-btn{padding:.8rem}.how-to-use__card-main-media{border-radius:.3rem;overflow:hidden}.how-to-use__card-main-media video,.how-to-use__card-main-media img{z-index:1}.how-to-use__card-secondary-media{border-radius:.3rem;overflow:hidden;display:none}@media only screen and (min-width: 1280px){.how-to-use__card-secondary-media{display:block}}
