.wt{pointer-events:none;opacity:0;--wt-t:1.4s;transition:opacity .2s ease-out;display:block;position:absolute;overflow:hidden}.wt *{transform-box:view-box}.wt .wt-surface{opacity:.55}.wt .wt-wave{opacity:.8}.wt .wt-bub{opacity:0}.wt--live{width:180px;height:36px;color:var(--sea-2);bottom:calc(100% + 1px);left:0}.wt--card{z-index:1;width:210px;max-width:92%;height:min(42px,76%);color:var(--sea-2);--wt-run:.75;filter:drop-shadow(0 0 1px var(--surface));top:50%;left:4%;translate:0 -50%}.wt-chip{z-index:1;pointer-events:none;backdrop-filter:blur(6px);opacity:0;background:#08141c59;border-radius:9px;width:96px;height:32px;position:absolute;bottom:6px;left:6px;overflow:hidden}@supports not (backdrop-filter:blur(1px)){.wt-chip{background:#08141c8c}}.wt-chip .wt{color:#fff;filter:none;--wt-run:.7;width:auto;max-width:none;height:24px;top:50%;left:6px;right:6px;translate:0 -50%}.wt-glow{z-index:1;pointer-events:none;opacity:0;color:#e9fdff;filter:drop-shadow(0 0 2px #2bb6ccb3);width:100%;height:100%;position:absolute;inset:0}.wt-glow--art{color:color-mix(in srgb, var(--sea-2) 70%, #e9fdff);filter:none}html[data-theme=dark] .wt-glow--art{filter:drop-shadow(0 0 2px #2bb6ccb3)}@media (prefers-color-scheme:dark){html:not([data-theme]) .wt-glow--art{filter:drop-shadow(0 0 2px #2bb6ccb3)}}.wt-chip .wt-glow{filter:none;width:380%;height:calc(100% - 8px);top:4px}@media (prefers-reduced-motion:no-preference){.wt-host:is(:hover,:focus-visible,:has(:focus-visible)) :is(.wt,.wt-chip){animation:1.4s ease-out both wt-show}.wt-host:is(:hover,:focus-visible,:has(:focus-visible)) .wt .wt-fig{animation:1.4s cubic-bezier(.22,.61,.36,1) both wt-run}.wt--surf,.wt--kite{--wt-x:calc(32px * var(--wt-run,1))}.wt--dive{--wt-x:calc(30px * var(--wt-run,1))}.wt--snorkel{--wt-x:calc(22px * var(--wt-run,1))}.wt--sail{--wt-x:calc(28px * var(--wt-run,1))}.wt--kayak{--wt-x:calc(24px * var(--wt-run,1))}.wt-host:is(:hover,:focus-visible,:has(:focus-visible)) .wt--surf .wt-ride{animation:1.4s cubic-bezier(.22,.61,.36,1) both wt-ride}.wt-host:is(:hover,:focus-visible,:has(:focus-visible)) .wt--surf .wt-lip{transform-origin:20px 4px;animation:1.4s cubic-bezier(.22,.61,.36,1) both wt-lip}.wt-host:is(:hover,:focus-visible,:has(:focus-visible)) .wt--kite .wt-lean{transform-origin:12px 19px;animation:1.4s cubic-bezier(.22,.61,.36,1) both wt-lean}.wt-host:is(:hover,:focus-visible,:has(:focus-visible)) .wt--kite .wt-kite{transform-origin:32px 3.6px;animation:1.4s cubic-bezier(.22,.61,.36,1) both wt-kite}.wt-host:is(:hover,:focus-visible,:has(:focus-visible)) .wt--dive .wt-fig{transform-origin:18px 12px;animation:1.4s cubic-bezier(.22,.61,.36,1) both wt-run-dive}.wt-host:is(:hover,:focus-visible,:has(:focus-visible)) .wt--dive .wt-kick{transform-origin:14px 12px;animation:1.4s ease-in-out both wt-kick}.wt-host:is(:hover,:focus-visible,:has(:focus-visible)) .wt--dive .wt-kick2{transform-origin:14px 12px;animation:1.4s ease-in-out both wt-kick2}.wt-host:is(:hover,:focus-visible,:has(:focus-visible)) .wt--dive .wt-bub{animation:1.4s ease-out both wt-bub}.wt-host:is(:hover,:focus-visible,:has(:focus-visible)) .wt--snorkel .wt-kick{transform-origin:20px 12.8px;animation:1.4s ease-in-out both wt-fin}.wt-host:is(:hover,:focus-visible,:has(:focus-visible)) .wt--sail .wt-rig{transform-origin:26.4px 17.4px;animation:1.4s ease-in-out both wt-heel}.wt-host:is(:hover,:focus-visible,:has(:focus-visible)) .wt--kayak .wt-paddle{transform-origin:28px 14px;animation:1.4s cubic-bezier(.22,.61,.36,1) both wt-paddle}.wt-host:is(:hover,:focus-visible,:has(:focus-visible)) .wt--kayak .wt-pull{transform-origin:28px 17.8px;animation:1.4s cubic-bezier(.22,.61,.36,1) both wt-pull}.wt-host:is(:hover,:focus-visible,:has(:focus-visible)) .wt-glow{animation:1.4s ease-out both wt-glow}.wt-host:is(:hover,:focus-visible,:has(:focus-visible)) .wt-glow svg:nth-child(2n) path{transform-box:fill-box;transform-origin:50%;animation:1s ease-out .2s both wt-twinkle}}@keyframes wt-show{0%{opacity:0}14%,78%{opacity:1}to{opacity:0}}@keyframes wt-run{0%{transform:translate(0)}to{transform:translateX(var(--wt-x))}}@keyframes wt-ride{0%{transform:translate(-.8px,-.32px)}to{transform:translate(.8px,.32px)}}@keyframes wt-lip{0%{transform:rotate(-2deg)}to{transform:rotate(1.5deg)}}@keyframes wt-lean{0%{transform:rotate(0)}to{transform:rotate(-2deg)}}@keyframes wt-kite{0%{transform:translateY(0)}to{transform:translateY(-.5px)}}@keyframes wt-run-dive{0%{transform:translateY(-1.5px)rotate(0)}to{transform:translate(var(--wt-x), 1.5px) rotate(-4deg)}}@keyframes wt-kick{0%,to{transform:rotate(0)}45%{transform:rotate(4deg)}}@keyframes wt-kick2{0%,to{transform:rotate(0)}45%{transform:rotate(-4deg)}}@keyframes wt-bub{0%,15%{opacity:0;transform:translate(0)}35%{opacity:.55}85%{opacity:.45}to{opacity:0;transform:translate(-5px,-6px)}}@keyframes wt-fin{0%,to{transform:rotate(-1deg)}45%{transform:rotate(10deg)}}@keyframes wt-heel{0%,to{transform:scale(1)}50%{transform:scale(1.015,.965)}}@keyframes wt-paddle{0%{transform:translate(.5px)rotate(-30deg)}to{transform:translate(-1px)rotate(-24deg)}}@keyframes wt-pull{0%{transform:rotate(-2.5deg)}to{transform:rotate(-1deg)}}@keyframes wt-glow{0%{opacity:0}35%{opacity:.85}to{opacity:0}}@keyframes wt-twinkle{0%,to{transform:scale(.75)}45%{transform:scale(1.08)}}