.apply-formutils-css .form-row,.apply-formutils-css .form-col{display:grid;grid-template-columns:1fr;grid-gap:20px 30px}.apply-formutils-css .input-container.text,.apply-formutils-css .input-container.number,.apply-formutils-css .input-container.tel,.apply-formutils-css .input-container.email,.apply-formutils-css .input-container.search,.apply-formutils-css .input-container.url,.apply-formutils-css .input-container.password{position:relative;padding:0 10px;border-bottom:1px var(--gray80) solid;transition:border-bottom-color .25s}.apply-formutils-css .input-container.text .label,.apply-formutils-css .input-container.number .label,.apply-formutils-css .input-container.tel .label,.apply-formutils-css .input-container.email .label,.apply-formutils-css .input-container.search .label,.apply-formutils-css .input-container.url .label,.apply-formutils-css .input-container.password .label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding:inherit;line-height:1em;cursor:text;opacity:.6}.apply-formutils-css .input-container.text.editing .label,.apply-formutils-css .input-container.number.editing .label,.apply-formutils-css .input-container.tel.editing .label,.apply-formutils-css .input-container.email.editing .label,.apply-formutils-css .input-container.search.editing .label,.apply-formutils-css .input-container.url.editing .label,.apply-formutils-css .input-container.password.editing .label{top:calc(-50% - .5em);bottom:calc(75% + .5em);padding-left:unset;font-size:.7em}.apply-formutils-css .input-container.text.required .label::after,.apply-formutils-css .input-container.number.required .label::after,.apply-formutils-css .input-container.tel.required .label::after,.apply-formutils-css .input-container.email.required .label::after,.apply-formutils-css .input-container.search.required .label::after,.apply-formutils-css .input-container.url.required .label::after,.apply-formutils-css .input-container.password.required .label::after{content:"*";display:inline;margin-left:.2em;color:var(--red)}.apply-formutils-css .input-container.text input,.apply-formutils-css .input-container.number input,.apply-formutils-css .input-container.tel input,.apply-formutils-css .input-container.email input,.apply-formutils-css .input-container.search input,.apply-formutils-css .input-container.url input,.apply-formutils-css .input-container.password input{width:100%}.apply-formutils-css .input-container.text.invalid,.apply-formutils-css .input-container.number.invalid,.apply-formutils-css .input-container.tel.invalid,.apply-formutils-css .input-container.email.invalid,.apply-formutils-css .input-container.search.invalid,.apply-formutils-css .input-container.url.invalid,.apply-formutils-css .input-container.password.invalid{border-bottom-color:var(--red)}.apply-formutils-css .input-container.textarea .label{display:block;text-align:center}.apply-formutils-css .input-container.textarea .label+textarea{margin-top:5px}.apply-formutils-css .input-container.textarea textarea{min-width:100%;width:100%;max-width:100%;resize:vertical;min-height:1em;padding:10px;border:1px var(--gray80) solid;border-radius:5px}.apply-formutils-css .input-container:not(label,.radio)::after{content:".input-container should be a <label>";font-family:monospace;display:block;font-size:1rem;color:teal}.apply-formutils-css .input-container input{padding:0;line-height:1em}main{display:flex;flex-direction:column;padding-bottom:unset}@media(min-width: 577px){main{--current-main-width: 1340px;padding-left:20px;padding-right:20px}}main #steps{margin-top:20px;display:flex;margin-bottom:10px}@media screen and (max-width: 576px){main #steps{display:none}}main #steps .step{display:flex;align-items:center;flex-direction:column;font-family:"Inter",sans-serif;width:25%;font-size:1.1rem;color:var(--gray70);transition:color .25s}main #steps .step .number{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;background:var(--gray10)}main #steps .step .step-name{margin:7px 0 10px 0;text-transform:uppercase;text-overflow:ellipsis;overflow:hidden;max-width:100%}main #steps .step hr{width:100%;height:4px;background:var(--gray10);transition:background-color .25s}main #steps .step:first-child hr{border-radius:2px 0 0 2px}main #steps .step:last-child hr{border-radius:0 2px 2px 0}main #steps .step:not(:is(.active,[data-active=true])~.step):hover{color:var(--black)}main #steps .step:not(:is(.active,[data-active=true])~.step):hover hr{background-color:var(--gray20)}main #steps .step:is(.active,[data-active=true])~.step{pointer-events:none;opacity:.75}main #steps .step:not(.active,[data-active=true]) .cursor{display:none}main #steps .step:is(.active,[data-active=true]){pointer-events:none}main #steps .step:is(.active,[data-active=true]) .number{color:var(--light);background:var(--primary-color)}main #steps .step:is(.active,[data-active=true]) .step-name{color:var(--primary-color)}main #steps .step:is(.active,[data-active=true]) hr{background:var(--primary-color)}main #steps .step:is(.active,[data-active=true]) .cursor{display:flex;justify-content:center}main #steps .step:is(.active,[data-active=true]) .cursor .triangle{position:absolute;width:0;height:0;border-width:5px 5px;border-style:solid;border-color:var(--primary-color);position:static;border-bottom-color:rgba(0,0,0,0);opacity:.8}main #steps .step:is(.active,[data-active=true]) .cursor .triangle:first-child{border-left-color:rgba(0,0,0,0)}main #steps .step:is(.active,[data-active=true]) .cursor .triangle:last-child{border-right-color:rgba(0,0,0,0)}main>.title{overflow:hidden;border-radius:5px;background:var(--gray10)}@media screen and (max-width: 576px){main>.title{border-radius:unset}}main>.title h1{white-space:normal;padding:10px 20px;font-family:"Inter",sans-serif;font-size:1.2rem;text-transform:uppercase;color:var(--light);background-color:var(--primary-color)}main h2{font-size:1.6rem;color:var(--primary-color);font-family:"Inter",sans-serif;font-weight:200;text-transform:uppercase;margin:60px 0 40px 0}@media screen and (max-width: 576px){main h2{margin:50px 0 20px 0}}main #address-form{display:flex;align-items:center;align-self:center;flex-direction:column;flex-grow:1;width:100%;margin-bottom:60px;padding-top:40px}@media screen and (max-width: 576px){main #address-form{align-items:flex-start;padding:0 20px}}main #address-form .inputgroup{display:grid;grid-template-columns:repeat(6, 1fr);gap:20px 30px;max-width:700px;padding:25px}@media screen and (max-width: 576px){main #address-form .inputgroup{align-self:stretch;gap:20px;width:unset;padding:0}}main #address-form .inputgroup.inactive{display:none}main #address-form .inputgroup .input-container{grid-column:span 2}main #address-form .inputgroup .input-container.radio{display:flex;align-items:center;gap:10px;padding:0 10px;grid-column:span 6}main #address-form .inputgroup .input-container.radio .required{color:var(--red)}main #address-form .inputgroup .input-container.radio label{display:flex;align-items:center;gap:5px;padding:3px 5px;border-radius:3px;cursor:pointer;transition:background .15s}main #address-form .inputgroup .input-container.radio label:hover:not(:active){background:var(--gray05)}main #address-form .inputgroup .input-container.radio label:active{transition:none}main #address-form .inputgroup .input-container.radio label input{cursor:inherit}main #address-form .inputgroup .input-container.email{grid-column:span 4}main #address-form .inputgroup .input-container:is(.street,.addition){grid-column:span 6}main #address-form .inputgroup .input-container:is(.partita-iva,.codice-destinatario,.posta-elettronica-certificata,.codice-ficale){grid-column:span 3}main #address-form .inputgroup .input-container.societa-o-privato{margin-top:20px}main #address-form .inputgroup .input-container .note{position:absolute;top:100%;left:40px;margin-top:2px;padding:2px 0;font-size:.75em;color:var(--gray40);background:var(--white)}@media screen and (max-width: 576px){main #address-form .inputgroup .input-container .note{left:5px}}main #address-form .same-as-delivery-container{margin-top:10px}@media screen and (max-width: 576px){main #address-form .same-as-delivery-container{margin:-10px 0 30px 0}}main #address-form .biosigma-inputs{overflow:hidden;width:700px;margin-top:40px;border-radius:5px;background:var(--gray05)}@media screen and (max-width: 576px){main #address-form .biosigma-inputs{width:100%}}main #address-form .biosigma-inputs .tab-buttons{display:flex;align-items:center;gap:10px;border-bottom:1px var(--gray15) solid}main #address-form .biosigma-inputs .tab-buttons .label{padding:0 15px}main #address-form .biosigma-inputs .tab-buttons .label .required{color:var(--red)}main #address-form .biosigma-inputs .tab-buttons dd-tab-button{display:contents}main #address-form .biosigma-inputs .tab-buttons dd-tab-button label{display:flex;align-items:center;gap:10px;margin:5px;padding:7px 16px 7px 10px;border-radius:5px;cursor:pointer;transition:background-color .4s}main #address-form .biosigma-inputs .tab-buttons dd-tab-button label:hover{background-color:var(--gray10)}main #address-form .biosigma-inputs .tab-buttons dd-tab-button label input{pointer-events:none}main #address-form .biosigma-inputs .tab-buttons dd-tab-button[dd-open] label{background:var(--gray10)}main #address-form .biosigma-inputs dd-tab-container{display:grid;grid-template-columns:repeat(6, 1fr);gap:20px 30px;padding:25px}main #address-form .biosigma-inputs dd-tab-container .input-container{grid-column:span 3}@media screen and (max-width: 576px){main #address-form .biosigma-inputs dd-tab-container .input-container{grid-column:span 6}}main #address-form .biosigma-inputs dd-tab-container .input-container.company{grid-column:span 6}main #address-form .biosigma-inputs dd-tab-container .note{grid-column:span 6}main #address-form .biosigma-inputs dd-tab-container .note .required{color:var(--red)}main #order-actions{display:flex;gap:10px;margin-top:auto;padding-top:40px;padding-bottom:15px;position:sticky;bottom:0;justify-content:center;z-index:2;background:linear-gradient(360deg, var(--white) 70%, transparent)}@media screen and (max-width: 576px){main #order-actions{flex-wrap:wrap;gap:7px;width:100%;padding:10px 7px 7px 7px;border-top:1px solid var(--gray20);background-color:var(--gray05)}}main #order-actions .action-wrapper{display:contents}main #order-actions .action{cursor:pointer;display:flex;align-items:center;gap:10px;height:42px;padding:0 15px 0 10px;white-space:normal;text-align:left;background:var(--gray05);font-size:.95rem;border-radius:5px;border:2px var(--gray15) solid;transition:background .15s}main #order-actions .action:hover:not(:active){background:var(--gray10)}main #order-actions .action:active{transition:none}@media screen and (max-width: 576px){main #order-actions .action{font-size:1.1rem;flex-grow:1;height:unset;padding:5px 10px;text-transform:uppercase;justify-content:center;border:none;border-radius:3px;color:var(--gray80);background-color:var(--gray15);overflow:hidden}main #order-actions .action span{overflow:hidden;text-overflow:ellipsis}main #order-actions .action.export-to-pdf{display:none}}main #order-actions .action img{height:50px}@media screen and (max-width: 576px){main #order-actions .action img{display:none}}main #order-actions .action.validate.public-address img{width:80px;height:70px;object-fit:contain}main #order-actions>.action:last-child{border:2px var(--ddcompany-color) solid}@media screen and (max-width: 576px){main #order-actions>.action:last-child{color:var(--light);background-color:var(--primary-color);flex-grow:2;width:100%;margin-top:5px;padding:10px 20px;text-align:center}}main #order-actions form.action>button{display:contents}main #order-actions .spacer{flex-grow:1}@media screen and (max-width: 576px){main #order-actions .spacer{display:none}}
