body{max-width:900px;margin:0 auto;padding:0 20px 40px;font-family:ProximaNova,sans-serif;font-size:1.125rem}li{padding:3px 0}.monospace{font-family:monospace}.appended-bits{color:#00df00}.version-generator,.format-generator{color:red}.version-correction-bits,.format-correction-bits{color:#bc00bc}.error-correction-level-binary{color:#f0f}.mask-codification-bits{color:#00aeae}.padding-codeword{color:#d02b2b}h1{font-size:2rem}#controls-and-qr-code-container{gap:60px;display:flex}#controls-container textarea[name=message]{resize:none;border:2px solid #000;border-radius:5px;width:300px;max-width:300px;height:50px;margin-bottom:10px;padding:10px}#controls-container #error-correction-level-inputs-label{margin-top:0}#controls-container input[name=error-correction-level]{display:none}#controls-container label{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#d9d9d9;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:60px;height:60px;display:inline-flex}#controls-container label .meaning{font-size:.8rem}#controls-container label:has(input:checked){color:#fff;background-color:#696969}#generate-qr-code-button{color:#fff;cursor:pointer;background-color:#68b7ba;border:2px solid #5b8e90;border-radius:15px;margin-top:26px;padding:10px;font-size:1.2rem}#generate-qr-code-button:active{transform:translate(1px,1px)}#svg-final-qr-code{width:100%;display:block}svg#svg-empty-qr-code,svg#svg-sections-qr-code{stroke-dasharray:.1;background-color:#f0f0f0;width:100%}img.qr-code-versions-example{width:100%}li .error-level-name{padding-left:2px;font-size:.9rem;display:inline-block}#versions-table{border-spacing:0;text-align:center;width:100%;max-height:300px;display:inline-block;overflow:auto}#versions-table thead{background-color:#fff;position:sticky;top:0}#versions-table tr.selected{background-color:#e7fce8}#versions-table th,#versions-table td{text-wrap:nowrap;width:10%;padding:10px}#versions-table td.selected{color:#0cb30c;font-size:1.2em;font-weight:700}svg#calculation-of-version-correction-bits,svg#calculation-of-format-correction-bits{box-sizing:border-box;width:100%;padding-left:20px;padding-right:20px;font-family:monospace;font-size:1px}#version-pattern-completion-wrapper{justify-content:center;align-items:center;gap:90px;display:flex}#version-pattern-completion-wrapper figure{text-align:center;max-width:300px;margin:0}#version-pattern-completion-wrapper figcaption{margin-top:25px;font-size:1rem}#version-pattern-completion-1,#version-pattern-completion-2{width:300px;height:300px}#format-pattern-completion-wrapper{margin:0}#format-pattern-completion-wrapper div{justify-content:space-between;gap:20px;display:flex}#format-pattern-completion-wrapper figcaption{text-align:center;text-wrap:balance;max-width:68%;margin:25px auto 0;font-size:1rem}#format-pattern-completion-1{width:400px;height:400px}#format-pattern-completion-2{height:400px}#format-pattern-completion-3{width:400px}#mask-codification-table-wrapper{overflow:auto}#error-correction-level-codification-table,#mask-codification-table{border-spacing:0;text-align:center;width:300px;margin-bottom:20px}#mask-codification-table{width:100%}#error-correction-level-codification-table th,#error-correction-level-codification-table td{width:25%;padding:6px 10px}#mask-codification-table th,#mask-codification-table td{min-width:90px;padding:6px 10px}#error-correction-level-codification-table th.selected,#error-correction-level-codification-table td.selected,#mask-codification-table th.selected,#mask-codification-table td.selected{color:#0cb30c;background-color:#e7fce8;font-weight:700}#ascii-message-table{flex-wrap:wrap;justify-content:space-around;gap:10px;max-height:220px;padding:10px 0;display:flex;overflow:auto}#ascii-message-table .element{max-width:275px}#ascii-message-table .element .header{text-anchor:middle;font-size:.09rem}#ascii-message-table .element .index{text-anchor:middle;font-size:.08rem}#ascii-message-table .element .bit{text-anchor:middle;font-size:.1rem}#how-to-split-in-blocks{max-height:215px;overflow:auto}#how-to-split-in-blocks .data-block{height:35px;margin:8px 0;display:block}#masks-container{grid-gap:10px;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(200px,auto);display:grid}#masks-container>figure{text-align:center}#masks-container>figcaption{font-size:1rem}svg[id^=mask-]{aspect-ratio:1;width:100%}#without-and-with-mask-container{justify-content:space-evenly;display:flex}#without-and-with-mask-container figure{text-align:center;margin:0}#without-and-with-mask-container figcaption{font-size:1rem}#without-and-with-mask-container svg#svg-without-mask-qr-code,#without-and-with-mask-container svg#svg-with-mask-qr-code{width:350px;height:350px}@media (width<=768px){#controls-and-qr-code-container{flex-direction:column;gap:10px}#format-pattern-completion-wrapper div,#version-pattern-completion-wrapper{flex-direction:column;gap:30px}#format-pattern-completion-wrapper{padding-top:10px}#format-pattern-completion-wrapper div{justify-content:center;align-items:center}#version-pattern-completion-1{height:auto;margin-top:16px}#format-pattern-completion-1{width:100%;height:auto}#format-pattern-completion-2{height:300px}#format-pattern-completion-3{width:100%}#masks-container{grid-template-columns:repeat(2,1fr)}#without-and-with-mask-container{flex-direction:column}#without-and-with-mask-container figcaption{padding-bottom:15px}#without-and-with-mask-container svg#svg-without-mask-qr-code,#without-and-with-mask-container svg#svg-with-mask-qr-code{width:100%;height:auto}}@media (width<=576px){#masks-container{grid-template-columns:repeat(1,1fr)}}