@layer theme,base;@layer legacy{.paw-mark{--px-pool:var(--aqua);--px-rim:var(--rim);--px-foam:var(--foam);flex:none;display:inline-block;position:relative}.paw-mark>svg,.paw-splash-arm{position:absolute;inset:0}.paw-splash-arm>svg{display:block}.app-icon{background:var(--deep);flex:none;place-items:center;display:grid}.app-icon .paw-mark{--px-rim:var(--foam)}.wordmark-px,.lockup{color:var(--ink);flex:none;align-items:flex-end;display:inline-flex}.lockup{align-items:center}.home-lockup{color:var(--ink);flex:none;align-items:flex-end;display:inline-flex}.lockup-tube{flex:none;display:block;position:relative}.lockup-tube>svg{display:block}.lockup-pet{touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute}.lockup-float{display:flex}.pixel-icon{flex:none}.waterline{--cell:2px;height:calc(var(--cell) * 4);position:relative;overflow:hidden}.waterline:before,.waterline:after{content:"";inset:0 0 0 calc(var(--cell) * -8);-webkit-mask-size:calc(var(--cell) * 8) calc(var(--cell) * 4);mask-size:calc(var(--cell) * 8) calc(var(--cell) * 4);position:absolute;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}.waterline:before{background:var(--water);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 4' shape-rendering='crispEdges'%3E%3Cpath d='M0 1h4v1H0zM0 2h8v2H0z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 4' shape-rendering='crispEdges'%3E%3Cpath d='M0 1h4v1H0zM0 2h8v2H0z'/%3E%3C/svg%3E")}.waterline:after{background:var(--aqua);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 4' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h4v1H0zM4 1h4v1H4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 4' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h4v1H0zM4 1h4v1H4z'/%3E%3C/svg%3E")}.waterline--pool{background:linear-gradient(transparent calc(var(--cell) * 2), var(--water) 0)}.waterline--pool:before,.waterline--pool:after{height:calc(var(--cell) * 4);bottom:auto}@media (prefers-reduced-motion:no-preference){.waterline:not([data-still=true]):before,.waterline:not([data-still=true]):after{animation:ripple var(--dur-ripple) steps(8) infinite}}}@layer components,utilities;@keyframes ripple{to{transform:translateX(calc(var(--cell) * 8))}}