.customisation-app{--border-color: #e5e5e5}.customisation-app summary span{pointer-events:none}.customisation-app .container{margin-top:2rem;padding:1rem 2rem;border-radius:1.25rem;border:1px solid var(--border-color);position:relative}.customisation-app .close{position:absolute;top:1rem;right:1rem;cursor:pointer;padding:1rem;border-radius:50%;border:1px solid var(--border-color);display:flex;justify-content:center;align-items:center;background-color:transparent;font-size:1.3rem}.customisation-app .close .icon{width:20px;height:20px;color:rgba(var(--color-foreground), 0.55)}.customisation-app :is(input,select)[hidden]{display:none}.customisation-app input[type=text],.customisation-app input[type=number],.customisation-app select:not(.select__select){background-color:rgb(var(--color-background));color:rgba(var(--color-foreground));border:1px solid var(--border-color);border-radius:var(--variant-pills-radius);width:100%;margin-bottom:1rem;padding:1rem 2rem;font-size:1.4rem;letter-spacing:.1rem;line-height:1;text-transform:uppercase;transition:border var(--duration-short) ease;cursor:pointer;position:relative}.customisation-app .select{width:100%;margin-bottom:1rem}@media(min-width: 960px){.customisation-app .select{max-width:70%}}.customisation-app .select .select__select{font-size:1.5rem;letter-spacing:.125rem}.customisation-app .font-options{display:grid;grid-template-columns:repeat(2, 1fr);gap:.5rem}.customisation-app .font-option input[type=radio]{display:none}.customisation-app .font-option input[type=radio]+label:not([data-variant-value]){display:block;border:1px solid var(--border-color);border-radius:1.5rem;cursor:pointer}.customisation-app .font-option input[type=radio]:checked+label:not([data-variant-value]){border:1px solid #000}.customisation-app .font-option input[type=radio]+label>*:not(.font-option__media){padding:0 1.5rem}.customisation-app .font-option__media{aspect-ratio:1}.customisation-app .font-option__media img{width:100%;height:100%;object-fit:cover}.customisation-app .font-option :is(select,input){display:none}.customisation-app .product-options.hidden{display:none}.customisation-app .summary{border-top:1px solid var(--border-color)}.customisation-app .summary span{display:inline-block;margin-bottom:.25rem}.customisation-app .summary span:first-of-type{min-width:75px}.customisation-app .summary span:first-of-type+span{text-transform:uppercase;background-color:#fafafa;border:1px solid var(--border-color);padding:0 .5rem;font-size:.9em}.customisation-app .summary span:first-of-type+span:empty{display:none}.customisation-app .summary span:last-of-type{background-color:transparent;border:none;font-size:.75em}.customisation-app #official-options,.customisation-app #standard-options{display:none}.customisation-app [data-product-options]>div{padding:1rem;background-color:#f5f5f5;font-size:.8em;margin:1rem 0}.customisation-app [data-product-options]>div p{margin:0}.customisation-app [data-product-options]>div p+p{margin-bottom:1rem}.customisation-app [data-product-options][data-style=official] #official-options{display:block}.customisation-app [data-product-options][data-style=standard] #standard-options{display:block}.customisation-app [data-product-options] .terms{background-color:gold}.customisation-app fieldset{border:none;padding:0;margin:0;margin-bottom:1rem}.customisation-app .font-option__title{font-weight:600}.customisation-app .form__label{display:flex;gap:.5rem}.customisation-app .font-variants{display:flex;gap:1rem}.customisation-app .font-variants input{display:none}.customisation-app .font-variants label{width:3rem;height:3rem;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px var(--border-color);transition:all .3s ease}.customisation-app .font-variants label[data-variant-value]{background-color:#e5e5e5}.customisation-app .font-variants label[data-variant-value=white]{background-color:#fafafa}.customisation-app .font-variants label[data-variant-value=black]{background-color:#111}.customisation-app .font-variants input:checked+label{box-shadow:0 0 0 1px #000}.customisation-app .font-variants input:not([disabled])+label:hover{box-shadow:0 0 0 1px #000}customisation-app [data-step] h3.has-error{background-color:#ff0;padding:.5rem;border:1px solid #e5e5e5}customisation-app .error-message{background-color:#e53935A0;color:#fff;border:1px solid #e5e5e5;padding:.5rem;margin-bottom:1rem;font-size:.9em}customisation-app[data-debug=true] :is(input,select)[hidden]{display:block;outline:1px solid #6495ed}customisation-app[data-debug=true] :is(input,select)[hidden][disabled]{background-color:#e5e5e5;outline:1px solid salmon}customisation-app[data-debug=true] .font-option :is(select,input){display:block}