@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out-80{0%{opacity:1}to{opacity:.2}}@keyframes slide-in-from-left{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-out-to-left{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-from-right{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-out-to-right{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-from-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-out-to-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-from-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-out-to-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translate(0)}}@keyframes zoom-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes zoom-out{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,0);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.color-picker-container{width:220px;height:320px;padding:10px;border-radius:var(--radius-8,8px);border:1px solid var(--line-secondary,#e4e5e6);background:var(--fill-surface-primary,#fff);box-shadow:0 0 8px -1px var(--elevation-30,rgba(0,0,0,.06)),0 0 8px 0 var(--elevation-20,rgba(0,0,0,.04))}.color-picker-container .color-input-field{margin-top:16px}.color-picker-container .react-colorful{height:fit-content;background:var(--fill-surface-primary,#fff)}.color-picker-container .react-colorful__pointer{width:14px;height:14px;border:3px solid var(--static-white,#fff)}.color-picker-container .react-colorful__alpha-pointer,.color-picker-container .react-colorful__hue-pointer{box-shadow:0 0 2px 0 rgba(0,0,0,.5)}.color-picker-container .react-colorful__saturation{height:200px;border-radius:var(--radius-8,8px);margin-bottom:12px;border-bottom:0}.color-picker-container .react-colorful__hue{margin-bottom:14px}.color-picker-container .react-colorful__alpha,.color-picker-container .react-colorful__hue{height:8px;width:200px;border-radius:24px}.color-picker-container .react-colorful__alpha,.color-picker-container .react-colorful__alpha-pointer{background-image:var(--alpha-pattern)}.color-picker-container .react-colorful__alpha .react-colorful__interactive,.color-picker-container .react-colorful__hue .react-colorful__interactive{left:7px;right:7px}
/*# sourceMappingURL=16d959b340b20c73.css.map*/