:root{--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}.sticker-configurator-section{position:relative}.sticker-configurator-section__inner{position:relative;display:grid;gap:var(--sl-space-lg)}.sticker-configurator-section__inner--wide,.sticker-configurator-section__inner--full{margin-inline:auto;padding-inline:1.5rem}.sticker-configurator-section__inner--wide{max-width:168rem}.sticker-configurator-section__inner--full{max-width:100%}.sticker-configurator-section__intro{max-width:62ch}.sticker-configurator-section__eyebrow{font-family:var(--font-mono);font-size:1.2rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--sl-accent);margin:0 0 var(--sl-space-sm)}.sticker-configurator-section__heading{margin:0 0 var(--sl-space-md)}.sticker-configurator-section__text{color:var(--sl-text-secondary);font-size:1.7rem}.sticker-configurator-section__text>:last-child{margin-bottom:0}.sticker-configurator-section__panel{position:relative;max-width:148rem;margin-inline:auto;padding:var(--sl-space-md);color:var(--sl-text-primary);background-color:var(--sl-surface-card);border:var(--sl-border-hard);border-radius:var(--sl-radius-card);box-shadow:var(--sl-shadow-hard)}.sticker-configurator-section__empty{min-height:30rem;display:grid;place-content:center;text-align:center}.sticker-configurator__preview{margin-bottom:var(--sl-space-lg)}.sticker-configurator__preview-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sl-space-sm);margin-bottom:var(--sl-space-sm)}.sticker-configurator__preview-title{margin:0;font-family:var(--font-mono);font-size:1.2rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--sl-text-secondary)}.sticker-configurator__sr{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px;padding:0;margin:0;border:0}.sticker-configurator__backgrounds{display:flex;align-items:center;gap:var(--sl-space-sm);min-width:0;padding:0;margin:0;border:0}.sticker-configurator__backgrounds input[type=radio]{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.sticker-configurator__background{display:block;width:2.2rem;height:2.2rem;border:1.5px solid var(--sl-neutral-900);border-radius:50%;cursor:pointer;transition:transform var(--sl-fast) var(--sl-ease)}.sticker-configurator__background:hover{transform:scale(1.08)}.sticker-configurator__background--checker{background-color:#6c6f75;background-image:conic-gradient(#5e6167 25%,transparent 0 50%,#5e6167 0 75%,transparent 0);background-size:1rem 1rem;background-position:center}.sticker-configurator__background--light{background-color:#f5f6f7}.sticker-configurator__background--dark{background-color:#1b1c1f}.sticker-configurator__backgrounds input[type=radio]:checked+.sticker-configurator__background{box-shadow:0 0 0 .2rem var(--sl-surface-card),0 0 0 .4rem var(--sl-accent)}.sticker-configurator__backgrounds input[type=radio]:focus-visible+.sticker-configurator__background{box-shadow:0 0 0 .2rem var(--sl-surface-card),0 0 0 .5rem var(--sl-neutral-900)}.sticker-configurator__stage{display:grid;place-items:center;aspect-ratio:1 / 1;max-width:34rem;max-height:34rem;padding:1.2rem;overflow:hidden;border:var(--sl-border-hard);border-radius:var(--sl-radius-card);background-color:#6c6f75;background-image:conic-gradient(#5e6167 25%,transparent 0 50%,#5e6167 0 75%,transparent 0);background-size:1.6rem 1.6rem;color:#fff;transition:background-color var(--duration-short) ease}.sticker-configurator__stage[data-preview-background=light]{background-color:#f5f6f7;background-image:none;color:#4a4f55}.sticker-configurator__stage[data-preview-background=dark]{background-color:#1b1c1f;background-image:none;color:#c9ccd1}.sticker-configurator__canvas{display:block;max-width:100%;max-height:100%;grid-area:1 / 1}.sticker-configurator__stage-message{grid-area:1 / 1;max-width:24ch;margin:0;font-size:1.3rem;text-align:center;color:inherit}.sticker-configurator__preview-scale{margin:var(--sl-space-sm) 0 0;font-family:var(--font-mono);font-size:1.2rem;font-weight:600;color:var(--sl-text-primary)}.sticker-configurator__preview-notices{padding:var(--sl-space-sm) var(--sl-space-md);margin:var(--sl-space-sm) 0 0;list-style:none;border:1.5px solid var(--sl-warning-border);border-left:.4rem solid var(--sl-warning-text);border-radius:var(--sl-radius-control);background:var(--sl-warning-bg);color:var(--sl-warning-text);font-size:1.2rem}.sticker-configurator__preview-notices li+li{margin-top:var(--sl-space-xs)}.sticker-configurator__preview-disclaimer{margin:var(--sl-space-sm) 0 0;font-size:1.2rem;color:var(--sl-text-secondary)}.sticker-configurator__steps{display:grid;gap:var(--sl-space-sm);counter-reset:sticker-step}.sticker-configurator__step{padding:var(--sl-space-md)!important;border:var(--sl-border-soft)!important;border-radius:var(--sl-radius-card);background:var(--sl-surface-card);counter-increment:sticker-step;transition:border-color var(--sl-normal) var(--sl-ease)}.sticker-configurator__step:focus-within{border-color:var(--sl-neutral-900)!important}.sticker-configurator__step-title{display:flex;align-items:center;gap:var(--sl-space-sm);width:100%;padding:0;margin-bottom:var(--sl-space-xs);font-size:1.5rem;font-weight:700;letter-spacing:-.01em}.sticker-configurator__step-number:before{font-family:var(--font-mono);content:counter(sticker-step);display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--sl-neutral-900);color:var(--sl-neutral-0);font-size:1.3rem;font-weight:700}.sticker-configurator fieldset{min-width:0;padding:0;margin:0;border:0}.sticker-configurator__choices{display:block}.sticker-configurator .product-form__input--pill input[type=radio]+label{margin:var(--sl-space-xs) var(--sl-space-xs) 0 0;padding:1.1rem 1.8rem;font-size:1.4rem;font-weight:600;letter-spacing:normal;color:var(--sl-text-primary);background-color:var(--sl-surface-card);border:var(--sl-border-functional);border-radius:var(--sl-radius-control);transition:border-color var(--sl-fast) var(--sl-ease),background-color var(--sl-fast) var(--sl-ease),color var(--sl-fast) var(--sl-ease)}.sticker-configurator .product-form__input--pill input[type=radio]:not(.disabled):not(:checked)+label:hover{border-color:var(--sl-neutral-900);background-color:var(--sl-neutral-100)}.sticker-configurator .product-form__input--pill input[type=radio]:checked+label{background-color:var(--sl-accent);border:var(--sl-border-hard);color:var(--sl-text-on-accent)}.sticker-configurator .product-form__input--pill input[type=radio]:focus-visible+label{outline:.2rem solid var(--sl-accent);outline-offset:.3rem;box-shadow:none}.sticker-configurator .product-form__input--pill input[type=radio]:checked:focus-visible+label{outline-color:var(--sl-neutral-900)}.sticker-configurator__choices--dotted input[type=radio]+label,.sticker-configurator__choices--stacked input[type=radio]+label{display:inline-flex;align-items:center;gap:.7rem}.sticker-configurator__choices--stacked input[type=radio]+label{flex-direction:column;gap:.2rem;line-height:1.2}.sticker-configurator__choices--stacked small{font-family:var(--font-mono);font-size:1.1rem;opacity:.75}.sticker-configurator__dot{width:1.4rem;height:1.4rem;border:1.5px solid var(--sl-neutral-900);border-radius:50%;background:transparent}.sticker-configurator__dot--white{background:#fff}.sticker-configurator__dot--black{background:#000}.sticker-configurator__dot--none{position:relative;overflow:hidden}.sticker-configurator__dot--none:after{content:"";position:absolute;top:50%;left:-10%;width:120%;height:1px;background:currentColor;transform:rotate(-45deg)}.sticker-configurator__choices--dotted input[type=radio]:checked+label .sticker-configurator__dot{border-color:var(--sl-neutral-0)}.sticker-configurator__tiers{display:grid;gap:var(--sl-space-xs)}.sticker-configurator__tiers input[type=radio]{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.sticker-configurator__tier{display:flex;align-items:center;gap:var(--sl-space-sm);padding:1.2rem 1.4rem;border:var(--sl-border-functional);border-radius:var(--sl-radius-control);background:var(--sl-surface-card);cursor:pointer;transition:border-color var(--sl-fast) var(--sl-ease),background-color var(--sl-fast) var(--sl-ease)}.sticker-configurator__tiers input[type=radio]:not(:checked)+.sticker-configurator__tier:hover{border-color:var(--sl-neutral-900);background:var(--sl-neutral-100)}.sticker-configurator__tiers input[type=radio]:checked+.sticker-configurator__tier{border:var(--sl-border-hard);background:var(--sl-accent-50)}.sticker-configurator__tiers input[type=radio]:checked+.sticker-configurator__tier .sticker-configurator__tier-total{color:var(--sl-accent-700)}.sticker-configurator__tiers input[type=radio]:focus-visible+.sticker-configurator__tier{outline:.2rem solid var(--sl-accent);outline-offset:.3rem}.sticker-configurator__tiers input[type=radio].disabled+.sticker-configurator__tier{border:2px solid var(--sl-neutral-200);background:var(--sl-surface-sunk);color:var(--sl-text-disabled);text-decoration:line-through;cursor:not-allowed}.sticker-configurator__tier-quantity{font-family:var(--font-mono);min-width:4ch;font-size:1.7rem;font-weight:700}.sticker-configurator__tier-prices{display:grid;flex:1;text-align:right}.sticker-configurator__tier-total{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}.sticker-configurator__tier-unit{font-family:var(--font-mono);font-size:1.2rem;color:var(--sl-text-secondary)}.sticker-configurator__tier-save{font-family:var(--font-mono);padding:.3rem .7rem;border-radius:var(--sl-radius-badge);background:var(--sl-success-bg);color:var(--sl-success-text);font-size:1.1rem;font-weight:700;white-space:nowrap}.sticker-configurator__outline-thickness{margin-top:var(--sl-space-md);padding-top:var(--sl-space-md);border-top:1.5px solid var(--sl-neutral-200)}.sticker-configurator__thickness-legend{display:block;font-size:1.3rem;font-weight:600;color:var(--sl-text-secondary)}.sticker-configurator__dropzone{position:relative;border:2px dashed var(--sl-neutral-500);border-radius:var(--sl-radius-card);background:var(--sl-surface-card);transition:border-color var(--sl-fast) var(--sl-ease),background-color var(--sl-fast) var(--sl-ease)}.sticker-configurator__dropzone:hover{border-color:var(--sl-neutral-900);background:var(--sl-neutral-100)}.sticker-configurator__dropzone.is-dragging{border-color:var(--sl-accent);border-style:solid;background:var(--sl-accent-50)}.sticker-configurator__file-input{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.sticker-configurator__dropzone-label{display:grid;place-items:center;gap:var(--sl-space-xs);padding:var(--sl-space-xl) var(--sl-space-md);text-align:center;cursor:pointer}.sticker-configurator__dropzone-icon{display:grid;place-items:center;width:4.4rem;height:4.4rem;margin-bottom:var(--sl-space-xs);border-radius:50%;background:var(--sl-neutral-900);color:var(--sl-neutral-0)}.sticker-configurator__dropzone.is-dragging .sticker-configurator__dropzone-icon{background:var(--sl-accent)}.sticker-configurator__dropzone-icon .icon,.sticker-configurator__dropzone-icon svg{width:2rem;height:2rem}.sticker-configurator__dropzone-title{font-size:1.6rem;font-weight:700}.sticker-configurator__file-input:focus-visible+.sticker-configurator__dropzone-label{outline:.2rem solid var(--sl-accent);outline-offset:-.6rem;border-radius:var(--sl-radius-card)}.sticker-configurator__dropzone-hint,.sticker-configurator__file-note{font-size:1.2rem;color:var(--sl-text-secondary)}.sticker-configurator__dropzone-file{padding:0 var(--sl-space-md) var(--sl-space-md);margin:0;font-family:var(--font-mono);font-size:1.3rem;font-weight:600;text-align:center;overflow-wrap:anywhere;color:var(--sl-accent-700)}.sticker-configurator__file-error{padding:var(--sl-space-sm) var(--sl-space-md);margin:var(--sl-space-sm) 0 0;border:1.5px solid var(--sl-danger-border);border-left:.4rem solid var(--sl-danger-text);border-radius:var(--sl-radius-control);background:var(--sl-danger-bg);color:var(--sl-danger-text);font-size:1.3rem;font-weight:600}.sticker-configurator__file-note{margin:var(--sl-space-xs) 0 0}.sticker-configurator__summary{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--sl-space-sm);padding:var(--sl-space-md);margin-top:var(--sl-space-md);border:var(--sl-border-hard);border-radius:var(--sl-radius-card);background:var(--sl-surface-sunk)}.sticker-configurator__total{font-family:var(--font-mono);font-size:3.2rem;font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--sl-accent-700)}.sticker-configurator__unit{font-family:var(--font-mono);font-size:1.4rem;font-weight:600;color:var(--sl-neutral-700)}.sticker-configurator__editor-warning{padding:var(--sl-space-sm) var(--sl-space-md);margin-top:var(--sl-space-sm);border-radius:var(--sl-radius-control);border:1.5px solid var(--sl-warning-border);background:var(--sl-warning-bg);color:var(--sl-warning-text);font-size:1.2rem}.sticker-configurator__submit{min-height:5.6rem;margin-top:var(--sl-space-sm);font-size:1.6rem;font-weight:700}.sticker-configurator__submit[disabled]{color:var(--sl-neutral-700)}@media screen and (min-width:750px){.sticker-configurator-section__panel{padding:var(--sl-space-xl)}.sticker-configurator-section__inner--wide,.sticker-configurator-section__inner--full{padding-inline:5rem}.sticker-configurator__stage{max-width:46rem;max-height:46rem}.sticker-configurator__total{font-size:3.6rem}}@media screen and (min-width:1100px){sticker-configurator{display:grid;grid-template-columns:minmax(30rem,.95fr) minmax(36rem,1.05fr);gap:clamp(2.4rem,3vw,4.8rem);align-items:start}.sticker-configurator__preview{position:sticky;top:2rem;margin-bottom:0}.sticker-configurator__stage{max-width:100%}}.sticker-configurator-section--fill{--sl-configurator-header: var(--header-height, 5.8rem)}@media screen and (min-width:990px){.sticker-configurator-section--fill{--sl-configurator-header: var(--header-height, 6.6rem)}}.sticker-configurator-section--fill .sticker-configurator-section__inner{padding:0;gap:0}.sticker-configurator-section--fill .sticker-configurator-section__intro{max-width:none;padding:var(--sl-space-sm) var(--sl-space-lg);border-bottom:var(--sl-border-hard)}.sticker-configurator-section--fill .sticker-configurator-section__eyebrow{font-size:1.1rem;margin-bottom:.2rem}.sticker-configurator-section--fill .sticker-configurator-section__heading{font-size:2.6rem;line-height:1.1;margin-bottom:.2rem}.sticker-configurator-section--fill .sticker-configurator-section__text{font-size:1.4rem}.sticker-configurator-section--fill .sticker-configurator-section__panel{display:flex;min-height:0;max-width:none;margin-inline:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}.sticker-configurator-section--fill sticker-configurator{display:block;flex:1;min-height:0}.sticker-configurator-section--fill .sticker-configurator__preview{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto auto;min-height:0;margin-bottom:0;padding:0}.sticker-configurator-section--fill product-form{display:block;padding:var(--sl-space-md) var(--sl-space-lg);background:var(--sl-surface-card)}.sticker-configurator-section--fill .sticker-configurator__steps{gap:0}.sticker-configurator-section--fill .sticker-configurator__step{padding:var(--sl-space-md) 0!important;border:0!important;border-radius:0;background:transparent}.sticker-configurator-section--fill .sticker-configurator__step+.sticker-configurator__step{border-top:1.5px solid var(--sl-neutral-200)!important}@media screen and (min-width:1100px){.sticker-configurator-section--fill .sticker-configurator-section__inner{box-sizing:border-box;height:calc(100vh - var(--sl-configurator-header));height:calc(100svh - var(--sl-configurator-header));min-height:52rem;grid-template-rows:auto minmax(0,1fr)}.sticker-configurator-section--fill sticker-configurator{display:grid;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(38rem,30vw,46rem);gap:0;align-items:stretch}.sticker-configurator-section--fill .sticker-configurator__preview{position:relative;top:auto;height:auto;border-bottom:0}.sticker-configurator-section--fill .sticker-configurator__preview>*{grid-column:1;position:relative;z-index:1;margin:0 var(--sl-space-md) var(--sl-space-md)}.sticker-configurator-section--fill .sticker-configurator__preview-head{grid-row:1;margin-top:var(--sl-space-md)}.sticker-configurator-section--fill .sticker-configurator__preview-scale{grid-row:3}.sticker-configurator-section--fill .sticker-configurator__preview-notices{grid-row:4}.sticker-configurator-section--fill .sticker-configurator__preview-disclaimer{grid-row:5}.sticker-configurator-section--fill .sticker-configurator__stage{grid-row:1 / -1;z-index:0;margin:0;aspect-ratio:auto;min-height:0;max-width:none;max-height:none;border:0;border-radius:0}.sticker-configurator-section--fill .sticker-configurator__preview-title,.sticker-configurator-section--fill .sticker-configurator__backgrounds,.sticker-configurator-section--fill .sticker-configurator__preview-scale,.sticker-configurator-section--fill .sticker-configurator__preview-disclaimer{padding:.6rem 1rem;background:var(--sl-surface-card);border:1.5px solid var(--sl-neutral-900);border-radius:var(--sl-radius-control);color:var(--sl-text-primary)}.sticker-configurator-section--fill .sticker-configurator__preview-scale,.sticker-configurator-section--fill .sticker-configurator__preview-disclaimer,.sticker-configurator-section--fill .sticker-configurator__preview-notices{justify-self:start;max-width:min(100%,56ch)}.sticker-configurator-section--fill .sticker-configurator__preview-disclaimer{font-size:1.1rem;color:var(--sl-text-secondary)}.sticker-configurator-section--fill product-form{display:flex;flex-direction:column;min-height:0;border-left:var(--sl-border-hard)}.sticker-configurator-section--fill .sticker-configurator.form{display:flex;flex-direction:column;flex:1;min-height:0}.sticker-configurator-section--fill .sticker-configurator__steps{flex:1 1 auto;min-height:0;overflow-y:auto;padding-inline-end:var(--sl-space-sm);border-bottom:1.5px solid var(--sl-neutral-200);padding-bottom:var(--sl-space-sm);scrollbar-gutter:stable}.sticker-configurator-section--fill .sticker-configurator__summary,.sticker-configurator-section--fill .sticker-configurator__submit,.sticker-configurator-section--fill .sticker-configurator__editor-warning,.sticker-configurator-section--fill .product-form__error-message-wrapper{flex:0 0 auto}}@media screen and (max-width:1099px){.sticker-configurator-section--fill{--sl-configurator-cta: 5.6rem}.sticker-configurator-section--fill .sticker-configurator__preview{position:sticky;top:0;z-index:1;box-sizing:border-box;height:min(38vh,30rem);height:min(38svh,30rem);padding:var(--sl-space-sm) var(--sl-space-lg) var(--sl-space-md);background:var(--sl-surface-card);border-bottom:var(--sl-border-hard)}.sticker-configurator-section--fill .sticker-configurator__preview:has(.sticker-configurator__preview-notices:not([hidden])){height:min(56vh,40rem);height:min(56svh,40rem)}.sticker-configurator-section--fill .sticker-configurator__stage{aspect-ratio:auto;min-height:0;max-width:100%;max-height:none}.sticker-configurator-section--fill .sticker-configurator__preview-head{margin-bottom:var(--sl-space-sm)}.sticker-configurator-section--fill .sticker-configurator__preview-scale,.sticker-configurator-section--fill .sticker-configurator__preview-notices,.sticker-configurator-section--fill .sticker-configurator__preview-disclaimer{margin-top:var(--sl-space-sm)}.sticker-configurator-section--fill .sticker-configurator__preview-scale,.sticker-configurator-section--fill .sticker-configurator__preview-disclaimer{font-size:1.1rem;line-height:1.35}.sticker-configurator-section--fill product-form{border-top:0}.sticker-configurator-section--fill .sticker-configurator__summary{position:sticky;bottom:var(--sl-configurator-cta);z-index:2;flex-direction:row;flex-wrap:nowrap;align-items:baseline;justify-content:space-between;gap:var(--sl-space-sm);margin:0 calc(-1 * var(--sl-space-lg));padding:var(--sl-space-sm) var(--sl-space-lg);border:0;border-top:var(--sl-border-hard);border-radius:0;background:var(--sl-surface-card)}.sticker-configurator-section--fill .sticker-configurator__total{font-size:2.4rem}.sticker-configurator-section--fill .sticker-configurator__submit{position:sticky;bottom:0;z-index:2;--buttons-radius: 0;--buttons-radius-outset: 0;display:flex;width:calc(100% + 2 * var(--sl-space-lg));height:var(--sl-configurator-cta);min-height:0;margin:0 calc(-1 * var(--sl-space-lg));padding-inline:var(--sl-space-md)}}@media screen and (max-width:1099px)and (max-height:599px){.sticker-configurator-section--fill{--sl-configurator-cta: 4.8rem}.sticker-configurator-section--fill .sticker-configurator__preview{position:relative;top:auto;height:min(42vh,20rem);height:min(42svh,20rem)}.sticker-configurator-section--fill .sticker-configurator__total{font-size:2rem}.sticker-configurator-section--fill .sticker-configurator__summary{padding-block:var(--sl-space-xs)}}@media screen and (min-width:750px)and (max-width:1099px)and (min-height:600px){.sticker-configurator-section--fill .sticker-configurator__preview{height:min(38vh,40rem);height:min(38svh,40rem)}}@media screen and (max-width:749px){.sticker-configurator-section__heading{max-width:none}.sticker-configurator-section__panel{margin-inline:.4rem;padding:var(--sl-space-sm)}.sticker-configurator__stage{max-width:100%;max-height:34rem}.sticker-configurator .product-form__input--pill input[type=radio]+label{padding:1.1rem 1.5rem}.sticker-configurator__summary{flex-direction:column;align-items:flex-start;gap:0}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-sticker-configurator.css.map */