.ck-how-to-style{width:100%;background:var(--cs-bg);padding:var(--cs-padding-top) 0 var(--cs-padding-bottom);font-family:var(--cc-font-body, inherit);box-sizing:border-box}.ck-how-to-style *,.ck-how-to-style *:before,.ck-how-to-style *:after{box-sizing:border-box}.ck-how-to-style__container{display:flex;flex-direction:column;gap:40px;max-width:1480px;margin:0 auto;padding:0 30px}.ck-how-to-style__header{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.ck-how-to-style__eyebrow{margin:0;font-size:16px;line-height:18px;font-weight:400;text-transform:uppercase;color:var(--cs-eyebrow)}.ck-how-to-style__title{margin:0;font-family:var(--cc-font-display, inherit);font-weight:500;font-size:42px;line-height:44px;letter-spacing:-.03em;text-transform:capitalize;color:var(--cs-heading)}.ck-how-to-style__desc{max-width:700px;margin:0;font-size:20px;line-height:24px;font-weight:400;color:var(--cs-text)}.ck-how-to-style__slider{display:block}.ck-how-to-style__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.ck-how-to-style__card{display:grid;grid-template-columns:180px minmax(0,1fr);min-width:0;border-radius:8px;overflow:hidden;background:var(--cs-card-bg)}.ck-how-to-style__media{min-width:0;overflow:hidden;background:#eee}.ck-how-to-style__image{display:block;width:100%;height:100%;min-height:258px;object-fit:cover;object-position:center}.ck-how-to-style__placeholder{background:#e5e1d8;fill:#b4ae9f}.ck-how-to-style__content{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0;padding:24px 22px}.ck-how-to-style__step{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 14px;border:.5px solid var(--cs-badge-border);border-radius:4px;background:var(--cs-badge-bg);color:var(--cs-badge-text);font-size:16px;line-height:18px;font-weight:600;text-transform:uppercase}.ck-how-to-style__text-group{display:flex;flex-direction:column;align-items:flex-start;gap:14px;width:100%}.ck-how-to-style__card-title{margin:0;font-family:var(--cc-font-body, inherit);font-size:22px;line-height:26px;font-weight:500;color:var(--cs-card-title)}.ck-how-to-style__card-text{margin:0;font-size:20px;line-height:24px;font-weight:400;color:var(--cs-card-text)}.ck-how-to-style__dots{display:none}.ck-how-to-style__footer{max-width:900px;font-size:18px;line-height:26px;font-weight:400;color:var(--cs-text)}.ck-how-to-style__footer p{margin:0}.ck-how-to-style__footer p+p{margin-top:8px}@media screen and (min-width:750px)and (max-width:1180px){.ck-how-to-style__cards{grid-template-columns:1fr}.ck-how-to-style__card{max-width:700px}}@media screen and (max-width:749px){.ck-how-to-style{padding:var(--cs-padding-top-mobile) 0 var(--cs-padding-bottom-mobile);overflow:hidden}.ck-how-to-style__container{gap:26px;padding:0 16px}.ck-how-to-style__header{gap:14px}.ck-how-to-style__eyebrow{font-size:12px;line-height:14px}.ck-how-to-style__title{font-size:32px;line-height:34px}.ck-how-to-style__desc{font-size:16px;line-height:20px}.ck-how-to-style__cards{display:flex;gap:14px;margin-right:-16px;padding-right:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ck-how-to-style__cards::-webkit-scrollbar{display:none}.ck-how-to-style__card{display:flex;flex-direction:column;flex:0 0 88%;width:88%;scroll-snap-align:start}.ck-how-to-style__media{width:100%;background:var(--cs-card-bg)}.ck-how-to-style__image{height:auto;min-height:0;object-fit:contain}.ck-how-to-style__placeholder{aspect-ratio:4 / 3}.ck-how-to-style__content{flex:1 1 auto;gap:12px;padding:18px 16px 20px}.ck-how-to-style__step{min-height:26px;padding:6px 10px;font-size:12px;line-height:14px}.ck-how-to-style__text-group{gap:9px}.ck-how-to-style__card-title{font-size:19px;line-height:23px}.ck-how-to-style__card-text{font-size:16px;line-height:21px}.ck-how-to-style__dots{display:flex;align-items:center;gap:7px;margin-top:18px}.ck-how-to-style__dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:var(--cs-dot);cursor:pointer;transition:width .25s ease,background-color .25s ease}.ck-how-to-style__dots button.active{width:28px;background:var(--cs-dot-active)}.ck-how-to-style__footer{font-size:16px;line-height:22px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ck-how-to-style.css.map */