.customizer-btn,.customizer-popup{box-sizing:border-box;display:flex}.btn-customizer{border-radius:5px 0 0 5px;outline:0;border:none;margin-top:20px;background:var(--foreground)}.customizer{display:flex;flex-direction:row;gap:0;position:fixed;right:-300px;top:30px;width:330px;z-index:1000;transition:right .35s ease-in-out;--foreground:#302f2f;--background:#fff;--border:#ebebeb}.customizer.open{right:30px}[data-theme=dark] .customizer{--foreground:#fff;--background:#302f2f;--border:#404040}.customizer-popup{flex-direction:column;justify-content:center;padding:15px;gap:25px;width:300px;background:var(--background);border:1px solid var(--border);box-shadow:0 0 16px rgba(0,0,0,.25);border-radius:10px}.customizer-popup .content{display:flex;flex-direction:column;justify-content:center;padding:0;gap:20px}.customizer-popup .colors{display:flex;flex-direction:row;align-items:center;padding:0;gap:10px}.customizer-popup .color-btn{width:15px;height:15px;border:none;border-radius:50%;cursor:pointer;background-color:var(--color);outline:0}.customizer-popup .color-btn.active{border:2px solid var(--foreground)}.customizer-popup .content span{font-size:20px;color:var(--foreground)}.customizer-btns{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:10px}.customizer-btn{flex-direction:row;justify-content:center;align-items:center;padding:7px 15px;gap:10px;border-radius:6px;width:100%}.customizer-btn.stroke{border:1px solid var(--border);filter:drop-shadow(0px 0px 16px rgba(0, 0, 0, .25));color:var(--foreground);background-color:transparent}.customizer-btn.fill{background:var(--foreground);color:var(--background);border:none;}