@import "https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap";
html{font-size:18px}.editor-qr{color:#000;border:1px solid #e9e9e9;width:370px;max-height:52px;font-family:Source Sans Pro,sans-serif}pre{background-color:#f4f4f4;border:1px solid #e9e9e9;padding:1rem}.container,.container-form{justify-content:center;display:flex}.stack-background{color:#000;background-color:#fff;flex-direction:column;width:830px;padding:1rem 2rem;display:flex}.stack-background-for-loading{color:#000;background-color:#0000;flex-direction:column;justify-content:center;width:830px;height:200px;padding:1rem 2rem;display:flex}.row{flex-wrap:wrap;display:flex}.row-pickup{flex-flow:column wrap;display:flex}.column{flex:1}.column-example-second{flex:1;position:absolute;top:0;right:-280px}.column-example-third{flex:1;position:absolute;bottom:-20px;right:-280px}@media only screen and (max-width:768px){.row{flex-direction:row}.column{flex:50%}}.style-paper-only{background:linear-gradient(to bottom left, var(--firstshade-color), var(--secondshade-color), var(--thirdshade-color), var(--fourth-color))}.qr-code-generator{background-color:#fff;justify-content:space-between;width:830px;min-height:680px;padding:1rem 2rem 2rem;font-family:Arial,sans-serif;display:flex;position:relative}.left-side,.right-side{color:#000;flex:1;padding:10px}h2{margin-bottom:15px;font-size:20px}input[type=file]{margin-bottom:15px}textarea{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:calc(100% - 10px);margin-bottom:15px;padding:8px}.label{margin-bottom:5px;font-weight:700}.radios{margin-bottom:15px}.radios label{margin-right:10px}.preview{border:1px solid #ccc;border-radius:8px;width:100%;height:400px;overflow:hidden}.preview-button{border:1px solid #ccc;border-radius:8px;width:100%;height:150px;margin-top:50px;overflow:hidden}.paper{width:100%;height:100%;position:relative}.text-above,.text-below{font-size:14px;position:absolute;left:50%;transform:translate(-50%)}.text-above{top:50px}.text-below{bottom:20px}.logo-container{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)}.logo{border-radius:50%;max-width:150px;max-height:150px;box-shadow:0 0 5px #0000001a}.qr-code-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header-topic-switch{flex-direction:row;place-content:center;margin-left:20px;display:flex;position:absolute;bottom:-30px;right:-35px}.company-information{color:#000}.first-part{flex-direction:column;width:100%;display:flex}.company-information,.tax-number-type,.field-long,.branch-display{margin-bottom:5px}.branch-number{color:#000}.label{align-self:left;margin-bottom:3px;font-size:14px;font-weight:700}.dropdown{width:100%;min-width:25%}.option{padding:8px}.error-message{color:red;margin-top:5px;font-size:.9rem}.new-section-container{flex-direction:column;display:flex}.responsive-element{display:flex}.field-long{width:100%}.label{align-self:center;font-size:1.4rem;font-weight:700}.input{border:1px solid #ccc;border-radius:4px;width:100%;padding:8px;font-size:1rem}.stack{margin-top:10px}.new-section-container{justify-content:space-between;display:flex}.taxNumberType,.branchDisplay,.branchNumber,.field-long,.branchNumber,.first-part,.company-information,.build-number-address,.street,.province,.district,.subdistrict,.postcode{width:100%}.build-number-address .field-long,.street .field-long,.province .field-long,.district .field-long,.subdistrict .field-long,.postcode .field-long{margin-bottom:5px}.build-number-address .label,.street .label,.province .label,.district .label,.subdistrict .label,.postcode .label{align-self:left;font-size:14px;font-weight:700}
.wrap{background-color:#fff;flex-direction:column;justify-content:center;align-items:center;width:830px;padding:1rem 2rem;display:flex}.wrap-paper{background-color:#fff;flex-direction:column;justify-content:center;align-items:center;width:320px;padding:.25rem 2rem;font-size:15px;display:flex}.wrap-paper-text{background-color:#f5f5f5;flex-direction:column;width:100%;height:120px;font-size:15px;display:flex}.wrap-example{background:var(--background-color);flex-direction:column;justify-content:center;align-items:center;width:200px;margin-left:.5rem;padding:2rem;display:flex}@media only screen and (max-width:768px){.column{flex:100%}}.header-part{flex-direction:column;align-content:center;margin-left:50px;margin-right:50px;display:flex}.cardStyle{background-color:#fff;border-radius:5px;height:120px;margin-left:10px;margin-right:10px;padding:10px}.card-style-example-second{background-color:#fff;border-radius:5px;height:50px;margin-top:10px;margin-left:10px;margin-right:10px;padding:10px}.topic-header{color:var(--primary-color)}.circle-active-background{background-color:var(--accent-color-1);color:var(--secondary-color)}.circle-not-active-background{background-color:var(--primary-color);color:var(--background-color)}.accent-color-apply{color:var(--accent-color-1);text-align:left;padding-bottom:50px;font-size:20px}.header-topic-switch{flex-direction:row;place-content:center;margin-left:20px;display:flex;position:absolute;top:1px;right:1px}.palette-container{grid-gap:15px;grid-template-columns:repeat(8,1fr);padding-bottom:15px;display:grid}.palette-container-qr{grid-gap:1px;grid-template-columns:repeat(4,1fr);display:grid}.palette{cursor:pointer;border:.1rem solid #b6b1f1;border-radius:.5rem;justify-content:flex-start;width:2.5rem;padding:.8rem 1rem;transition:all .2s ease-in-out}.palette-loading{cursor:pointer;justify-content:flex-start;width:2.5rem;padding:.8rem 1rem;transition:all .2s ease-in-out}.palette-qr-loading{cursor:pointer;justify-content:flex-start;width:40px;height:40px;padding:.2rem 1rem;transition:all .2s ease-in-out}.palette-qr{cursor:pointer;border:.1rem solid #9aa8e6;border-radius:.5rem;justify-content:flex-start;width:2rem;margin-bottom:10px;padding:.5rem 20px;transition:all .2s ease-in-out}.palette:hover{color:var(--accent-color-1);border-color:#6c80da;transform:translate(-.25rem,-.25rem);box-shadow:.25rem .25rem #6c80da}.palette-qr:hover{color:var(--fourthshade-color);border-color:#6c80da;transform:translate(-.25rem,-.25rem);box-shadow:.25rem .25rem #6c80da}.palette-Inner-wrap,.palette-Inner-wrap-qr{pointer-events:none;border-radius:.5rem;justify-content:center;width:100%;margin-left:auto;margin-right:auto;display:flex;overflow:hidden}.palette-color{background-color:var(--background-color);border:3px solid #181818;border-radius:100%;width:15px;height:15px;margin-left:-4px;margin-right:-4px}.palette-colorLoading{width:2.5rem;padding:.8rem 1rem}.palette-color-qr-loading{padding:0 10px}.palette-color-qr{background-color:var(--background-color);border:3px solid #181818;border-radius:100%;width:5px;height:5px;margin-left:-1px;margin-right:-1px}.style-paper-only{background:linear-gradient(to bottom left, var(--secondshade-color), var(--thirdshade-color), var(--fourthshade-color));max-width:450px;height:450px}.backgroundtext,.firstshade{background-color:var(--firstshade-color)}