.scribble{display:flex;flex-direction:column;align-items:center;gap:32px;padding-top:16px;padding-bottom:16px}.scribble .canvas{width:800px;aspect-ratio:2;cursor:text;flex:1;max-width:100%}.scribble .button{display:flex;gap:12px;align-items:center}.scribble .button .icon-spinning{display:none}.scribble .button.spinning .icon-spinning{animation:spin 1s infinite steps(8);display:initial}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.canvas-container{contain:content;display:flex;align-items:center;justify-content:center}.canvas-container textarea{position:absolute;font-size:32px;inset:auto 0;opacity:.5;text-align:center;resize:none;padding:0;min-height:1em;field-sizing:content;display:none}.scribble-font{font-family:var(--font-hand-family);background:rgb(var(--color-blue));padding:10px 10px 10px 14px;color:#fff;border-radius:8px;font-size:15px;display:flex;gap:20px;align-items:center}.scribble-font label{-webkit-text-stroke:.5px white}.scribble-font select{height:42px}.scribble-controls{background:rgb(var(--color-blue));padding:6px 10px;display:flex;align-items:center;justify-content:space-between;color:#fff;border-radius:4px;font-size:19px;gap:20px;flex:1;transition:.2s}.scribble-controls.disabled,.scribble-controls.locked{background:#9c9c9b;pointer-events:none;color:#9c9c9b}:is(.scribble-controls.disabled,.scribble-controls.locked) *,:is(.scribble-controls.disabled,.scribble-controls.locked) *:before{color:#9c9c9b!important}.scribble-controls.locked{position:relative}.scribble-controls.locked:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='23' fill='%23fff' viewBox='0 0 16 23'%3E%3Cpath d='M15.6 13.2v-.1l-.3-2.5C15 10 15 9.4 14.7 9h-.4l-.6-.1c-.2 0-.4 0-.4-.3v-.9a7 7 0 0 0-.3-2.4L12.6 4a8 8 0 0 0-1-1.6l-.8-.8h-.1l-.8-.3A7.4 7.4 0 0 0 7.8.9h-.1l-.8.1-.8.3a4 4 0 0 0-1.2 1.1c-.8 1-1.1 2-1.2 3.2v.9l-.4 1.4c0 .4-.2.8-.5.9h-1l-.3.1c-.6.4-.6 1-.8 1.7v.2c0 .2 0 .4-.2.6v.2L.4 14v.2c-.2 1.3-.6 2.5-.3 3.9.1 1.3-.2 2.5.8 3.4l.2.1c.6.4 1.1.2 1.8.1H10l1.2.1 1 .1h.2l1.2.1.5-.2c.8-.2.6-.4.8-1v-.1c.2-.3.5-1.6.5-2.1v-.2l.1-.4v-1.7c.2-.2.1-.5.1-.8v-.2c.2-.7 0-1.4 0-2.2Zm-6 1.4c0 .3-.3.6-.6.7l-.1.2v1.9c-.1.3 0 .7-.2 1-.4.5-1.2.1-1.3-.5v-2.4c-.1-.3-.4-.4-.5-.6-.4-.4-.3-1-.2-1.4 0-.1 0-.3.2-.4.6-.5 1.7-.9 2.3-.2.2.3.5.5.4.9v.8Zm2-7.5-.1.5v.7l-.3.2-.4.2h-.5c-.3-.2-1 0-1.2 0H5.8c-.2 0-.3 0-.4-.2L5.2 8l.1-.8V5l.1-.4v-.1l.3-.6a2.3 2.3 0 0 1 1.8-1.4h1.1l.5.1c.2 0 .5 0 .8.2.2 0 .4.3.5.5.4.5.6 1 .9 1.7a1.5 1.5 0 0 1 0 .6c.1.5.3 1 .2 1.4Z'/%3E%3C/svg%3E");position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:end;justify-content:center}.scribble-controls .scribble-controls-title{font-family:var(--font-hand-family);-webkit-text-stroke:.5px white}@media (max-width: 1024px){.scribble-controls .scribble-controls-title{font-size:16px}}.scribble-controls .scribble-controls-inner{display:flex;gap:6px}.scribble-controls input[type=range]{flex:1;-webkit-appearance:none;appearance:none;height:100%;cursor:pointer;background:transparent}.scribble-controls input[type=range]::-webkit-slider-runnable-track{background:#fff;height:2px;border-radius:4px}.scribble-controls input[type=range]::-webkit-slider-thumb{background:#fff;-webkit-appearance:none;appearance:none;width:8px;height:8px;border-radius:50%;cursor:ew-resize;transform:translateY(-3px)}.scribble-controls input[type=number],.scribble-controls input[type=button]{font-weight:500;text-align:center;border:0;-webkit-appearance:none;appearance:none;width:32px;height:32px;font-family:var(--font-heading-family);font-size:16px;background-color:#fff!important;color:rgb(var(--color-blue));border-radius:4px;text-transform:uppercase}:is(.scribble-controls input[type=number],.scribble-controls input[type=button])::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}:is(.scribble-controls input[type=number],.scribble-controls input[type=button]):focus-visible{outline:none;outline-offset:0;box-shadow:none}.scribble-controls input[type=button]{width:auto;padding:0 8px;cursor:pointer;color:#9c9c9b;transition:color .2s}.scribble-controls input[type=button].active{color:rgb(var(--color-blue))}.scribble-controls input[type=color]{-webkit-appearance:none;appearance:none;border:none;cursor:pointer;padding:0 8px;width:auto;border-radius:4px;height:32px;display:flex;align-items:center}.scribble-controls input[type=color]::-webkit-color-swatch-wrapper{display:none}.scribble-controls input[type=color]:before{content:attr(value);color:rgb(var(--color-blue));font-family:var(--font-heading-family);font-weight:500;font-size:16px;text-transform:uppercase}.scribble-controls input[type=time]{appearance:none;-webkit-appearance:none;border:none;cursor:text;font-family:var(--font-heading-family);font-size:16px;color:rgb(var(--color-blue));padding:0 8px;height:32px;border-radius:4px;position:relative;font-variant-numeric:tabular-nums;text-align:center}.scribble-controls input[type=time]::-webkit-calendar-picker-indicator,.scribble-controls input[type=time]::-webkit-datetime-edit-meridiem-field{display:none}.scribble-controls input[type=time]:focus-visible{outline:none;outline-offset:0;box-shadow:none}.scribble-controls input[type=time]::-webkit-datetime-edit-fields-wrapper,.scribble-controls input[type=time]::-webkit-datetime-edit-text,.scribble-controls input[type=time]::-webkit-datetime-edit-hour-field,.scribble-controls input[type=time]::-webkit-datetime-edit-minute-field,.scribble-controls input[type=time]::-webkit-datetime-edit-second-field,.scribble-controls input[type=time]::-webkit-datetime-edit-ampm-field{color:inherit}.scribble-controls input[type=time]::-webkit-datetime-edit-hour-field:focus,.scribble-controls input[type=time]::-webkit-datetime-edit-minute-field:focus{background-color:rgb(var(--color-blue));color:#fff;outline:none;border-radius:2px}.scribble-controls-container{width:100%;display:flex;flex-direction:column;gap:8px}.scribble-control-row{display:flex;gap:8px;justify-content:stretch}@media (max-width: 1024px){.scribble-control-row{display:contents}}.preload-font{position:absolute;visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/scribble.css.map */