.how-to{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background-color:#fafafa;padding:2em 0}@media screen and (max-width: 1023px){.how-to{padding:2em 0}}.how-to__inner{display:flex;flex-direction:row;align-items:stretch;flex-wrap:wrap;padding:2em;min-height:600px;width:100%;max-width:1400px;margin:0 auto}@media screen and (min-width: 1023px){.how-to__inner{padding:2em 1rem 4em}}.how-to__slideshow{display:none}@media screen and (min-width: 1023px){.how-to__slideshow{display:block;position:relative;flex-grow:1;flex-basis:300px}}.how-to__images-container{display:none}@media screen and (min-width: 1023px){.how-to__images-container{display:block;min-width:285px;flex-grow:1;height:660px;position:relative;max-height:100%}}.how-to__image{position:absolute;opacity:0;transition:opacity .2s ease-in-out;height:100%;width:100%}.how-to__image.active{opacity:1}.how-to__image.active figcaption{opacity:1}.how-to__image img{height:100%;width:100%;object-fit:contain}.how-to__image figure{margin:0;height:calc(100% - 50px)}.how-to__image figcaption{text-align:center;opacity:0;padding:0}.how-to__step-container{display:flex;align-items:center;flex-grow:1;flex-basis:400px;margin-left:0;overflow:auto;max-height:100%;width:100%}@media screen and (min-width: 1023px){.how-to__step-container{margin-left:2em}}.how-to__step-inner{display:flex;flex-direction:column;justify-content:flex-start}.how-to__step{display:flex;flex-direction:row;align-items:flex-start;padding:1rem 0;cursor:pointer}@media screen and (max-width: 1023px){.how-to__step .how-to__step-index{color:#f30}.how-to__step .how-to__step-content{color:#222}}.how-to__step.active .how-to__step-index{color:#f30}.how-to__step.active .how-to__step-content{color:#222}.how-to__step-index{font-size:.9em;font-weight:700;min-width:25px;text-align:center;margin-top:.25rem;margin-right:1em;border-right:1px solid #e2e2e2;color:#a5a5a5}.how-to__step-copy{font-size:.8em;line-height:25px}.how-to__step-name{font-size:1.2rem;font-weight:bold;margin-bottom:.5rem}.how-to__step-content{color:#a5a5a5}.how-to__carousel-dots{display:flex;flex-direction:row;justify-content:center;position:absolute;bottom:-20px;width:100%}.how-to__carousel-dot{margin:0 4px;color:#999}.how-to__carousel-dot svg{height:10px;width:10px}.how-to__carousel-dot.active{color:#222}