up-perso{--up-perso-font-family: "Flocage";--up-perso-font-fallback: var(--heading-font-family, sans-serif);--up-perso-ink-color: #ffffff;--up-perso-text-transform: uppercase;--up-perso-line-1-x: 50.4cqw;--up-perso-line-1-y: 25.25cqw;--up-perso-line-1-size: 9.58cqw;--up-perso-line-1-max-width: 33.3cqw;--up-perso-line-2-x: 49.9cqw;--up-perso-line-2-y: 62cqw;--up-perso-line-2-size: 6cqw;--up-perso-line-2-max-width: 24.5cqw}.variant-picker__option--perso>*:not(.up-perso-toggle){position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.up-perso-toggle{display:flex;align-items:center;gap:.9rem;width:100%;padding:1rem 1.15rem;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;border:1px solid rgb(from currentColor r g b / 25%);border-radius:var(--button-border-radius, 0);transition:border-color .18s ease,background-color .18s ease}.up-perso-toggle:hover{border-color:rgb(from currentColor r g b / 55%);background:rgb(from currentColor r g b / 4%)}.up-perso-toggle:focus-visible{outline:2px solid currentColor;outline-offset:2px}.up-perso-toggle--on{border-color:rgb(from currentColor r g b / 35%);background:rgb(from currentColor r g b / 9%);box-shadow:inset 3px 0 0 currentColor}.up-perso-toggle__box{flex:0 0 auto;position:relative;width:2.15rem;height:1.15rem;border-radius:1rem;border:1px solid rgb(from currentColor r g b / 45%);transition:background-color .18s ease,border-color .18s ease}.up-perso-toggle__box:after{content:"";position:absolute;top:50%;left:.16rem;width:.72rem;height:.72rem;border-radius:50%;background:currentColor;transform:translateY(-50%);transition:transform .18s ease,background-color .18s ease}.up-perso-toggle--on .up-perso-toggle__box{background:currentColor;border-color:currentColor}.up-perso-toggle--on .up-perso-toggle__box:after{transform:translateY(-50%) translate(.98rem);background:rgb(var(--background, 17 17 17))}.up-perso-toggle__label{flex:1 1 auto;text-transform:uppercase;letter-spacing:.045em;font-size:.68rem;line-height:1.3}.up-perso-toggle__price{flex:0 0 auto;font-variant-numeric:tabular-nums;font-size:.62rem;letter-spacing:.04em;white-space:nowrap;opacity:.6;transition:opacity .18s ease}.up-perso-toggle--on .up-perso-toggle__price{opacity:1}.up-perso-toggle:disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}@media(prefers-reduced-motion:reduce){.up-perso-toggle,.up-perso-toggle__box,.up-perso-toggle__box:after,.up-perso-toggle__price{transition:none}}.up-perso-card{border:1px solid rgb(from currentColor r g b / 16%);background:rgb(from currentColor r g b / 2%)}.up-perso-card__body{display:grid;gap:1.15rem;padding:1.15rem}.up-perso-stage{position:relative;border:1px solid rgb(from currentColor r g b / 12%);background:repeating-linear-gradient(0deg,rgb(from currentColor r g b / 3.5%) 0 1px,transparent 1px 22px),repeating-linear-gradient(90deg,rgb(from currentColor r g b / 3.5%) 0 1px,transparent 1px 22px),rgb(from currentColor r g b / 4%)}.up-perso-stage__tag{position:absolute;z-index:2;top:.55rem;left:.65rem;font-size:.5rem;line-height:1;letter-spacing:.22em;text-transform:uppercase;opacity:.4}.up-perso-guide{position:absolute;z-index:1;pointer-events:none;left:var(--up-perso-line-1-x);top:var(--up-perso-line-1-y);width:var(--up-perso-line-1-max-width);height:calc(var(--up-perso-line-1-size) * .698);transform:translate(-50%,-50%);border:1px dashed rgb(from currentColor r g b / 28%)}.up-perso-guide:before,.up-perso-guide:after{content:"";position:absolute;left:-11%;right:-11%;height:1px;background:rgb(from currentColor r g b / 16%)}.up-perso-guide:before{top:-1px}.up-perso-guide:after{bottom:-1px}.up-perso-field .input{font-family:var(--up-perso-font-family),var(--up-perso-font-fallback);font-size:1.6rem;letter-spacing:.02em;text-align:center;text-transform:var(--up-perso-text-transform);padding-block:.85rem}.up-perso-field .floating-label{letter-spacing:.12em}.up-perso-field .form-control__max-characters-count{text-align:center;font-size:.58rem;letter-spacing:.02em;opacity:.4}.up-perso-delai{margin:0;padding-top:.9rem;border-top:1px solid rgb(from currentColor r g b / 10%);font-size:.58rem;line-height:1.5;letter-spacing:.02em;text-align:center;opacity:.5}.up-perso-preview{display:block;position:relative;container-type:inline-size}.up-perso-preview__mockup{display:block;width:100%;height:auto}.up-perso-preview__line{position:absolute;transform:translate(-50%,-50%);font-family:var(--up-perso-font-family),var(--up-perso-font-fallback);color:var(--up-perso-ink-color);text-transform:var(--up-perso-text-transform);line-height:1;white-space:pre;pointer-events:none;user-select:none;-webkit-user-select:none}.up-perso-preview__line:empty:after{content:attr(data-perso-ghost);opacity:.26}.up-perso-preview__line[data-perso-line="1"]{left:var(--up-perso-line-1-x);top:var(--up-perso-line-1-y);font-size:calc(var(--up-perso-line-1-size) * var(--up-perso-fit, 1))}.up-perso-preview__line[data-perso-line="2"]{left:var(--up-perso-line-2-x);top:var(--up-perso-line-2-y);font-size:calc(var(--up-perso-line-2-size) * var(--up-perso-fit, 1))}
/*# sourceMappingURL=/cdn/shop/t/73/assets/up-perso-preview.css.map */