.ColorPicker-module__IzwQRW__picker{position:relative}.ColorPicker-module__IzwQRW__swatch{outline-offset:-1px;cursor:pointer;border:none;border-radius:.375rem;outline:1px solid #00000026;width:1.25rem;height:1.25rem}.ColorPicker-module__IzwQRW__swatchLarge{width:1.25rem;height:1.25rem}.ColorPicker-module__IzwQRW__swatch.ColorPicker-module__IzwQRW__disabled{cursor:not-allowed;opacity:.5}.ColorPicker-module__IzwQRW__popover{z-index:100;min-width:18rem;position:absolute;top:calc(100% + 2px);left:0}.ColorPicker-module__IzwQRW__wrapper{background-color:#fff;border-radius:.375rem;padding:1rem;box-shadow:0 6px 12px #00000026}.ColorPicker-module__IzwQRW__continuum{border-radius:.25rem;width:100%;height:25px;position:relative}.ColorPicker-module__IzwQRW__continuumHue{height:40px}.ColorPicker-module__IzwQRW__indicator{cursor:grab;background-color:#0000;border:4px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000059}.ColorPicker-module__IzwQRW__group{align-items:center;gap:.5rem;display:flex}.ColorPicker-module__IzwQRW__input{text-align:center;border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.25rem .5rem;font-size:.875rem}.ColorPicker-module__IzwQRW__inputLabel{color:#374151;text-align:center;font-size:.75rem}
.cssexy-top-nav{top:0;z-index:20;height:calc(var(--spacing) * 14);padding-inline:calc(var(--spacing) * 4);border-bottom:1px solid var(--black-100);background-color:#fff;justify-content:space-between;align-items:center;margin-right:calc(100% - 100vw);display:flex;position:fixed;inset-inline:0}@media (min-width:40rem){.cssexy-top-nav{padding-inline:calc(var(--spacing) * 6)}}.cssexy-top-nav a{color:var(--black-950);font-size:var(--text-sm);line-height:calc(var(--spacing) * 6);align-items:center;text-decoration:none;display:inline-flex}.cssexy-top-nav a.active{color:var(--blue-500)}.cssexy-top-nav .main-sm{gap:calc(var(--spacing) * 5);display:flex}.cssexy-top-nav .main-xs{display:none}@media (max-width:40rem){.cssexy-top-nav .main-sm{display:none}.cssexy-top-nav .main-xs{display:flex}}@media (min-width:64rem){.cssexy-top-nav .main-sm{gap:calc(var(--spacing) * 5)}}