.tabs[data-v-33024494]{--background: #fff;--light-grey: #c6cfd9;--wave-color: #2ac8dd;--width: 300px;--height: 75px;--border-radius: var(--height);background:var(--background);width:var(--width);height:var(--height);position:relative;border-radius:var(--border-radius);box-shadow:0 10px 30px #4148560d;display:flex;justify-content:space-around;align-items:center;padding:0 15px;box-sizing:border-box;overflow:hidden}.dark .tabs[data-v-33024494]{--background: #2b2b2b;--light-grey: #acacac;--wave-color: #2ac8dd}.tabs label[data-v-33024494]{width:26px;height:26px;cursor:pointer;position:relative;display:flex;justify-content:space-around;align-items:center;transform-origin:center bottom}.tabs label[data-v-33024494]:before{content:"";height:4px;width:4px;border-radius:0 100% 50% 50%/0 50% 50% 100%;transform:scale(1) rotate(45deg);transform-origin:50% 50%;background:var(--wave-color);display:block;position:absolute;top:-30px}.tabs label svg[data-v-33024494]{width:100%;height:100%;position:relative;z-index:1}.tabs label svg .icon[data-v-33024494]{fill:none;stroke:var(--light-grey);stroke-dashoffset:98;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .15s linear .3s}.tabs label .wave[data-v-33024494]{height:26px;width:26px;position:absolute;overflow:hidden}.tabs label .wave[data-v-33024494]:after,.tabs label .wave[data-v-33024494]:before{content:"";position:absolute;left:0;bottom:-12px;right:0;background-repeat:repeat;height:14px;width:48px;background-size:12px 12px;animation:wave-animation-33024494 3s linear infinite;transition:bottom .15s ease-out .35s}.tabs label .wave[data-v-33024494]:before{background-image:radial-gradient(circle at 6px -3px,transparent 6px,var(--wave-color) 6px);animation-duration:2s;opacity:.5}.tabs label .wave[data-v-33024494]:after{background-image:radial-gradient(circle at 6px -3px,transparent 6px,var(--wave-color) 6px);animation-duration:3s}.tabs label:first-of-type .wave[data-v-33024494]{clip-path:url(#path-icon-01)}.tabs label:nth-of-type(2) .wave[data-v-33024494]{clip-path:url(#path-icon-02)}.tabs label:nth-of-type(3) .wave[data-v-33024494]{clip-path:url(#path-icon-03)}.tabs label:nth-of-type(4) .wave[data-v-33024494]{clip-path:url(#path-icon-04)}.tabs input[data-v-33024494]{display:none}.tabs input:checked+label[data-v-33024494]{animation:wiggle-animation-33024494 1s ease .3s}.tabs input:checked+label[data-v-33024494]:before{animation:drop-animation-33024494 .35s ease-in both}.tabs input:checked+label svg .icon[data-v-33024494]{stroke:#4b4b4b}.dark .tabs input:checked+label svg .icon[data-v-33024494]{stroke:#fff}.tabs input:checked+label .wave[data-v-33024494]:before{bottom:0}.tabs input:checked+label .wave[data-v-33024494]:after{bottom:-4px}@keyframes wiggle-animation-33024494{0%{transform:rotate(0)}20%{transform:rotate(-7deg)}60%{transform:rotate(7deg)}90%{transform:rotate(-3deg)}to{transform:rotate(0)}}@keyframes wave-animation-33024494{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes drop-animation-33024494{70%{transform:scale(.8,3) rotate(45deg);top:-7px}to{transform:scale(1.5,.5) rotate(45deg);top:19px}}