[data-guide-open][hidden]{display:none}.hh-guide-link{display:inline-flex;align-items:center;min-height:44px;color:inherit;font-size:15px;font-weight:500;text-decoration:underline;text-underline-offset:3px}.hh-guide-row{display:grid;grid-template-columns:80px minmax(0,1fr) 18px;gap:4px 14px;align-items:center;margin-top:14px;padding-block:14px;border-top:1px solid #8f8b7e;color:var(--vlvr-ink);text-decoration:none}.vlvr a.hh-guide-row{text-decoration:none}.hh-guide-row__image{display:block;grid-row:1 / span 2;width:100%;height:auto;aspect-ratio:1;border-radius:4px;background:#e2ded8}.hh-guide-row__title{grid-column:2;align-self:end;font-family:var(--vlvr-serif);font-size:24px;line-height:1.15}.hh-guide-row__text{grid-column:2;align-self:start;font-size:15px;line-height:1.35}.hh-guide-row__arrow{grid-column:3;grid-row:1 / span 2;font-size:18px}.hh-guide-row:hover .hh-guide-row__title{text-decoration:underline;text-underline-offset:3px}@media screen and (min-width:750px){.hh-guide-row{grid-template-columns:112px minmax(0,1fr) 18px;column-gap:24px;padding-block:16px}.hh-guide-row__title{font-size:30px}}html.hh-guide-open{overflow:hidden;scrollbar-gutter:stable}.hh-guide{width:min(440px,calc(100vw - 16px));max-width:none;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);margin:auto;padding:0;border:0;border-radius:var(--hh-radius);background:var(--hh-ground);color:var(--hh-ink);font-family:var(--hh-font-body);font-size:15px;line-height:1.4;letter-spacing:0}.hh-guide[open]{display:flex;flex-direction:column}.hh-guide::backdrop{background:#1c1a1a8c}.hh-guide [hidden]{display:none!important}.hh-guide__top{display:flex;flex:none;align-items:center;justify-content:space-between;min-height:44px;margin-top:6px;padding-inline:16px 4px;font-size:14px}.hh-guide button{-webkit-appearance:none;appearance:none;border:0;background:none;color:inherit;cursor:pointer}.hh-guide button:focus-visible{outline:2px solid var(--hh-forest);outline-offset:2px}.hh-guide__close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0}.hh-guide__body{flex:1 1 auto;min-height:0;padding-inline:16px;overflow-y:auto;overscroll-behavior:contain}.hh-guide__figure{position:relative;margin:0 0 12px;border-radius:var(--hh-radius);background:#e2ded8;overflow:hidden}.hh-guide__figure>svg{display:block;width:100%;height:auto}.hh-guide .hh-guide__pause{position:absolute;top:2px;left:2px;z-index:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0}.hh-guide__pause span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--hh-ink);border-radius:50%;background:var(--hh-ground)}.hh-guide__caption{display:grid;padding:12px 8px 14px;font-size:15px;font-weight:500;line-height:1.2;text-align:center}.hh-guide__caption span{display:none;grid-area:1 / 1}.hh-guide .hh-guide__title{margin:2px 0 8px;color:var(--hh-ink);font-family:var(--hh-font-heading);font-size:28px;font-weight:400;line-height:1.15;outline:0}.hh-guide p{margin:0 0 8px;font-size:15px;line-height:1.4}.hh-guide ul{margin:0 0 8px;padding:0;list-style:none}.hh-guide li{padding:6px 0;border-top:1px solid var(--hh-honey)}.hh-guide b{font-weight:500}.hh-guide .hh-guide__safety{margin:10px 0 0;font-size:13px;line-height:1.35}.hh-guide__nav{display:flex;flex:none;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px max(16px,env(safe-area-inset-bottom))}.hh-guide__nav.has-more{box-shadow:0 -10px 12px -10px #1c1a1a73}.hh-guide .hh-guide__back{min-height:48px;padding:0;font:400 15px var(--hh-font-body);text-decoration:underline;text-underline-offset:3px}.hh-guide .hh-guide__next{min-height:48px;margin-left:auto;padding:0 26px;border-radius:var(--hh-radius);background:var(--hh-ink);color:var(--hh-ground);font:500 16px var(--hh-font-body)}.hh-guide .sg-sw{transform-box:view-box;transform-origin:84px 146px}.hh-guide .sg-kl{transform-box:fill-box;transform-origin:left}.hh-guide .sg-np{transform:translate(38px,-4px)}.sg-side,.sg-topv,.sg-d,.sg-cv,.sg-cb{display:none}.hh-guide[data-s="1"] .sg-side,.hh-guide[data-s="2"] .sg-side,.hh-guide[data-s="3"] .sg-topv,.hh-guide[data-s="2"] .sg-d,.hh-guide[data-s="2"] .sg-cv,.hh-guide[data-s="2"] .sg-cb{display:inline}.hh-guide[data-s="1"] .sg-ka,.hh-guide[data-s="1"] .sg-kb,.hh-guide[data-s="1"] .sg-kc,.hh-guide[data-s="2"] .sg-c1,.hh-guide[data-s="2"] .sg-c2,.hh-guide[data-s="3"] .sg-k3{display:block}.hh-guide[data-s="1"] .sg-sw{animation:sg-s1 10s ease-in-out infinite}.hh-guide[data-s="1"] .sg-kl{animation:sg-kl 10s linear infinite}.hh-guide[data-s="1"] .sg-ka{animation:sg-ka 10s linear infinite}.hh-guide[data-s="1"] .sg-kb{animation:sg-kb 10s linear infinite}.hh-guide[data-s="1"] .sg-kc{animation:sg-kc 10s linear infinite}.hh-guide[data-s="2"] .sg-sw{animation:sg-s2 12s ease-in-out infinite}.hh-guide[data-s="2"] .sg-c1{animation:sg-c1 3s linear infinite}.hh-guide[data-s="2"] .sg-c2{animation:sg-c2 3s linear infinite}.hh-guide[data-s="2"] .sg-d{animation:sg-dust 3s linear infinite}.hh-guide[data-s="2"] .sg-d2{animation-delay:.15s}.hh-guide[data-s="2"] .sg-d3{animation-delay:.3s}.hh-guide[data-s="2"] .sg-cv{animation:sg-chev 3s linear infinite}.hh-guide[data-s="2"] .sg-cb{animation:sg-chevb 3s linear infinite}.hh-guide[data-s="3"] .sg-sw3{animation:sg-s3 5s ease-in-out infinite}.hh-guide[data-s="3"] .sg-bent{animation:sg-bow-on 5s linear infinite}.hh-guide[data-s="3"] .sg-straight{animation:sg-bow-off 5s linear infinite}.hh-guide[data-s="3"] .sg-cf{animation:sg-push 5s linear infinite}.hh-guide.is-still *{animation:none!important}.hh-guide.is-still[data-s="1"] .sg-sw{transform:rotate(-15deg) translate(-37px,-11px)}.hh-guide.is-still[data-s="1"] .sg-kl{transform:scaleX(.23)}.hh-guide.is-still[data-s="1"] .sg-kb,.hh-guide.is-still[data-s="1"] .sg-kc,.hh-guide.is-still[data-s="2"] .sg-c2,.hh-guide.is-still[data-s="2"] .sg-d,.hh-guide.is-still[data-s="2"] .sg-cb{display:none}.hh-guide.is-still[data-s="2"] .sg-sw{transform:translate(40px,12px)}.hh-guide.is-still[data-s="3"] .sg-sw3{transform:translate(-6px)}.hh-guide.is-still[data-s="3"] .sg-straight,.hh-guide.is-still[data-s="3"] .sg-cf{opacity:0}@keyframes sg-s1{0%{opacity:0;transform:rotate(-15deg) translate(-43px,-12px)}2%{opacity:1}7%{transform:rotate(-15deg) translate(-31px,-12px)}14%{transform:rotate(-15deg) translate(-43px,-11.7px)}21%{transform:rotate(-15deg) translate(-31px,-11.5px)}28%{transform:rotate(-15deg) translate(-43px,-11.3px)}35%{transform:rotate(-15deg) translate(-31px,-11px)}40%{transform:rotate(-15deg) translate(-35px,-10.5px)}46%{transform:rotate(-11deg) translate(-15px,-10.5px)}52%{transform:rotate(-8deg) translate(-31px,-10px)}58%{transform:rotate(-5deg) translate(5px,-10px)}64%{transform:rotate(-3deg) translate(-15px,-10px)}70%{transform:rotate(0) translate(30px,-9.5px)}76%{transform:rotate(0) translate(-20px,-9px)}82%{transform:rotate(0) translate(40px,-8px)}88%{transform:rotate(0) translate(-20px,-7px)}94%,97%{opacity:1;transform:rotate(0) translate(40px,-6px)}to{opacity:0;transform:rotate(0) translate(40px,-6px)}}@keyframes sg-kl{0%,2%{transform:scaleX(0)}7%{transform:scaleX(.12)}14%{transform:scaleX(.19)}28%{transform:scaleX(.21)}36%{transform:scaleX(.23)}40%{transform:scaleX(.25)}44%{transform:scaleX(.31)}48%{transform:scaleX(.37)}50%{transform:scaleX(.46)}52%{transform:scaleX(.51)}54%{transform:scaleX(.56)}56%{transform:scaleX(.71)}58%{transform:scaleX(.81)}60%{transform:scaleX(.9)}62%,to{transform:scaleX(1)}}@keyframes sg-ka{0%,39.9%{opacity:1}40%,to{opacity:0}}@keyframes sg-kb{0%,39.9%{opacity:0}40%,69.9%{opacity:1}70%,to{opacity:0}}@keyframes sg-kc{0%,69.9%{opacity:0}70%,to{opacity:1}}@keyframes sg-s2{0%{opacity:0;transform:translate(-20px,-6px)}2%{opacity:1}12.5%{transform:translate(40px,2px)}25%{transform:translate(-20px,2px)}37.5%{transform:translate(40px,12px)}50%{transform:translate(-20px,12px)}62.5%{transform:translate(40px,22px)}75%{transform:translate(-20px,22px)}87.5%,97%{opacity:1;transform:translate(40px,32px)}to{opacity:0;transform:translate(40px,32px)}}@keyframes sg-c1{0%,49.9%{opacity:1}50%,to{opacity:0}}@keyframes sg-c2{0%,49.9%{opacity:0}50%,to{opacity:1}}@keyframes sg-dust{0%,6%{opacity:0;transform:translateY(0)}12%{opacity:1}44%{opacity:1;transform:translateY(36px)}50%,to{opacity:0;transform:translateY(36px)}}@keyframes sg-chev{0%,4%{opacity:0;transform:translate(0)}12%{opacity:1}44%{opacity:1;transform:translate(16px)}50%,to{opacity:0;transform:translate(16px)}}@keyframes sg-chevb{0%,54%{opacity:0;transform:translate(0)}60%{opacity:.8}92%{opacity:.8;transform:translate(-16px)}98%,to{opacity:0;transform:translate(-16px)}}@keyframes sg-s3{0%,10%{transform:translate(24px)}44%{transform:translate(-6px)}46%{transform:translate(-4px)}48%{transform:translate(-6px)}52%,70%{transform:translate(-6px)}to{transform:translate(24px)}}@keyframes sg-bow-on{0%,43%{opacity:0}46%,68%{opacity:1}72%,to{opacity:0}}@keyframes sg-bow-off{0%,43%{opacity:1}46%,68%{opacity:0}72%,to{opacity:1}}@keyframes sg-push{0%,10%{opacity:0;transform:translate(0)}16%{opacity:1}40%{opacity:1;transform:translate(-14px)}44%,to{opacity:0;transform:translate(-14px)}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/hh-saw-guide.css.map */