@layer theme,base;@layer legacy{.mascot-sprite{image-rendering:pixelated;display:block}:root[data-theme=dark] .mascot-sprite{--rim:color-mix(in srgb, var(--peach-ink) 45%, transparent);filter:drop-shadow(1px 0 0 var(--rim)) drop-shadow(-1px 0 0 var(--rim)) drop-shadow(0 1px 0 var(--rim)) drop-shadow(0 -1px 0 var(--rim))}.mascot{flex:none;place-items:center;display:grid;position:relative}.mascot--disc{background:var(--pet-disc);border-radius:50%}.mascot-wrap{flex:none;display:inline-block;position:relative}.mascot-peek{z-index:1;line-height:0;position:absolute;right:20px}.mascot-meow{z-index:2;background:var(--popover);color:var(--foreground);white-space:nowrap;pointer-events:none;transform-origin:0 100%;border-radius:16px 16px 16px 4px;padding:6px 11px;font-size:14px;font-weight:700;line-height:normal;position:absolute;bottom:calc(100% - 10px);left:calc(100% - 6px);box-shadow:0 8px 24px -10px #00000059}.mascot-swim{justify-items:center;display:grid}.mascot-swim-water{width:calc(100% + 32px);height:10px;margin-top:-2px}.mascot-afloat{-webkit-tap-highlight-color:transparent;justify-items:center;line-height:0;display:grid}.mascot-afloat-water{width:200px;height:18px;margin-top:-2px}.mascot-splashdown{justify-items:center;display:grid}.mascot-splashdown-water{width:160px;height:14px;margin-top:-20px}.mascot-peek .mascot-meow{transform-origin:100% 100%;border-radius:16px 16px 4px;bottom:calc(100% - 18px);left:auto;right:calc(100% - 24px)}}@layer components,utilities;