.how-to__heading{margin:0;text-wrap:balance}.how-to__container-inner{display:grid;grid-template-columns:calc(63.18% - 25px) calc(36.82% - 25px);gap:50px;margin-top:50px}.section-slider.how-to__contents{padding:10px}.how-to__item-image{display:block;line-height:1;border-radius:8px;aspect-ratio:27 / 34;object-fit:cover;margin-bottom:16px}.how-to__item-title{text-align:left;font-size:34px;line-height:1;letter-spacing:-.58px;margin:0 0 12px}.how-to__item-content,.how-to__card-content{margin:0}.how-to__card-info{border-radius:12px;border:1px solid #4B0D00;background:#c9efff;margin-top:40px;padding:40px 32px}.how-to__card-title{text-align:left;font-size:32px;line-height:105%;letter-spacing:-.64px;margin:0 0 12px}.how-to__card-lists{list-style-type:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;gap:32px}.how-to__card-row{position:relative;display:flex;justify-content:space-between}.how-to__card-row:not(:last-child):before{content:"";width:100%;height:1px;background:#4b0d00;position:absolute;left:0;bottom:-16px}.how-to__wrapper{position:relative;overflow:clip}img.how-to__decor{position:absolute;max-width:180px;right:-45px;top:0}@media(max-width:980px){.how-to__container-inner{grid-template-columns:100%;gap:28px;margin-top:28px}.section-slider.how-to__contents{padding:0}.how-to__item-image{aspect-ratio:111 / 130}.how-to__item-title{font-size:28px}.how-to__card-info{margin-top:28px;padding:20px 16px}.how-to__card-title{font-size:24px;letter-spacing:-.48px}img.how-to__decor{max-width:128px;right:-72px;top:-28px}}@media(max-width:580px){.section-slider.how-to__contents{margin-right:-15px}.how-to__buttons{padding-right:15px}}.how-to__tutorial-item-inner{position:relative;display:flex;flex-direction:column;height:100%;align-items:flex-start;justify-content:flex-end;aspect-ratio:125 / 203;overflow:hidden;border-radius:12px;padding:32px 24px}.tutorial-item__image{position:absolute;width:100%;height:100%;object-fit:cover;z-index:-1;left:0;bottom:0}.how-to__tutorial-item-inner:after{content:"";background-image:linear-gradient(359deg,#000000b0 30%,transparent);width:100%;height:50%;display:block;position:absolute;bottom:0;left:0;z-index:-1}.tutorial-item__play{border-radius:5px;background:#ffffff1f;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);display:grid;grid-template-columns:28.5px auto;gap:8px;align-items:center;padding:5px 12px 5px 6px;color:#fff;text-decoration:unset;font-size:14px;letter-spacing:-.007px;margin:0 0 16px}.tutorial-item__title{font-size:34px;color:#fff;margin:0 0 16px;max-width:220px;text-align:left}.tutorial-item__cpntent{font-size:16px;color:#fff;margin:0 0 16px}.tutorial-item__social{display:grid;grid-template-columns:42px auto;gap:12px;align-items:center}.tutorial-item__social-image{position:relative;padding:2px;background:#fff;border-radius:99px}.tutorial-item__img-profile{display:block;line-height:1;aspect-ratio:1;border-radius:99px;object-fit:cover}.tutorial-item__social-image:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65' height='65' viewBox='0 0 65 65' fill='none'%3E%3Crect x='0.75' y='0.75' width='63.5' height='63.5' rx='31.75' stroke='url(%23paint0_linear_14154_3704)' stroke-width='1.5'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_14154_3704' x1='50.5' y1='7.5' x2='13.5' y2='57.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23CA3887'/%3E%3Cstop offset='0.5' stop-color='%23EF1D23'/%3E%3Cstop offset='1' stop-color='%23FB9D2D'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");position:absolute;width:42px;height:42px;background-size:42px;top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-item__social-link,.tutorial-item__social-link a{color:#fff;text-decoration:unset;line-height:1;font-size:16px;margin:0 0 4px}.tutorial-item__social-count{display:grid;grid-template-columns:12px auto;gap:5px;color:#fff;align-items:center;margin:6px 0 0;font-size:14px;line-height:1}.tutorial-item__ig-logo{width:14.4px;display:block;line-height:1;position:absolute;right:0;bottom:0}.how-to__tutorial-title{font-size:32px;text-align:left;margin:28px 0 24px}.how-to__tutorial-nav-item-inner{position:relative;padding:4px!important;background:#fff;border-radius:99px}.tutorial-item__nav-profile{display:block;line-height:1;aspect-ratio:1;border-radius:99px;object-fit:cover}.how-to__tutorial-nav-item-inner:after{content:"";position:absolute;width:100%;height:100%;background-size:100%;top:50%;left:50%;transform:translate(-50%,-50%);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65' height='65' viewBox='0 0 65 65' fill='none'%3E%3Crect x='0.75' y='0.75' width='63.5' height='63.5' rx='31.75' stroke='url(%23paint0_linear_14154_3704)' stroke-width='1.5'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_14154_3704' x1='50.5' y1='7.5' x2='13.5' y2='57.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23CA3887'/%3E%3Cstop offset='0.5' stop-color='%23EF1D23'/%3E%3Cstop offset='1' stop-color='%23FB9D2D'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")}.tutorial__buttons{display:none}.tutorial__buttons-inner{display:flex;gap:6px}.how-to__tutorial-nav-item{cursor:pointer;opacity:.7;transition:all .3s ease}.how-to__tutorial-nav-item.swiper-slide-thumb-active{opacity:1}@media(max-width:980px){.how-to__tutorial-item-inner{aspect-ratio:327 / 582;padding:16px}.tutorial-item__play{border-radius:5px;background:#ffffff1f;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);display:grid;grid-template-columns:28.5px auto;gap:8px;align-items:center;padding:5px 12px 5px 6px;color:#fff;text-decoration:unset;font-size:14px;letter-spacing:-.007px;margin:0 0 16px}.how-to__tutorial-title{font-size:24px}.tutorial__buttons{display:flex;margin-top:16px;justify-content:space-between}}.how-to__video-lightbox-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:block!important}.how-to__video-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:15px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}.how-to__video-lightbox.is-active{visibility:visible;opacity:1;pointer-events:auto}.how-to__video-lightbox-content{position:relative;z-index:1;width:100%;height:100%;max-width:393px;max-height:688px}.how-to__video-lightbox-video{display:block;width:100%;height:100%;background:#000;border-radius:8px;border:solid 1px #4b0d00;object-fit:cover}.how-to__video-lightbox-close{position:absolute;top:12px;right:12px;z-index:2;width:24px;height:24px;padding:0;border:0;background:transparent;cursor:pointer}.how-to__video-lightbox-close svg{display:block;width:100%;height:100%}body.how-video-open{overflow:hidden}@media(max-width:980px){.how-to__video-lightbox-content{max-width:328px;max-height:574px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/el-how-to.css.map */