.wk-trait-icon{--wk-step: .15s;--wk-dur: 1s;--wk-draw: 1.2s;--wk-draw-slow: 1.5s;--wk-ease: cubic-bezier(.22, 1, .36, 1)}.wk-trait-icon>*{animation-name:none;animation-duration:var(--wk-dur);animation-timing-function:var(--wk-ease);animation-fill-mode:both;transform-box:view-box;transform-origin:16px 16px}.wk-trait-icon.is-visible>*,.wakura-trait-board__cell:hover .wk-trait-icon>*{animation-name:var(--wk-name);animation-play-state:running}.wk-trait-icon.wk-trait-icon--armed>*{animation-name:var(--wk-name);animation-play-state:paused}@media(hover:hover)and (pointer:fine){.product-page__tasting-tile:hover .wk-trait-icon>*{animation-name:var(--wk-name);animation-play-state:running}}@keyframes wk-draw{0%{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}@keyframes wk-draw-reverse{0%{stroke-dasharray:1;stroke-dashoffset:-1}to{stroke-dasharray:1;stroke-dashoffset:0}}@keyframes wk-pop{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}.wk-trait-icon--mellow .wk-trait-icon__main{--wk-name: wk-draw;animation-duration:var(--wk-draw)}.wk-trait-icon--mellow .wk-trait-icon__detail-1{--wk-name: wk-mellow-wave;animation-duration:var(--wk-draw);animation-delay:calc(var(--wk-step) * 3)}@keyframes wk-mellow-wave{0%{stroke-dasharray:1;stroke-dashoffset:1;transform:translateY(1px)}to{stroke-dasharray:1;stroke-dashoffset:0;transform:translateY(0)}}.wk-trait-icon--sweet .wk-trait-icon__main{--wk-name: wk-draw;animation-duration:var(--wk-draw)}.wk-trait-icon--sweet .wk-trait-icon__detail-1{--wk-name: wk-draw;animation-duration:var(--wk-draw);animation-delay:calc(var(--wk-step) * 3.2)}.wk-trait-icon--clean>*{--wk-name: wk-pop;transform-box:fill-box;transform-origin:center}.wk-trait-icon--clean .wk-trait-icon__detail-1{animation-delay:calc(var(--wk-step) * 1)}.wk-trait-icon--clean .wk-trait-icon__detail-2{animation-delay:calc(var(--wk-step) * 2)}.wk-trait-icon--clean .wk-trait-icon__detail-3{animation-delay:calc(var(--wk-step) * 3)}.wk-trait-icon--vivid .wk-trait-icon__main{--wk-name: wk-pop}.wk-trait-icon--vivid .wk-trait-icon__detail-1{--wk-name: wk-vivid-rays;animation-delay:calc(var(--wk-step) * 2)}@keyframes wk-vivid-rays{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}.wk-trait-icon--aromatic .wk-trait-icon__main{--wk-name: wk-aromatic-rise;animation-duration:var(--wk-draw-slow)}.wk-trait-icon--aromatic .wk-trait-icon__detail-1{--wk-name: wk-aromatic-rise;animation-duration:var(--wk-draw-slow);animation-delay:calc(var(--wk-step) * 1.6)}@keyframes wk-aromatic-rise{0%{stroke-dasharray:1;stroke-dashoffset:-1;transform:translateY(1px)}to{stroke-dasharray:1;stroke-dashoffset:0;transform:translateY(0)}}.wk-trait-icon--umami>*{--wk-name: wk-umami-ring}.wk-trait-icon--umami .wk-trait-icon__detail-3{animation-delay:0s}.wk-trait-icon--umami .wk-trait-icon__detail-2{animation-delay:calc(var(--wk-step) * 1)}.wk-trait-icon--umami .wk-trait-icon__detail-1{animation-delay:calc(var(--wk-step) * 2)}.wk-trait-icon--umami .wk-trait-icon__main{animation-delay:calc(var(--wk-step) * 3)}@keyframes wk-umami-ring{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}.wk-trait-icon--rich>*{--wk-name: wk-rich-layer;animation-duration:var(--wk-draw)}.wk-trait-icon--rich .wk-trait-icon__detail-1{animation-delay:calc(var(--wk-step) * 1)}.wk-trait-icon--rich .wk-trait-icon__detail-2{animation-delay:calc(var(--wk-step) * 2)}@keyframes wk-rich-layer{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.wk-trait-icon--bold .wk-trait-icon__main{--wk-name: wk-bold-set;animation-duration:calc(var(--wk-dur) * 1.08);transform-box:fill-box;transform-origin:50% 85%}@keyframes wk-bold-set{0%{opacity:0;transform:scale(.88) translateY(1.5px)}to{opacity:1;transform:scale(1) translateY(0)}}.wk-trait-icon--brisk .wk-trait-icon__main{--wk-name: wk-draw;animation-duration:var(--wk-draw)}.wk-trait-icon--brisk .wk-trait-icon__detail-1{--wk-name: wk-draw;animation-duration:var(--wk-draw);animation-delay:calc(var(--wk-step) * 3.2)}.wk-trait-icon--lingering .wk-trait-icon__main{--wk-name: wk-draw;animation-duration:var(--wk-draw-slow)}.wk-trait-icon--easy .wk-trait-icon__main{--wk-name: wk-draw;animation-duration:var(--wk-draw)}.wk-trait-icon--easy .wk-trait-icon__detail-1{--wk-name: wk-draw;animation-duration:var(--wk-draw);animation-delay:calc(var(--wk-step) * .5)}.wk-trait-icon--easy .wk-trait-icon__detail-2{--wk-name: wk-draw;animation-duration:.4s;animation-delay:1.1s}.wk-trait-icon--versatile>*{animation-duration:1.1s}.wk-trait-icon--versatile .wk-trait-icon__main{--wk-name: wk-versatile-top}.wk-trait-icon--versatile .wk-trait-icon__detail-1{--wk-name: wk-versatile-left;animation-delay:calc(var(--wk-step) * 1)}.wk-trait-icon--versatile .wk-trait-icon__detail-2{--wk-name: wk-versatile-right;animation-delay:calc(var(--wk-step) * 2)}@keyframes wk-versatile-top{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes wk-versatile-left{0%{opacity:0;transform:translate(-3.5px,2.5px)}to{opacity:1;transform:translate(0)}}@keyframes wk-versatile-right{0%{opacity:0;transform:translate(3.5px,2.5px)}to{opacity:1;transform:translate(0)}}.wk-trait-icon--distinctive .wk-trait-icon__detail-1{--wk-name: wk-draw-reverse;animation-duration:.75s}.wk-trait-icon--distinctive .wk-trait-icon__detail-2{--wk-name: wk-leaf-open;animation-duration:.5s;animation-delay:.45s;transform-box:fill-box;transform-origin:100% 100%}.wk-trait-icon--distinctive .wk-trait-icon__detail-3{--wk-name: wk-leaf-open;animation-duration:.5s;animation-delay:.52s;transform-box:fill-box;transform-origin:0% 100%}.wk-trait-icon--distinctive .wk-trait-icon__main{--wk-name: wk-pop;animation-duration:.35s;animation-delay:1s;transform-box:fill-box;transform-origin:center}@keyframes wk-leaf-open{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.wk-trait-icon>*,.wk-trait-icon.is-visible>*,.wk-trait-icon.wk-trait-icon--armed>*,.wakura-trait-board__cell:hover .wk-trait-icon>*,.product-page__tasting-tile:hover .wk-trait-icon>*{animation-name:none!important;animation-play-state:running!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/wakura-trait-icon-motion.css.map */