.doodle-button{background-color:#fdf8f3;border:2px solid #374151;border-radius:9999px;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:3px 3px #2d2d2d}.doodle-button:hover{transform:translate(2px,2px);box-shadow:1px 1px #2d2d2d}.doodle-button--active{background-color:#f3f4f6;box-shadow:2px 2px #2d2d2d}.doodle-button--active:hover{transform:translate(1px,1px);box-shadow:1px 1px #2d2d2d}.doodle-bubble{background-color:#fff;border:2px solid #374151;border-radius:.75rem;position:relative;box-shadow:3px 3px #2d2d2d}.doodle-bubble--small{background-color:#fff;border:1.5px solid #374151;border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;position:relative;box-shadow:2px 2px #2d2d2d}.doodle-triangle-outer{border-top:8px solid #374151;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute}.doodle-triangle-outer--small{border-top:5px solid #374151;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;position:absolute}.doodle-triangle-inner{border-top:6px solid #fff;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;position:absolute}.doodle-triangle-inner--small{border-top:4px solid #fff;border-left:3px solid #0000;border-right:3px solid #0000;width:0;height:0;position:absolute}.doodle-primary-btn{background-color:#fdf8f3;border:1.5px solid #374151;border-radius:.5rem;padding:.25rem .75rem;font-size:.75rem;transition:all .2s;box-shadow:2px 2px #2d2d2d}.doodle-primary-btn:hover{transform:translate(1px,1px);box-shadow:1px 1px #2d2d2d}.doodle-tag{background-color:#fdf8f3;border:1px solid #d1d5db;border-radius:9999px;padding:.125rem .5rem;font-family:monospace;font-size:.75rem;font-weight:500;display:inline-block}