.tone-application-diagram{width:100%;height:100%;aspect-ratio:1;overflow:hidden;background:var(--page-bg,#f5efe8);color:var(--accent,#795c48);isolation:isolate}.tone-application-diagram__art{display:block;width:100%;height:100%}.tone-application-diagram [hidden]{display:none!important}.tone-application-diagram__halo{fill:var(--surface,#eae0d6);opacity:.42}.tone-application-diagram__outline,.tone-application-diagram__detail,.tone-application-diagram__nose{fill:none;stroke:var(--muted,#75665b);stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.tone-application-diagram__outline{stroke-opacity:.62}.tone-application-diagram__detail{stroke-width:1.3;stroke-opacity:.42}.tone-application-diagram__nose{stroke-opacity:.7}.tone-application-diagram__scene{transform-origin:180px 187px}.tone-application-diagram__cloth-surface{fill:var(--page-bg,#f5efe8);stroke:var(--ink,#39291f);stroke-width:1.45;stroke-opacity:.68}.tone-application-diagram__cloth-fold,.tone-application-diagram__cloth-seam{fill:none;stroke:var(--accent,#795c48);stroke-width:1;stroke-opacity:.27;stroke-linecap:round}.tone-application-diagram__cloth-seam{stroke-dasharray:1 3}.tone-application-diagram__sparkle{fill:var(--page-bg,#f5efe8);stroke:var(--accent,#795c48);stroke-width:1.1;stroke-linejoin:round}.tone-application-diagram__dry-dot{fill:var(--accent,#795c48);opacity:.55}.tone-application-diagram__strip{fill:var(--surface,#eae0d6);stroke:var(--ink,#39291f);stroke-width:1.4;stroke-opacity:.72;stroke-linejoin:round}.tone-application-diagram__strip-shadow{fill:none;stroke:var(--accent,#795c48);stroke-width:10;opacity:.045}.tone-application-diagram__strip-detail{fill:none;stroke:var(--accent,#795c48);stroke-width:1;stroke-opacity:.24;stroke-linecap:round}.tone-application-diagram__backing-surface{fill:var(--page-bg,#f5efe8);stroke:var(--muted,#75665b);stroke-width:1.1;stroke-opacity:.62}.tone-application-diagram__backing-fold{fill:none;stroke:var(--muted,#75665b);stroke-width:1;stroke-opacity:.38;stroke-linecap:round}.tone-application-diagram__placement-guide{fill:none;stroke:var(--accent,#795c48);stroke-width:1.2;stroke-linecap:round;stroke-dasharray:1 4;opacity:.6}.tone-application-diagram__center-halo{fill:none;stroke:var(--accent,#795c48);stroke-width:1.2;opacity:0}.tone-application-diagram__touch-ring{fill:none;stroke:var(--accent,#795c48);stroke-width:1.1;opacity:.65}.tone-application-diagram__touch-dot{fill:var(--accent,#795c48);opacity:.2}.tone-application-diagram__finger{fill:var(--page-bg,#f5efe8);stroke:var(--ink,#39291f);stroke-width:1.4;stroke-opacity:.68;stroke-linecap:round;stroke-linejoin:round}.tone-application-diagram__nail{fill:none;stroke-width:1;stroke-opacity:.28}.tone-application-diagram__seal{fill:none;stroke:var(--accent,#795c48);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;opacity:0}.tone-application-diagram__cloth{animation:tone-application-clean var(--application-phase-duration,5s) ease-in-out both}.tone-application-diagram__dry-sparkles{animation:tone-application-dry var(--application-phase-duration,5s) ease-in-out both}.tone-application-diagram__position{animation:tone-application-center var(--application-phase-duration,5s) cubic-bezier(.4,0,.2,1) both}.tone-application-diagram__backing{transform-origin:180px 187px;animation:tone-application-peel var(--application-phase-duration,5s) ease-in-out both}.tone-application-diagram__center-halo{transform-origin:180px 187px;animation:tone-application-centered var(--application-phase-duration,5s) ease-out both}.tone-application-diagram__finger--center{animation:tone-application-press-center var(--application-phase-duration,5s) ease-in-out both}.tone-application-diagram__touch--center{transform-origin:180px 187px;animation:tone-application-center-touch var(--application-phase-duration,5s) ease-in-out both}.tone-application-diagram__touch--ends{transform-origin:180px 187px;animation:tone-application-end-touch var(--application-phase-duration,5s) ease-in-out both}.tone-application-diagram__finger--left{animation:tone-application-press-left var(--application-phase-duration,5s) ease-in-out both}.tone-application-diagram__finger--right{animation:tone-application-press-right var(--application-phase-duration,5s) ease-in-out both}.tone-application-diagram__seal{animation:tone-application-sealed var(--application-phase-duration,5s) ease-in-out both}.tone-application-diagram__scene *{animation-play-state:paused}.tone-application.is-playing .tone-application-diagram__scene:not([hidden]) *{animation-play-state:running}.tone-application-diagram__scene[hidden] *{animation-name:none}@keyframes tone-application-clean{0%{opacity:1;transform:translate(-17px,-3px) rotate(-3deg)}24%{transform:translate(13px) rotate(2deg)}45%{opacity:1;transform:translate(-13px,3px) rotate(-2deg)}72%,to{opacity:0;transform:translate(-63px,19px) rotate(-12deg)}}@keyframes tone-application-dry{0%,46%{opacity:0}70%,to{opacity:.8}}@keyframes tone-application-center{0%,42%{transform:translate(-48px,-39px)}82%,to{transform:translate(0)}}@keyframes tone-application-peel{0%{opacity:1;transform:translateY(5px) rotate(0)}18%{opacity:1;transform:translate(12px,9px) rotate(12deg)}43%{opacity:.85;transform:translate(40px,25px) rotate(31deg)}56%,to{opacity:0;transform:translate(56px,40px) rotate(43deg)}}@keyframes tone-application-centered{0%,74%{opacity:0;transform:scale(.93)}85%{opacity:.45;transform:scale(1)}to{opacity:0;transform:scale(1.14)}}@keyframes tone-application-press-center{0%,6%{opacity:.8;transform:translateY(10px)}15%,25%{opacity:1;transform:translateY(0)}39%,to{opacity:0;transform:translateY(18px)}}@keyframes tone-application-center-touch{0%{opacity:.6;transform:scale(.8)}16%,25%{opacity:.85;transform:scale(1)}39%,to{opacity:0;transform:scale(1.2)}}@keyframes tone-application-end-touch{0%,35%{opacity:0}48%,66%{opacity:.85}80%,to{opacity:0}}@keyframes tone-application-press-left{0%,34%{opacity:0;transform:translate(-9px,15px)}48%,64%{opacity:1;transform:translate(0)}81%,to{opacity:0;transform:translate(-12px,18px)}}@keyframes tone-application-press-right{0%,34%{opacity:0;transform:translate(9px,15px)}48%,64%{opacity:1;transform:translate(0)}81%,to{opacity:0;transform:translate(12px,18px)}}@keyframes tone-application-sealed{0%,78%{opacity:0}90%,to{opacity:.7}}@media(prefers-reduced-motion:reduce){.tone-application:not(.is-playing) .tone-application-diagram__scene *{animation:none!important}.tone-application:not(.is-playing) .tone-application-diagram__dry-sparkles{opacity:.5}.tone-application:not(.is-playing) .tone-application-diagram__position{transform:translate(-35px,-30px)}.tone-application:not(.is-playing) .tone-application-diagram__backing{transform:translate(24px,21px) rotate(15deg)}.tone-application:not(.is-playing) .tone-application-diagram__finger--center,.tone-application:not(.is-playing) .tone-application-diagram__touch--center{opacity:0}.tone-application:not(.is-playing) .tone-application-diagram__finger--left,.tone-application:not(.is-playing) .tone-application-diagram__finger--right{opacity:.8}.tone-application:not(.is-playing) .tone-application-diagram__seal{opacity:.7}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/tone-application-diagram.css.map */