.joyee-howto{--jht-accent: #C4603A;--jht-accent-deep: #9F4527;--jht-ink: #221D17;--jht-ink-soft: #6B6157;--jht-line: #E7DDCE}.joyee-howto__wrap{max-width:var(--jht-max-w, none);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);align-items:center}.joyee-howto__stage{position:relative;border-radius:var(--jht-radius, 14px);overflow:hidden;background:#f2ece6;aspect-ratio:var(--jht-ratio, 4 / 3)}.joyee-howto__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .35s ease}.joyee-howto__video.is-active{opacity:1;visibility:visible}.joyee-howto__video video,.joyee-howto__video img{width:100%;height:100%;object-fit:cover;display:block}.joyee-howto__playbtn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;background:#ffffffeb;border:none;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:2;transition:transform .2s ease,background .2s ease}.joyee-howto__stage[data-autoplay=false] .joyee-howto__playbtn{display:flex}.joyee-howto__playbtn:hover{transform:translate(-50%,-50%) scale(1.06)}.joyee-howto__playbtn svg{width:24px;height:24px;fill:var(--jht-accent)}.joyee-howto__playbtn .icon-pause,.joyee-howto__playbtn.is-playing .icon-play{display:none}.joyee-howto__playbtn.is-playing .icon-pause{display:block}.joyee-howto__eyebrow{color:var(--jht-accent);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;margin:0 0 12px}.joyee-howto__title{color:var(--jht-ink);line-height:1.15;margin:0 0 22px}.joyee-howto__tabs{display:flex;flex-wrap:wrap;gap:20px 26px;margin-bottom:22px;padding-bottom:0}.joyee-howto__tab{background:none;border:none;padding:0 0 12px;margin:0;cursor:pointer;font-family:inherit;font-size:.9375rem;font-weight:600;color:var(--jht-ink-soft);position:relative;transition:color .2s ease;white-space:nowrap}.joyee-howto__tab:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--jht-ink);transform:scaleX(0);transition:transform .25s ease}.joyee-howto__tab.is-active{color:var(--jht-ink)}.joyee-howto__tab.is-active:after{transform:scaleX(1)}.joyee-howto__panel{display:none}.joyee-howto__panel.is-active{display:block;animation:jhtFade .3s ease}@keyframes jhtFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.joyee-howto__panel{color:var(--jht-ink);font-size:var(--jht-body-fs, 15px);line-height:1.6}.joyee-howto__panel p{margin:0 0 12px}.joyee-howto__panel ol{list-style:none;counter-reset:jht-step;padding:0;margin:0}.joyee-howto__panel ol>li{counter-increment:jht-step;position:relative;padding-left:28px;margin-bottom:16px}.joyee-howto__panel ol>li:before{content:counter(jht-step) ".";position:absolute;left:0;top:0;color:var(--jht-ink);font-weight:700}.joyee-howto__panel ol>li strong{font-weight:700}.joyee-howto__panel ul{padding-left:20px;margin:0 0 12px}@media(max-width:767px){.joyee-howto__wrap{grid-template-columns:1fr;gap:22px}.joyee-howto__panel{font-size:var(--jht-body-fs-m, 14px)}.joyee-howto__tabs{gap:14px 18px}.joyee-howto__tab{font-size:.875rem}}@media(prefers-reduced-motion:reduce){.joyee-howto__video,.joyee-howto__tab:after,.joyee-howto__panel.is-active{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/239/assets/joyee-howto-tabs.css.map */