Something went wrong. Try again.
an app to share curated trails sidetrail.app
atproto nextjs react rsc
Something went wrong. Try again.
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768.TrailColorPicker-button { position: fixed; bottom: 2rem; right: 2rem; width: 56px; height: 56px; border-radius: 50%; border: 3px solid rgba(255, 255, 255, 0.9); cursor: pointer; transition: all 0.2s; z-index: 100; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);}
.TrailColorPicker-button:hover { transform: scale(1.1); box-shadow: 0 6px 24px rgba(0, 0, 0, 0.2);}
.TrailColorPicker-popup { position: fixed; bottom: 6rem; right: 2rem; z-index: 99; background: white; padding: 1rem; border-radius: 12px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);}
.TrailColorPicker-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem;}
.TrailColorPicker-option { width: 48px; height: 48px; border-radius: 50%; border: 3px solid transparent; cursor: pointer; transition: all 0.2s;}
.TrailColorPicker-option:hover { transform: scale(1.1);}
.TrailColorPicker-option--active { border-color: #333; transform: scale(1.15);}
@media (max-width: 768px) { .TrailColorPicker-button { bottom: 1.5rem; right: 1.5rem; width: 48px; height: 48px; }
.TrailColorPicker-popup { bottom: 5rem; right: 1.5rem; }}