.colorpark-root{background:#101014;border:0;display:flex;flex-direction:column;height:100dvh;top:0;right:0;bottom:0;left:0;margin:0;padding:0;position:fixed;width:100vw;opacity:0;pointer-events:none;visibility:hidden;z-index:-1}.colorpark-root[data-state=editing],.colorpark-root[data-state=saving],.colorpark-root[data-state=complete],.colorpark-root[data-state=recoverable_error]{opacity:1;pointer-events:auto;visibility:visible;z-index:2147483646}.colorpark-root__editor{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.colorpark-root__bar{align-items:center;display:flex;flex:0 0 auto;height:4.8rem;justify-content:flex-end;padding:0 1.6rem}.colorpark-root__close{background:transparent;border:1px solid currentColor;border-radius:.4rem;color:#fff;cursor:pointer;font:inherit;padding:.8rem 1.6rem}.colorpark-root__frame{background:#101014;border:0;display:block;flex:1 1 auto;min-height:0;width:100%}.colorpark-root[data-state=saving] .colorpark-root__editor,.colorpark-root[data-state=complete] .colorpark-root__editor,.colorpark-root[data-state=recoverable_error] .colorpark-root__editor{pointer-events:none;visibility:hidden}.colorpark-root__overlay{align-items:center;background:#fff;color:#131319;display:none;top:0;right:0;bottom:0;left:0;justify-content:center;padding:2.4rem;position:absolute;text-align:center}.colorpark-root[data-state=saving] .colorpark-root__overlay,.colorpark-root[data-state=complete] .colorpark-root__overlay,.colorpark-root[data-state=recoverable_error] .colorpark-root__overlay{display:flex}.colorpark-root__panel{display:none;max-width:46rem}.colorpark-root[data-state=saving] [data-cp-saving],.colorpark-root[data-state=complete] [data-cp-complete],.colorpark-root[data-state=recoverable_error] [data-cp-error-panel]{display:block}.colorpark-root__panel h2{margin:0 0 .8rem}.colorpark-root__actions{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center;margin-top:2.4rem}.colorpark-root__spinner{animation:colorpark-spin .8s linear infinite;border:3px solid rgba(0,0,0,.15);border-radius:50%;border-top-color:currentColor;display:block;height:3.2rem;margin:0 auto 1.6rem;width:3.2rem}@keyframes colorpark-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.colorpark-root__spinner{animation-duration:2.4s}}body.colorpark-locked{left:0;overflow:hidden;position:fixed;right:0;width:100%}
/*# sourceMappingURL=/cdn/shop/t/20/assets/colorpark-customise.css.map */