.app-label{--__button-list-max-height: 260px;width:100vw;max-width:800px;padding:var(--space-s);background:#fff}@media only screen and (min-width:47.5rem){.app-label{border-radius:var(--dialog-border-radius)}}@media only screen and (min-width:64rem){.app-label{--__button-list-max-height: 460px}}.app-label__inner{position:relative}@media only screen and (min-width:64rem){.app-label__inner{display:grid;grid-template-columns:repeat(6,1fr)}}.app-label__canvas-container{position:relative;grid-column:2/span 5;grid-row:1;z-index:1;aspect-ratio:1;width:100%;max-width:600px;margin-bottom:var(--space-s);margin-inline:auto;background-color:var(--color-7);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");border:3px dashed var(--color-5);border-radius:50%;overflow:hidden}.app-label__canvas-container:after{display:flex;justify-content:center;align-items:center;content:"Pick a design or upload an image to start";position:absolute;inset:0;width:100%;height:100%;font-size:var(--step-1);text-align:center;padding:var(--space-s)}.app-label__canvas-container canvas,.app-label__canvas-container .canvas-container{position:relative;z-index:100;width:100%!important;height:100%!important;aspect-ratio:1}.app-label__primary-controls{grid-column:1;grid-row:1;z-index:600}.app-label__primary-controls:has(.app-label__controls-group--full){grid-column:1/span 6;grid-row:1/span 2}.app-label__primary-controls:has(.app-label__controls-group--colours){grid-column:1/span 4;grid-row:1/span 2}.app-label__primary-controls:has(.app-label__controls-group--fonts){grid-column:1/span 4;grid-row:1/span 2}.app-label__controls-group{display:flex;padding:var(--space-s);border:1.5px solid var(--color-7);border-radius:var(--space-s);background:var(--color-1)}@media only screen and (min-width:64rem){.app-label__controls-group{display:inline-grid;gap:var(--space-s)}}.app-label__controls-group--full{display:grid;border-radius:0;border:0}.app-label__controls-heading{margin-bottom:var(--space-xs);font-size:var(--step-1);text-align:center;font-weight:600}.app-label__controls-group-items{display:flex;gap:var(--space-xs);list-style:none;overflow-y:hidden;overflow-x:auto;padding-right:var(--space-m)}@media only screen and (min-width:64rem){.app-label__controls-group-items{display:grid;padding-right:0}}.app-label__controls-group-items li{flex-shrink:0}.app-label__controls-group-grid{display:grid;gap:var(--space-xs);list-style:none;max-height:var(--__button-list-max-height);overflow-y:auto}@media only screen and (min-width:47.5rem){.app-label__controls-group-grid{max-height:500px}}@media only screen and (min-width:64rem){.app-label__controls-group-grid{grid-template-columns:repeat(3,1fr)}}.app-label__controls-group-items--long{max-height:460px;padding-right:1em;overflow:auto}.app-label__controls-group-done{position:relative;flex-shrink:0;padding-left:var(--space-s);border-left:1.5px solid var(--color-7)}.app-label__controls-group-done:before{display:block;content:"";position:absolute;right:calc(100% + 1.5px);width:var(--space-m);height:100%;pointer-events:none;background:linear-gradient(90deg,transparent 0%,var(--color-1) 100%)}@media only screen and (min-width:64rem){.app-label__controls-group-done{padding-top:var(--space-s);border-top:1.5px solid var(--color-7);padding-left:0;border-left:0}.app-label__controls-group-done:before{display:none}}.app-label__btn{display:block;position:relative;width:100%;max-width:3.375rem;font-size:.813rem;line-height:1.125;font-weight:500;background:none;border:0;overflow:hidden;text-align:center;cursor:pointer}@media only screen and (min-width:64rem){.app-label__btn{font-size:.875rem}}.app-label__btn input{position:absolute;z-index:-1;inset:0;width:0;height:0;opacity:0}.app-label__btn-icon-container{display:flex;justify-content:center;align-items:center;font-size:var(--step-1);width:var(--fluid-34-42);height:var(--fluid-34-42);border-radius:50%;background:var(--color-5);margin-bottom:var(--space-2xs);margin-inline:auto}.app-label__btn--done .app-label__btn-icon-container{color:var(--color-success)}.app-label__btn-colour{width:70%;height:70%;border-radius:50%}.app-label__colour-btn{display:flex;gap:.5em;align-items:center;background:none;font-size:var(--step-0);border:0}.app-label__colour-btn--selected{background:var(--color-5)}.app-label__colour-btn-swatch{display:block;width:2rem;height:2rem;border-radius:50%;border:1.5px solid var(--color-7)}.app-label__img-btn{display:flex;gap:var(--space-xs);align-items:center;font-size:.875rem;font-weight:500;text-align:left;background:none;border:0;cursor:pointer}.app-label__img-btn-img{border-radius:50%;-o-object-fit:cover;object-fit:cover;border:1.5px solid var(--color-7)}.app-label__button-list{display:grid;gap:var(--space-2xs);flex:1;padding-right:var(--space-2xs);list-style:none;overflow-y:auto;max-height:var(--__button-list-max-height)}.app-label__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:end;gap:var(--space-xs);grid-column:1/-1;grid-row:2/span 1;flex:0 1 auto;margin-top:var(--space-s)}@media only screen and (min-width:64rem){.app-label__footer{margin-top:0;padding-top:var(--gutter);box-shadow:0 -14px 10px #fff;border-top:1px solid var(--color-7)}}.label-app-wrapper{display:grid;place-items:center;position:fixed;z-index:999;inset:0;width:100%;height:100%;background:#000c}.label-app-wrapper__inner{width:100%;max-width:800px;background:var(--dialog-background)}@media only screen and (min-width:47.5rem){.label-app-wrapper__inner{border-radius:var(--dialog-border-radius);box-shadow:0 0 16px #0003}}.dialog-custom{display:none;place-items:center;position:fixed;z-index:999;inset:0;width:100%;height:100%;overflow:auto;background:var(--color-1)}@media only screen and (min-width:47.5rem){.dialog-custom{background:none}}.dialog-custom--is-open{display:grid}.dialog-custom:before{display:block;content:"";position:absolute;inset:0;background:var(--dialog-backdrop-background)}@media(prefers-reduced-motion:no-preference){.dialog-custom:before{animation:fadeIn .25s ease reverse}}@media(prefers-reduced-motion:no-preference){.dialog-custom--is-open:before{animation:fadeIn .25s ease forwards}}.dialog-custom__content{position:relative;width:100%;margin:auto;min-height:100%;max-width:100%;max-height:100%;height:100dvh;width:100dvw;background:var(--dialog-background)}@media only screen and (min-width:47.5rem){.dialog-custom__content{min-height:0;max-height:-moz-fit-content;max-height:fit-content;max-width:var(--dialog-max-width);margin-block-start:var(--modal-top-margin);margin-inline:auto;border-radius:var(--dialog-border-radius);box-shadow:0 0 16px #0003}}@media(prefers-reduced-motion:no-preference){.dialog-custom__content{animation:dialogOpen .25s ease reverse}}@media(prefers-reduced-motion:no-preference){.dialog-custom--is-open .dialog-custom__content{animation:dialogOpen .25s ease forwards}}.dialog-custom__close-btn{display:flex;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;position:absolute;z-index:900;top:1rem;right:1rem;background:var(--color-1);color:var(--color-3);border-radius:50%;border:1px solid var(--color-8);cursor:pointer;transition:color ease-in-out var(--transition-fast)}.dialog-custom__close-btn:hover,.dialog-custom__close-btn:focus{color:var(--color-2)}.dialog-custom__close-btn-icon{width:.875rem;height:.875rem;fill:currentColor}