.custom-color-picker[data-v-434d6f35]{position:relative}.details[data-v-434d6f35]{display:flex;align-items:center;transition:.2s;color:hsla(0,0%,100%,.6);cursor:pointer}.details[data-v-434d6f35]:hover{color:#fff}.details .box[data-v-434d6f35]{border-radius:4px;margin-right:5px;height:15px;width:15px;border:2px solid hsla(0,0%,100%,.3);background:#000}.pcr-app{z-index:99999999999!important;background:rgba(26,26,29,.9098039215686274);border-radius:4px}.pcr-color-preview:before,.pcr-palette:before{background:#fff!important}.custom-color-picker .pickr{position:absolute;top:0;opacity:0}.custom-color-picker .pickr .pcr-button{height:20px}.doodle-popout[data-v-64300e1f]{display:flex;flex-direction:column;position:absolute;bottom:10px;right:10px;z-index:111111111111111}.doodle-popout .inner[data-v-64300e1f]{display:flex;flex-direction:column;background:var(--card-color);border-radius:4px;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 0 5px 0 rgba(0,0,0,.5);transition:.3s;z-index:99999;height:360px;width:380px;overflow:hidden;opacity:0;animation:showUp-64300e1f .2s;animation-fill-mode:forwards}.canvas-container[data-v-64300e1f]{height:100%;border-radius:4px;overflow:hidden;margin-left:5px;margin-right:5px;margin-bottom:5px}.canvas[data-v-64300e1f]{touch-action:none}.strip[data-v-64300e1f]{display:flex;gap:5px;margin:5px}.strip .button[data-v-64300e1f]{margin:0;width:50px}.strip .button.erase[data-v-64300e1f]{background-color:var(--alert-color);color:#fff}.bottom-items[data-v-64300e1f]{display:flex;flex-direction:column;flex-shrink:0;margin-bottom:5px}.bottom-items .title[data-v-64300e1f]{margin-left:5px;display:flex}.bottom-items .title span[data-v-64300e1f]{margin-left:auto;margin-right:10px;color:hsla(0,0%,100%,.6)}.color-pick[data-v-64300e1f]{display:flex;flex-direction:column;gap:5px;margin:auto;margin-right:0}@keyframes showUp-64300e1f{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}