.sm-cp-alpha-slider,.sm-cp-hue-slider{-webkit-appearance:none;height:10px;border-radius:5px}.sm-cp-wrapper{position:relative;width:100%;height:100%}.sm-cp-picker-container{display:none;position:fixed;background:#fff;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.2);padding:10px;z-index:1000;box-sizing:border-box}.sm-cp-input{width:100%;height:100%;padding-left:35px;border:none;border-radius:0;font-size:12px;box-sizing:border-box;background-color:transparent;outline:0}.sm-cp-preview{position:absolute;left:5px;top:50%;transform:translateY(-50%);width:25px;height:25px;border-radius:5px;cursor:pointer;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.sm-cp-preview-overlay{width:100%;height:100%;border-radius:5px;box-shadow:0 0 0 1px rgba(0,0,0,.1)}.sm-cp-picker-container.visible{display:block}.sm-cp-canvas-wrapper{position:relative;width:100%}.sm-cp-color-area{width:100%;height:100%;cursor:crosshair}.sm-cp-marker{position:absolute;width:15px;height:15px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1.5px #333;pointer-events:none;transform:translate(-50%,-50%)}.sm-cp-slider{width:100%;margin-top:10px;cursor:pointer}.sm-cp-hue-slider{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.sm-cp-alpha-slider{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:16px 16px;box-shadow:0 0 0 1px rgba(0,0,0,.1)}.sm-cp-button-group{display:flex;gap:4px;margin-top:10px}.sm-cp-button-group button{flex:1;display:flex;justify-content:center;align-items:center;padding:5px;border-radius:5px;cursor:pointer;transition:transform .1s}.sm-cp-copy-btn,.sm-cp-delete-btn,.sm-cp-eyedropper-btn,.sm-cp-paste-btn{border:1px solid #ccc;background-color:#f7f7f7;color:#333}.sm-cp-fav-btn{border:1px solid #ccc;background:#f7f7f7;color:#333;padding:8px}.sm-cp-button-group button:active{transform:scale(.95)}.sm-cp-favorites-container{display:grid;grid-template-columns:repeat(auto-fill,24px);justify-content:space-between;gap:4px;margin-top:10px;padding-top:10px;border-top:1px solid #eee}.sm-cp-fav-swatch{width:24px;height:24px;border-radius:4px;cursor:pointer;box-shadow:0 0 0 1px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center}.sm-cp-check-icon{width:16px;height:16px;stroke:white;stroke-width:2.5px;filter:drop-shadow(0 0 2px rgba(0,0,0,.7));opacity:0;transition:opacity .1s}.sm-cp-fav-swatch.selected .sm-cp-check-icon{opacity:1}.sm-cp-delete-btn:disabled{color:#ccc;cursor:not-allowed;background-color:#f7f7f7}.sm-cp-wrapper.sm-cp-display-full .sm-cp-preview{width:100%;height:100%;left:0;top:0;transform:none;border-radius:inherit}.sm-cp-wrapper.sm-cp-display-full .sm-cp-input{color:transparent;padding:0;cursor:pointer}.sm-cp-wrapper.sm-cp-display-full .sm-cp-preview-overlay{border-radius:inherit}.sm-favorites-palette-container{border:1px solid #ddd;border-radius:5px;background-color:#f7f7f7;padding:5px;box-sizing:border-box}.sm-favorites-palette{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start;align-content:flex-start;height:100%;overflow-y:auto;scrollbar-gutter:stable}.sm-cp-fav-swatch.copied{transform:scale(.9);transition:transform .1s ease-in-out}