.pd-license-generator{position:relative;width:100%;display:flex;flex-direction:column}.pd-license-generator .pd-license-generator__step-1-wrapper,.pd-license-generator .pd-license-generator__step-2-wrapper{flex:1;display:flex;flex-direction:column;transition:opacity .4s ease,transform .4s ease}.pd-license-generator .pd-license-generator__step-1-wrapper{min-height:var(--min-height-mobile);max-height:var(--max-height-mobile)}@media screen and (min-width: 990px){.pd-license-generator .pd-license-generator__step-1-wrapper{min-height:var(--min-height-desktop);max-height:var(--max-height-desktop)}}.pd-license-generator .pd-license-generator__step-2-wrapper{min-height:var(--min-height-mobile);max-height:var(--max-height-mobile)}@media screen and (min-width: 990px){.pd-license-generator .pd-license-generator__step-2-wrapper{min-height:var(--min-height-desktop);max-height:var(--max-height-desktop)}}.pd-license-generator .pd-license-generator__bg-image{flex:1;display:flex;flex-direction:column}.pd-license-generator .pd-license-generator__bg-image picture{flex:1;display:flex;flex-direction:column}.pd-license-generator .pd-license-generator__bg-image img{flex:1}@media screen and (min-width: 990px){.pd-license-generator{min-height:var(--min-height);max-height:var(--max-height)}}.pd-license-generator[data-current-step="1"] .pd-license-generator__step-1-wrapper{display:flex;opacity:1;transform:translate(0)}.pd-license-generator[data-current-step="1"] .pd-license-generator__step-2-wrapper{display:none;opacity:0;transform:translate(20px)}.pd-license-generator[data-current-step="2"] .pd-license-generator__step-1-wrapper{display:none;opacity:0;transform:translate(-20px)}.pd-license-generator[data-current-step="2"] .pd-license-generator__step-2-wrapper{display:flex;opacity:1;transform:translate(0)}.pd-license-generator__bg-image{position:relative;z-index:0}.pd-license-generator__bg-image picture,.pd-license-generator__bg-image img{display:block;width:100%;height:100%;object-fit:cover}.pd-license-generator__brand-image{position:absolute;left:1.4rem;transform:translateY(-50%);width:62.11%;height:auto}@media screen and (min-width: 750px){.pd-license-generator__brand-image{left:2.4rem;width:56.6%}}.pd-license-generator__brand-image picture,.pd-license-generator__brand-image img{display:block;height:auto;width:100%}.pd-license-generator__form-wrapper{max-width:84rem;margin:0 auto;text-align:center;position:absolute;z-index:1;top:var(--object-position-mobile-y);left:50%;transform:translate(-50%,-50%);min-width:calc(100% - 3.2rem)}@media screen and (min-width: 750px){.pd-license-generator__form-wrapper{min-width:80vw}}@media screen and (min-width: 990px){.pd-license-generator__form-wrapper{min-width:60vw;top:var(--object-position-desktop-y);left:var(--object-position-desktop-x)}}@media screen and (min-width: 1000px){.pd-license-generator__form-wrapper{min-width:42.36vw}}@media screen and (min-width: 1200px){.pd-license-generator__form-wrapper{min-width:610px;max-width:610px}}.pd-license-generator__form-wrapper:not(:has(.pd-license-generator__footer-decoration)) .pd-license-generator__form-content{border-radius:.8rem!important}.pd-license-generator__form-content{background-color:#fff;padding:6.4rem 1.2rem 3.4rem;border-radius:.8rem .8rem 0 0}@media screen and (min-width: 750px){.pd-license-generator__form-content{padding:8rem 2.4rem 4rem}}.pd-license-generator__form-content:has(.pd-license-generator__validation.active):has(.pd-license-generator__upload-area) .pd-license-generator__validation{margin-bottom:.8rem}@media screen and (min-width: 990px){.pd-license-generator__form-content:has(.pd-license-generator__validation.active):has(.pd-license-generator__upload-area) .pd-license-generator__upload-area,.pd-license-generator__form-content:has(.pd-license-generator__validation.active):has(.pd-license-generator__upload-area) .pd-license-generator__validation{margin-bottom:1.6rem}}.pd-license-generator__step-wrapper{display:flex;flex-direction:column}@media screen and (min-width: 990px){.pd-license-generator__step-wrapper{flex-direction:row;gap:1.8rem;margin-bottom:3.2rem}}.pd-license-generator__step{position:relative;width:fit-content;margin-bottom:1.2rem;display:flex;align-items:center;justify-content:center;height:fit-content;margin-top:2px;height:3.2rem}@media screen and (min-width: 990px){.pd-license-generator__step{margin-top:4px;height:3.6rem}}.pd-license-generator__step:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--step-background-color);transform:skew(-23deg);z-index:0}.pd-license-generator__step .pd-license-generator__step-text{position:relative;z-index:1;font-size:1.6rem;line-height:1.5;letter-spacing:0;color:var(--step-text-color);text-align:left;padding:.4rem 1.4rem;font-weight:700;white-space:nowrap;text-box-trim:trim-both}@media screen and (min-width: 990px){.pd-license-generator__step{font-size:1.8rem;margin-bottom:0}.pd-license-generator__step:before{top:2px}.pd-license-generator__step .pd-license-generator__step-text{font-size:1.8rem}}.pd-license-generator__heading{font-size:2rem;font-style:normal;font-weight:700;line-height:150%;margin-bottom:2.4rem;text-align:left}@media screen and (min-width: 990px){.pd-license-generator__heading{font-size:2.4rem;letter-spacing:0;line-height:1.5;margin-bottom:0}}.pd-license-generator__upload-area{position:relative;margin-bottom:2.4rem}@media screen and (min-width: 990px){.pd-license-generator__upload-area{margin-bottom:3.2rem}}.pd-license-generator__file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0}.pd-license-generator__upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;padding:4rem 1.6rem;border:2px dashed #000;border-radius:.8rem;background:#0000000d;cursor:pointer;transition:all .3s ease;min-height:12rem}@media screen and (min-width: 990px){.pd-license-generator__upload-label{min-height:17.9rem;gap:2.4rem}}.pd-license-generator__upload-label:hover{border-color:#000;background-color:#f0f0f0}.pd-license-generator__upload-label--dragover{border-color:#007bff;background-color:#007bff1a;transform:scale(1.02);box-shadow:0 0 20px #007bff4d}.pd-license-generator__upload-area:has(.pd-license-generator__preview:not([style*="display: none"])) .pd-license-generator__upload-label{display:none}.pd-license-generator__upload-icon{color:#000;font-size:1.5rem;font-weight:700;line-height:1.3;letter-spacing:.03rem;padding:1rem 1.5rem .8rem;border-radius:10rem;border:1px solid #000;min-height:4rem}@media screen and (min-width: 990px){.pd-license-generator__upload-icon{padding:1.5rem 2.1rem 1.2rem;min-height:5rem}}.pd-license-generator__upload-icon svg{width:100%;height:100%}.pd-license-generator__upload-text{display:none}@media screen and (min-width: 990px){.pd-license-generator__upload-text{display:block;font-size:1.6rem;line-height:1.5;letter-spacing:0;color:#000;font-weight:700}}.pd-license-generator__preview{position:relative;width:100%;overflow:hidden;border-radius:.8rem;border:2px dashed #000;background:#0000000d;padding:1.6rem;display:flex;align-items:center;gap:1.6rem}@media screen and (max-width: 330px){.pd-license-generator__preview{flex-direction:column}}@media screen and (min-width: 990px){.pd-license-generator__preview{gap:2.4rem}}.pd-license-generator__preview-image-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;width:46.34%;aspect-ratio:133/178}@media screen and (min-width: 990px){.pd-license-generator__preview-image-wrapper{width:20.75%;aspect-ratio:110/147}}.pd-license-generator__preview-image{display:block;height:auto;object-fit:contain;max-height:40rem;width:100%;height:100%;min-height:17.8rem;max-height:47.467vw}@media screen and (min-width: 990px){.pd-license-generator__preview-image{min-height:14.7rem;max-height:14.7rem}}.pd-license-generator__preview-filename{color:#000;font-size:1.6rem;font-style:normal;font-weight:700;line-height:1.3;letter-spacing:.032rem;max-width:53.66%;word-break:break-all}@media screen and (min-width: 990px){.pd-license-generator__preview-filename{max-width:79.25%}}.pd-license-generator__remove-image{position:absolute;top:0;right:0;transform:translate(25%,-25%);width:3.3rem;height:3.3rem;padding:.7rem;gap:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;z-index:1;border-radius:1.65rem;background:#000;border:none}.pd-license-generator__remove-image svg{width:1.9rem;height:1.9rem;flex-shrink:0;aspect-ratio:1/1}.pd-license-generator__remove-image:hover{background-color:#000000e6}.pd-license-generator__actions{display:flex;justify-content:flex-start;gap:1.6rem}@media screen and (min-width: 990px){.pd-license-generator__actions{gap:2.4rem}}.pd-license-generator__button{padding:1.3rem 1.5rem;border-radius:10rem;font-size:1.5rem;line-height:1.3;letter-spacing:.03rem;font-weight:700;text-box-trim:trim-both;text-decoration:none;border:1px solid var(--button-background-color);background-color:var(--button-background-color);color:var(--button-text-color);cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;min-width:9rem;gap:1rem;font-family:Work Sans,sans-serif}@media screen and (min-width: 990px){.pd-license-generator__button{padding:1.1rem 4rem;font-size:2rem;min-width:10.6rem;min-height:5rem}}.pd-license-generator__button-icon{display:flex;width:1.8rem}.pd-license-generator__button--next{background-color:var(--button-background-color);color:var(--button-text-color);padding:.9rem 1.5rem;min-width:9.4rem;min-height:4rem}@media screen and (min-width: 990px){.pd-license-generator__button--next{min-height:5rem;font-size:2rem}}.pd-license-generator__button--next:hover:not(:disabled){opacity:.8}.pd-license-generator__button--next:disabled{cursor:not-allowed;opacity:.6}.pd-license-generator__footer-decoration{position:relative;bottom:0;left:0;width:100%;z-index:1;border-radius:0 0 .8rem .8rem;overflow:hidden}.pd-license-generator__footer-decoration picture,.pd-license-generator__footer-decoration img{display:block;width:100%;height:auto}.pd-license-generator__validation-modal{z-index:9999;align-items:center}.pd-license-generator__validation-modal-inner{position:relative;width:30.5rem;background:transparent;border:none;padding:4.1rem 1.6rem 2.5rem;min-height:var(--min-height-modal-mobile);display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (min-width: 750px){.pd-license-generator__validation-modal-inner{width:44.5rem;padding-top:4.9rem;min-height:var(--min-height-modal-desktop)}}.pd-license-generator__validation-modal-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.pd-license-generator__validation-modal-close{position:absolute;top:2.1rem;right:1.2rem;z-index:10;width:2.4rem;height:2.4rem;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border:none;color:var(--text-color);cursor:pointer;transition:all .3s ease;background-color:transparent}.pd-license-generator__validation-modal-close:hover{opacity:.8}.pd-license-generator__validation-modal-image{width:100%;height:auto;display:block;display:flex;align-items:center;justify-content:center;gap:1.6rem;padding:.7rem 2.4rem;position:relative}@media screen and (min-width: 750px){.pd-license-generator__validation-modal-image{padding:1.3rem 3.4rem}}.pd-license-generator__validation-modal-square-bracket{width:auto;height:100%;position:absolute;top:0;bottom:0;color:var(--validation-bracket-color)}.pd-license-generator__validation-modal-square-bracket--left{left:0;transform:rotate(180deg)}.pd-license-generator__validation-modal-square-bracket--right{right:0}.pd-license-generator__validation-modal-image img{display:block;width:100%;height:auto;object-fit:contain}.pd-license-generator__validation-modal-content{position:relative;z-index:2;text-align:center}.pd-license-generator__validation-modal-image-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:2.995px solid #fff;overflow:hidden}.pd-license-generator__validation-modal-image-wrapper img{position:relative;z-index:1}.pd-license-generator__validation-modal-image-bar-effect{position:absolute;display:block!important;top:.5rem;left:1.1rem;width:.3rem;height:calc(100% - 1rem);background-color:var(--validation-bar-effect-color);z-index:3;border-radius:69.4957rem;box-shadow:0 0 6.957px 1.391px var(--validation-bar-effect-color-shadow)}@media screen and (min-width: 750px){.pd-license-generator__validation-modal-image-bar-effect{left:1.8rem}}.pd-license-generator__validation-modal-image-bg-effect{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--validation-bg-effect-color);z-index:2;display:block!important}img.pd-license-generator__validation-modal-checkmark-image{display:block;width:100%;height:auto;object-fit:contain;width:8.6rem!important;height:8.6rem!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4}@media screen and (min-width: 990px){img.pd-license-generator__validation-modal-checkmark-image{width:11.6rem!important;height:11.6rem!important}}@keyframes slideX{0%{transform:translate(0);opacity:1}5%{transform:translate(0)}47%{transform:translate(25rem);opacity:0}58%{transform:translate(25rem);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideXBg{0%{transform:translate(0);background:var(--validation-blended-bg-effect-color)}8%{transform:translate(0);background:var(--validation-blended-bg-effect-color)}48%{transform:translate(23rem);background:var(--validation-blended-bg-effect-color)}56%{transform:translate(23rem);background:var(--validation-blended-bg-effect-color)}99%{transform:translate(.4rem);background:var(--validation-blended-bg-effect-color)}to{transform:translate(0);background:var(--validation-bg-effect-color)}}@keyframes checkMarkDisplay{0%{max-width:0}to{max-width:11.6rem}}@keyframes pop{0%{transform:scale(0);opacity:0;translate:-50% -50%}to{transform:scale(1);opacity:1;translate:-50% -50%}}.pd-license-generator__validation-modal{display:none}.pd-license-generator__validation-modal .pd-license-generator__validation-modal-inner{opacity:0}.pd-license-generator__validation-modal.active{display:flex}.pd-license-generator__validation-modal.active .pd-license-generator__validation-modal-inner{opacity:1}.pd-license-generator__validation-modal.active .pd-license-generator__validation-modal-image-bar-effect{animation:slideX 1.6s ease-in-out var(--on-verifying-animation-iteration-count)}.pd-license-generator__validation-modal.active .pd-license-generator__validation-modal-image-bg-effect{animation:slideXBg 1.5s linear var(--on-verifying-animation-iteration-count);animation-delay:.1s;animation-fill-mode:forwards}.pd-license-generator__validation-modal.active .pd-license-generator__validation-modal-checkmark-image{transform:scale(0);animation:pop .3s ease forwards;animation-delay:var(--checkmark-animation-delay)}.pd-license-generator__license-preview{width:100%;height:100%;object-fit:cover;display:block;position:absolute;left:50%;top:var(--step-2-bg-mb-focal-point-y);transform:translate(-50%);width:var(--step-2-license-card-width-mb);height:var(--step-2-license-card-height-mb)}@media screen and (min-width: 990px){.pd-license-generator__license-preview{left:var(--step-2-bg-desktop-focal-point-x);top:var(--step-2-bg-desktop-focal-point-y);transform:translate(-50%,-50%);width:var(--step-2-license-card-width);height:var(--step-2-license-card-height)}}.pd-license-generator__license-preview img{width:100%;height:100%;object-fit:contain}.pd-license-generator__license-name{position:absolute;left:var(--step-2-name-position-x);top:var(--step-2-name-position-y);transform:translateY(-50%);color:#000;font-family:Patrick Hand;font-size:1.1383rem;font-style:normal;font-weight:400;line-height:1;max-width:45%;word-break:break-all}@media screen and (min-width: 990px){.pd-license-generator__license-name{font-size:1.7733rem}}.pd-license-generator__license-date{position:absolute;left:var(--step-2-date-position-x);top:var(--step-2-date-position-y);transform:translateY(-50%);color:#000;font-family:Patrick Hand;font-size:1.1383rem;font-style:normal;font-weight:400;line-height:1}@media screen and (min-width: 990px){.pd-license-generator__license-date{font-size:1.7733rem}}.pd-license-generator__license-character{position:absolute;left:var(--step-2-character-position-x);top:var(--step-2-character-position-y);transform:translate(-50%,-50%) rotate(-3.007deg);width:8.7652rem;height:auto}@media screen and (min-width: 990px){.pd-license-generator__license-character{width:14.8851rem}}.pd-license-generator__license-character img{width:100%;height:100%;aspect-ratio:unset;object-fit:cover;overflow:visible}@media screen and (min-width: 990px){.pd-license-generator__license-character img{aspect-ratio:14.89/18.19}}.pd-license-generator__form-elements{display:flex;flex-direction:column;gap:2.4rem}@media screen and (min-width: 990px){.pd-license-generator__form-elements{gap:3.2rem}}.pd-license-generator__form-group{display:flex;flex-direction:column}.pd-license-generator__form-group label{color:#000;font-size:1.4rem;font-style:normal;font-weight:700;line-height:150%;text-align:left;margin-bottom:1.2rem}@media screen and (min-width: 990px){.pd-license-generator__form-group label{font-size:1.6rem;margin-bottom:1.6rem}}.pd-license-generator__form-group .pd-license-generator__form-input{border-radius:.8rem;border:1.5px solid #c4c4c4;display:flex;height:4.8rem;padding:1.6rem;align-items:center;gap:1rem;align-self:stretch;color:#000;font-size:1.6rem;font-style:normal;font-weight:500;line-height:150%;text-align:left;font-family:Work Sans}@media screen and (min-width: 990px){.pd-license-generator__form-group .pd-license-generator__form-input{border-width:2px;font-size:1.8rem;height:5.9rem}}.pd-license-generator__character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}@media screen and (min-width: 990px){.pd-license-generator__character-grid{grid-template-columns:repeat(5,1fr);gap:1.6rem}}.pd-license-generator__character-grid:not(:has(.pd-license-generator__character-option--selected)) .pd-license-generator__character-option:first-of-type{background:linear-gradient(180deg,#f28622,#fba709);box-shadow:2px 2px #000}.pd-license-generator__character-option{border-radius:.5rem;display:flex;width:auto;min-height:12rem;padding:.6rem;flex-direction:column;align-items:center;gap:.8rem;border:1px solid #ddd;background:#fff;box-shadow:2px 2px #ddd}.pd-license-generator__character-option img{max-width:100%;min-width:100%;height:auto;object-fit:cover;aspect-ratio:87/83;border-radius:.2rem}.pd-license-generator__character-option .pd-license-generator__character-name{color:#000;text-align:center;font-family:MattySans;font-size:1.4rem;font-style:normal;font-weight:700;line-height:1.2;word-break:break-word}.pd-license-generator__character-option--selected{background:linear-gradient(180deg,#f28622,#fba709);box-shadow:2px 2px #000}.pd-license-generator__button--checkout{background-color:var(--order-button-background-color);border-color:var(--order-button-background-color);margin-top:4rem;min-width:100%}@media screen and (min-width: 990px){.pd-license-generator__button--checkout{margin-top:4.8rem;min-width:18.1rem!important;padding-left:2.4rem;padding-right:2.4rem}}.pd-license-generator__button--checkout:hover{cursor:pointer;opacity:.8}.pd-license-generator__button--checkout:disabled,.pd-license-generator__button--checkout[disabled]{cursor:not-allowed;opacity:.8}.pd-license-generator__button-text--checkout{color:var(--order-button-text-color);font-size:2rem}.pd-license-generator__validation{display:flex;align-items:flex-start;gap:.8rem;align-self:stretch;margin-top:.8rem}@media screen and (min-width: 990px){.pd-license-generator__validation{gap:1.2rem}}.pd-license-generator__validation svg{min-width:1.7rem;max-width:1.7rem;height:2.1rem;margin-top:4px}.pd-license-generator__validation-message{color:var(--primary-colours-d-9-d-9-d-9, #e81d2c);font-size:1.2rem;font-style:normal;font-weight:400;line-height:1.5;text-align:left}@media screen and (min-width: 990px){.pd-license-generator__validation-message{font-size:1.4rem}}.pd-license-generator__validation-title{color:var(--text-color);text-align:center;font-size:1.6rem;font-style:italic;font-weight:700;line-height:1.5;text-transform:uppercase}@media screen and (min-width: 990px){.pd-license-generator__validation-title{font-size:2.8rem}}
/*# sourceMappingURL=/cdn/shop/t/116/assets/pd-license-generator.css.map */